body {
    background: linear-gradient(89deg, #88dddd, #aaaaaa, #55dd99, #55dd66); /* 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+ */

    background: #eff;
    background: linear-gradient(89deg, #dee, white); /* 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;
*/
}


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

        color: black;
        background: #333  ;
        background: white  ;
        text-shadow: 2px 2px 1px black;
}


u {
        font-size: 155%;

        color: white !important;
        background: #333;

        color: black !important;
        background: white;
}

strong {
        background: white;
        color: black !important; 

        padding: 3px;
        margin: 3px;
        padding: 1px;
        margin: 1px;

        color: white !important; 
        color: black !important; 
        background: silver;
}

em {
        color: black !important;
}

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;
}