/* Screen styles */

a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: purple; }
a:active { color: red; }
a:focus { background: blue; color: white; }

/*================> SMALL VISUAL CHANGES <=========================================*/
    h1,h2,h3,h4,h5,h6 { font-weight:bold ;}
    option { padding:0 .2em;  /* for Firefox */ }
    input, select, textarea { font-size:100%; }
    acronym, abbr { cursor:help;}
    a, label { cursor:pointer; }
    #content { font:1.2em/1.75em arial, sans-serif;}
    
/*================> DEBUG <=================================================*/
    /* grid */ 
        /*html { background:url(http://taat.pl/grid/150x21_lightgray.png); }*/
    
    .debug { background:#f00 }
        body.debug { background:none }
        .debug h1 { background:#c8c8c8 }
        .debug h2 { background:#d0d0d0 }
        .debug h3 { background:#d8d8d8 }
        .debug h4 { background:#e0e0e0 }
        .debug h5 { background:#e8e8e8 }
        .debug h6 { background:#f0f0f0 }
        .debug li { border:1px dotted #999 }
        .debug ul, .debug ol { border:1px solid #666 }

body {text-align:center;}

#content {margin:0 auto; 
    width: 32em;
text-align:left;}

p {
    background:black;
    line-height:1.6em;
    padding-right:1em;
/*    filter:alpha(opacity=70);
    opacity:0.7;*/
    font:  normal 1em verdana, sans-serif;
}

p span {
    background:white;
    line-height:1.6em;
    padding:0.211em 0;
    
}

/* fixed size for headers */

h1 {font: bold 34px Georgia, serif; font-style:italic; letter-spacing:-2.4px; /*margin:20px 0px 7px 0px; padding:0px;*/}

h2  {font:normal 34px Impact, sans-serif; background:#3399FF; color:#fff;letter-spacing:0.5em;font-variant:small-caps;text-transform:uppercase;}