/*
***********************************
****
**** PAGE BG                = black (black)
**** P:COLOR & B:BG        = white (#333333)
**** U:BG + A:COLOR        = #333   (#333)
**** I:BG                = silver (silver) 
**** A/VISITED:COLOR        = #333  (silver)
**** B:TEXT             = white ... contrast to white (can be black)
****
***********************************
*/

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

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

        background: #111;
        color: black;


/*MYSTIC NAVY*/
background: #43C6AC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, cyan, blue);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, navy, silver); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

/*VULCANIC*/
background: #43C6AC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, cyan, blue);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #14A989, #1AB385); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

/* PURE WHITE - IS THIS BETTER !?! */
background: white;

/*SKY*/
background: #43C6AC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, cyan, blue);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, cyan, #aaffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

background: linear-gradient(89deg, #aaffff, #cccccc, #77ffbb, #77ff88); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


img {
/*  
box-shadow: 2px 2px 4px white; 
border: 3px double white;
  margin: 5px;
opacity: 0.7;
*/
}


/*
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 25px 8px 25px;
        display: inline;

        color: black;
        background: #333  ;
        background: white  ;
        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 9px 3px 9px;
        margin: 30px 10px 30px 10px;

        color: black;
        background: white;

        border: 1px solid black;
        text-shadow: 2px 2px 1px #333  ;
}


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

.etherpad_container {
    background: none;

/****************** VZEMI TO NAZAJ VEN KO DELA <S> ! ***************/

/*
        display: inline-block;  

        font-size: 120%;
        word-wrap: break-word;
        line-height: 140%;
        text-align: left !important; 
        margin: 80px 30px 30px 30px;
*/

}

u {
        font-size: 155%;

        color: white !important;
        background: #333;

        color: black !important;
        background: white;

    background: none !important;
    letter-spacing: 2px;
    text-decoration: none;
}

strong {
        color: white;
        
        background: white;

        color: black !important; 

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

        padding: 3px;
        margin: 3px;

    background: cyan !important;
    background: none !important;
    opacity: 0.9;
}

em {
        color: black !important;

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



a:link {
    color: #333;
    border-bottom: 1px solid white;
    box-shadow: 0 1px 0 white;
    font-weight: bold;
}

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

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


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