/*
****************************************************************
****************************************************************
****
**** THEMING:
**** For basic customization of this theme,
**** just find+replace the values on the right.
****
**** ---------------------------------------------------
****
**** Colors:
****
**** Main color                    = #AD65EA
**** Page background        = #EFF (#EFF)
**** P:COLOR & B:BG        = #0AD0AD (#0AD0AD)
**** U:BG + A:COLOR        = #0AD0AD (blue)
**** I:BG                = #0AD0AD (#0AD0AD) 
**** A/VISITED:COLOR        = #0AD0AD (#0AD0AD)
**** B:TEXT             = #EFF ... contrast to #0AD0AD (can be #EFF)
****
***************************************************************
*/

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

body {
        font: normal 11pt/13pt 'Ubuntu Mono', serif;
        #font-family: 'Ubuntu Mono';

        background: #ddd;
        /*color: #0AD0AD;*/
        color: black;
        
        background: #030;
        background: beige;
        background: #EFF;
        
        /*
    background-image: url("http://i.giphy.com/Uk5Qchefel6Du.gif");
    background-size: 1500px 2000px;
    background-image: url("http://33.media.tumblr.com/2177f0b30cfc2c045f10ca7816af0702/tumblr_niv2geEVHe1sdksv2o1_400.gif");
    background-size: 300px 300px;
    */

}


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

        color: #EFF;
        background: #0AD0AD;
        text-shadow: 2px 2px 1px #0AD0AD;
}

/*
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: #EFF;
        background: #0AD0AD;

        border: 1px solid #EFF;
        text-shadow: 2px 2px 1px #0AD0AD;
}


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

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

.etherpad_container {
        display: inline-block;  

        font-size: 100%;
        word-wrap: break-word;
        line-height: 140%;
        text-align: left !important; 

        margin: 80px 30 30 30;
        
        margin: 40px;
        padding: 10px;

        max-width: 70%;

        background: beige;
        background: #EFF;
    
    /*
        opacity: 0.93; 
        */
        
        padding: 40px;
}

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

u {
        font-size: 150%;

        color: #FF2C89 !important;
        color: #EFF !important;
        color: black !important;

        background: #0AD0AD;
        background: none;

        text-shadow: 0px 0px 0px #EFF;
        text-shadow: 1px -1px 1px #EFF;
        text-shadow: none;

   border-bottom: 6px solid #0AD0AD;
    padding-bottom: 1px;
    
    text-decoration: none;

        
 }

strong {

        background: #0AD0AD;
        background: none;
        color: black;

   border-bottom: 3px solid cyan;
    padding-bottom: 0px;

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

        padding: 3px;
        margin: 3px;
}

em {
        color: #EFF;
        color: black !important;
        background: #0AD0AD;
        background: #DDD;
        background: none;

        display: inline;
        font-style: normal;
        font-style: italic;
        font-weight: bold;
        
       

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

a:link {
        color: black;
   border-bottom: 1px solid #0AD0AD;
    padding-bottom: 1px;
    padding-bottom: 0px;
    text-decoration: none;
}
a:visited {
        color: gray;
        font-style: italic;
}

a:hover {
        font-weight: bold;
}

.btn {
        background: #0AD0AD;
        color: #EFF;
        text-shadow: none;
}