/*
***********************************
****
**** 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: #ffa3dd !important;
        color: color;
}


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


/*
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: grey;
        text-shadow: 2px 2px 1px black;
}





u {
        font-size: 155%;
        color: black !important;
        /*color: white !important; /* changed Nov 9 */
        color: silver !important;

        color: black !important;
        color: violet !important;
        color: white !important;

        background: #333  ;
        background: grey;
        background: #333;
}

strong {
        color: white; /* changed Nov 9 - no contrast here ...*/
        color: white; /* changed Nov 9 - no contrast here ...*/

        background: #333;

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

        padding: 3px;
        margin: 3px;
}

em {
        background: #333;
        background: none;

        display: inline;
        font-style: normal;
        font-style: italic;
        color: #white !important;
        text-shadow: 3px 3px 2px white;
}

a:link {
    font-weight: bold;
    color: grey;
    color: #555;
}

a:visited {
    border-bottom-color: black !important;
    font-weight: bold;
    color: #777;
}

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


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