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


Upgrade June 2015

Kepp working on this!
It has been stale for some time

Last-updated:
        2015-06-13 initial meant for git repo, dev resumed

Next:
        v1: current
                copy to text editor -> edit/replace -> copy to css pad -> refresh
        v1.5:
                ...
        v2: first rewrite
                stabled color schemes definition
                less
        v3: future
                1-click auto-generated



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

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

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

        background: White;
        /*color: #44aaff;*/
        color: #222222;
}


/*
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: White;
        background: #44aaff;
        text-shadow: 2px 2px 1px #44aaff;
}

/*
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: White;
        background: #44aaff;

        border: 1px solid White;
        text-shadow: 2px 2px 1px #44aaff;
}


/*
*
****************************************************
* 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: White;
}

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

u {
        font-size: 140%;
        color: YELLOW !important;
        background: #44aaff;
}

strong {
        color: YELLOW;
        color: WHITE;
        background: #44aaff;

        text-shadow: 1px 0px 0px #BBBBBB;
        text-shadow: 1px 1px 0px #AAAAAA;
        text-shadow: 1px 1px 0px #888888;
        text-shadow: none;
        text-shadow: 2px 2px 1px WHITE;
        text-shadow: 1px 0px 0px #888888;
        
        display: inline;
        font-style: normal;
        font-weight: bold;

        padding: 3px;
        margin: 3px;
}

em {
        color: White;
        color: YELLOW !important;
        background: #44aaff;

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

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

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

a:hover {
        font-weight: bold;
}


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