body {
        font: normal 12pt/14pt 'Ubuntu Mono', serif;
        background: white;
        color: Black;
}


h1 {
        color: white;
        background: #333  ;
        text-shadow: 2px 2px 1px Black;
}

h4 {
        color: white;
        background: Black;
}

.etherpad_container {
        display: inline-block;  

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

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

        max-width: 70%;

        background: white;
}

u {
        font-size: 155%;
        color: white !important;
        /*color: Black !important; /* changed Nov 9 */
        color: silver !important;
        color: white !important;
        background: #333  ;
}

strong {
        background: none !important;
        color: black !important;
}

em {
        color: Black;
        background: none;
}

a:link {
    color: #333;
    border-bottom: 2px solid black;
    box-shadow: 0 1px 0 black;
}

a:visited {
    color: #999;
    border-bottom-color: white !important;
    /*
    ######## LOL this does not work for some security concerns
    ######## http://stackoverflow.com/questions/10471929/underlining-visited-links
    border-bottom: 0px solid black !important;
    box-shadow: 0 0px 0 black !important;
    text-decoration: none !important;
    */
}

a:hover {
    font-weight: bold;
    text-decoration-style: dashed;
   border-bottom-color: white !important;
}


.btn {
        background: #333  ;
        color: white;
        text-shadow: none;
}