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

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

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

        background: #E1E1E1;
        /*color: #333333;*/
        color: Black;
}


/*
RATIO = 8 : 25 8 25

...how do you calcualte this?
...i guess it needs to RELATE TO FONT SIZE?

em's ? pixels?

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

        color: #E1E1E1;
        background: Blue  ;
        text-shadow: 2px 2px 1px Black;
}

/*
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: #E1E1E1;
        background: Black;

        border: 1px solid #E1E1E1;
        text-shadow: 2px 2px 1px Blue  ;
}


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

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


.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: #E1E1E1;
}

u {
        font-size: 140%;
        color: #E1E1E1 !important;
        /*color: Black !important; /* changed Nov 9 */
        color: cyan !important;
        color: white !important;
        background: Blue  ;
}

strong {
        color: Black; /* changed Nov 9 - no contrast here ...*/
        color: #E1E1E1 !important;
        background: Black;

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

        padding: 3px;
        margin: 3px;
}

em {
        color: #E1E1E1;
        color: Black; /* changed Nov 9 */
        background: Cyan;

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

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

a:link {
        color: Blue  ;
}
a:visited {
        color: Blue ;
}

a:hover {
        font-weight: bold;
}


.btn {
        background: Blue  ;
        color: #E1E1E1;
        text-shadow: none;
}
Welcome to Etherpad!

This pad text is synchronized as you type, so that everyone viewing this page sees the same text. This allows you to collaborate seamlessly on documents!

Get involved with Etherpad at http://etherpad.org