/*
***********************************
****
**** PAGE BG                = #0B553F (white)
**** P:COLOR & B:BG        = blue (#333333)
**** U:BG + A:COLOR        = #C0556C   (blue)
**** I:BG                = #C0556C    (silver) 
**** A/VISITED:COLOR        = #C0556C    (cyan)
**** B:TEXT             = #0B553F ... contrast to blue (can be #0B553F)
****
***********************************
*/


body {
        font: normal 12pt/14pt 'Ubuntu Mono', serif;
        
        
/*
        font-family: 'Impact';
*/

        background: black;
        background: none;
        color: white;

    -webkit-animation-name: blinker2;
    -webkit-animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker2;
    -moz-animation-duration: 10s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker2;
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes blinker2 {  
    0% { background: seagreen; color: black;}
    50% { background: gold; color: white;}
    100% { background: pink; color: black;}
}
@keyframes blinkerC {  
    0% { color: red; color: black;}
    50% { color: green; color: white;}
    100% { color: gold; color: black;}
}



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

.main_container {
        margin: 40px 5 40 5;
        text-align: center;   
}


.etherpad_container {
        display: inline-block;  

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

        margin: 50px 20 20 20;
        padding: 10px;

        max-width: 75%;
        
        background: none;
}

u {
        font-size: 150%;

        background: white;
        color: black;

        color: white;

    animation-name: blinker;
    animation-duration: 30s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;

        background: red !important;
}

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

        padding: 3px;
        margin: 3px;

        background: white;

    animation-name: blinkerC;
    animation-duration: 30s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;

        background: white !important;
}


em {
        display: inline;
        font-style: normal;
        font-style: italic;

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

        color: black;

        background: blue !important;

        background: black !important;
        color: white !important;

}

a:link {
        color: #C0556C  ;
        color: white;
}
a:visited {
        color: #C0556C   ;
        color: white;
}

a:hover {
        font-weight: bold;
}


.btn {
        background: #C0556C  ;
        background: lime;
        color: #0B553F;
        color: white;
        text-shadow: none;
}


/********************************************************/

strong em u {
    font-size: 150%;
    text-shadow: 2px 1px 1px #333;
    text-shadow: none !important;
    background: red;
}