/*
****************************************************************
****
**** THEMING:
**** For basic customization of this theme,
**** just find+replace the values on the right.
****
**** ---------------------------------------------------
****
**** Colors:
****
**** Page background        = White (white)
**** P:COLOR & B:BG        = #333333 (#333333)
**** U:BG + A:COLOR        = Aquamarine (blue)
**** I:BG                = #cdcdcd (#cdcdcd) 
**** A/VISITED:COLOR        = Aquamarine (cyan)
**** B:TEXT             = WHITE ... contrast to #333333 (can be White)
****
***************************************************************
*/

/*///////////////////////////////////////////////
///
//
//
// TEXT BLOCKS
//
*/

body {
        font: normal 12pt/14pt 'Ubuntu Mono', serif;
        #font-family: 'Ubuntu Mono';
        background: #f4f2f0;
        background: #3dea4a; /* hehe <dmytri */
        background: #f4f2f0;
        background: #AAA;
}

h1 {
        padding: 8px 25 8 25;
        display: inline;
        color: White;

        background: #d3ff7f;
        background: MediumSpringGreen;
        background: #81ffc0;

        text-shadow: 2px 2px 1px #333333;
        text-decoration: none !important;

}

/*
Sync padding ratio with h1 !!!
RATIO = 1:3:1:3
MARGIN = 3:1:3:1
*/
h4 {
        display: inline;
        padding: 3px 9 3 9;
        margin: 30px 10 30 10;
        color: White;

        background: #333333;

        border: 1px solid White;
        text-shadow: 2px 2px 1px #d3ff7f;
}


/*
*
****************************************************
* ETHERPAD STUFF
*
*/

.main_container {
    margin: 50px 10 50 10;
    text-align: center;   
}

.etherpad_container {
    display: inline-block;  
        font-size: 110%;
        word-wrap: break-word;
        line-height: 140%;
        text-align: left !important; 
        margin: 50px 30px 30px 30px;
        padding: 10px;
        max-width: 70%;
    
    background: none;

}

.etherpad_toc > li {
        font-size: 70%;
        line-height: 70%;
}

u {
        font-size: 130%;
        color: #555555 !important;
        background: #d3ff7f;
        background: MediumSpringGreen;
        background: #81ffc0;
}

strong {
        display: inline;

        font-style: normal;
        font-weight: bold;

/*
    font-size: 110%;
        color: WHITE;
        background: #333333;
    text-align: center;
        padding: 3px;
        margin: 3px;
*/
padding: 0px;
margin: 0px;
text-align: none;
font-size: 100%;
        
    background: none;
    color: black;
}

u strong {
    background: black;
    color: white;

    background: white;
    color: black;

    font-size: 130%;
}

strong u {
    background: black;
    color: white;

    background: white;
    color: black;

    font-size: 140%;
}


em {
        color: White;
        color: Black;

        background: #cdcdcd;
        background: none;
        display: inline;

        font-style: italic;
        font-weight: bold;

        /*
        padding: 3px 9 3 9;
        margin: 13px 9 13 9;
        */
}

a:link {
        color: #00AACC;
        color: MediumSpringGreen;
        font-weight: bold;
        color: #d3ff7f;
        color: blue;
        color: SpringGreen;
        color: #81ffc0;
        color: blue;
}

a:visited {
        color: #beff7f;
        font-weight: bold;
        color: MediumSpringGreen;
        color: blue;
        color: SpringGreen;
        color: #35ff9a;
        color: blue;
        color: #81ffc0;
}

a:hover {
        font-weight: bold;
}


.btn {
        background: #d3ff7f;
        color: White;
        text-shadow: none;
}