/*================> 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;}     
    .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 */
    
    #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 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 }