body {

    font: normal 11pt sans-serif !important;

        background: Black;
        color: #ffffff;
        
}

h1 {
        padding: 8px 25 8 25;
        display: inline;
        color: White;
        background: #ffc3a0;
        text-shadow: 2px 2px 1px #333333;
}


h4 {
        display: inline;
        padding: 3px 9 3 9;
        margin: 30px 10 30 10;
        color: Black;
        background: #333333;
        border: 1px solid White;
        text-shadow: 2px 2px 1px;
}

ul {
    list-style-type: none;
}



.main_container 
{
        width:600px;

}

.etherpad_container {
        display: inline-block;  
        font-size: 100%;
        word-wrap: break-word;
        line-height: 140%;
        text-align: left !important; 
        margin: 0px 30 30 30;
        padding: 10px;
        width: 600px;
        background: black;
}

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

u {
        font-size: 120%;
        color: White !important;
        background: #333333;
        font-weight: bold;
        text-transform: uppercase;

}

strong {
        color: Black;
        background: White;

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

        padding: 3px;
        margin: 3px;
}

em {
        color: White;
        background: Black;

        display: inline;
        font-style: normal;
        font-style: italic;
}

a:link {
        color: #00AACC;
}
a:visited {
        color: #00CCCC;
        color: #00AACC;
        font-style: italic;
}

a:hover {
        font-weight: bold;
}


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