/*================> GLOBAL RESET <==========================================*/
    ul,ol { list-style:none }
    h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
    ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
    a img,:link img,:visited img { border:none }
    address { font-style:normal }
/*    :link,:visited { text-decoration:none }  */
    
/*================> FONT SIZE FIX <=========================================*/
    html { font-size :100.01%; } /* Opera fix */
    html { font-size :62.5%; }   /* now:1em=10px */
    body { *font-size:101%; }     /* IE fix */
    #content { font-size:100%; }

/*================> USED OFTEN  <===========================================*/
    .before, .after {line-height:0;}
    .before img, .after img {margin:0 !important;}
    
    /* famous clearfix */
    .clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden; }
        
        .clearfix { display:inline-block; }
        
        /* Hides from IE-mac \*/
            * html .clearfix { height:1%; }
            .clearfix { display:block; }
        /* End hide from IE-mac */
    
    /* superscript and subscript fixes */
    sup { 
        font-size:smaller;
        vertical-align:baseline;
        position:relative;
        bottom:0.33em; }
        
    sub { 
        font-size:smaller;
        vertical-align:baseline;
        position:relative;
        bottom:-0.25em; }
        
    /* navigation skipper link */ 
    #skipper {
        position:absolute;
        left:-9000px;
        top:5px; }

        a:focus#skipper,a:active#skipper {
            left:0;
            color:#000;
            background:#FF0;
            font-size:1em;
            display:block;
            white-space:nowrap;
            width:15em;
            text-align:center;
            font-weight:700;
            padding:0.5em; }
    
/*================> 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 }