@import 'reset.css';
@import 'grid.css';

/* TAAT CSS framework v 0.21 */

/* linki */ 

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

/*  nie podkreślaj linków */ 

        /*:link, :visited { text-decoration:none; }*/
        
        
/* nawigacja główna */

        #nav { }

/* aktualna postrona
   http://taat.pl/typografia/nawigacja/#akualna podstrona 
   nadaj id dla body oraz
   klasę o tej samej nazwie dla linku do strony z takim id */
        
        #strona1 .strona1, 
        #strona2 .strona2, 
        #kontakt .kontakt { }
   
/* skiplink lub skipper */

        .skipper, .skiplink {
            position:absolute;
            left:-9000px;
            top:5px; }

        a:focus.skipper, a:focus.skiplink, 
        a:focus.skiplink, a:active.skiplink  {
            left: 0;
            color: #000;
            background: #FF0;
            font-size: em;
            display: block;
            white-space: nowrap;
            width: 15em;
            text-align: center;
            font-weight: 700;
            padding: 0.5em; }
        
        
/* linki obcojęzyczne - z atrybutem lang
   nie działa w IE 6 */
   
        a[hreflang]:after {
            content:" (" attr(hreflang) ")";
            font-size:0.9em; }

        
/* linki zewnętrzne i wewnętrzne */

    /* linki zewnętrzne */
    
        a[href^="http://"] { }
        
        a[href^="http://"]:visited:hover { }
        a[href^="http://"]:hover { }
    
    /* linki zew/wew - powtórzenie dla IE6 */
    
        * html a { -ie-exp:expression(this.done?0:this.done=this.className+=(this.href.substring(0,7)=='http://'?' ex':' in')+'ternal'); }
    
        /* linki zewnętrzne IE6 */
        .external {        }
        /* linki wewnętrzne IE6 */
        .internal { }

/* bez ramek przy linkach obrazkowych */ 

        a img, :focus img, :link img, :active img, :visited img { border: none; }
        
/* resetowanie stopnia pisma */

        html { font-size: 100.01%; }   /* poprawienie skalowania w em */
        html { font-size: 62.5%; }     /* teraz: 1em=10px */
        body { *font-size: 101%; }     /* poprawka dla IE (min. rozmiar) */
        #page-container { font-size:100%; }

        
/* wymuś scrollbar dla wszystkich stron */        
   
        html {
            height: 100%; 
            margin-bottom: 1px; }

        
/*małe poprawki wizualne*/

        a, label { cursor: pointer; }
        acronym, abbr { cursor: help; }
        address { font-style: normal; }
        h1,h2,h3,h4,h5,h6 { font-weight: bold; }
        option { padding: 0 .2em; }  /* dla Firefoksa */

        
/* domyślny krój i stopień pisma*/

        #page-container { font:1.2em/1.75em helvetica, arial, sans-serif; }

        
/* indeksy górne i dolne */

        sup {
            font-size: smaller;
            vertical-align: baseline;
            position: relative;
            bottom: 0.33em; }
        sub {
            font-size: smaller;
            vertical-align: baseline;
            position: relative;
            bottom: -0.25em; }

/* ułamki
   wartości dla kroju Arial/Helvetica
   przykład HTML dla ułamka 3/4: <span class="fractup">3</span><span class="fractline">&#8260;</span><span class="fractdn">4</span> */
   
        .fractup, .fractdn {
            font-size: 0.55em;
            font-weight: 500;
            position:relative; }
        .fractdn {
            top:0em;
            left:0.1em; }
        .fractup {
            top:-0.6em;
            left:-0.1em; }

    
/* gadu-gadu */

        a.gg, a.gg img {
            display:table-cell;
            line-height:1.9em;
            text-decoration:none;
            vertical-align:middle; }

    
/* klasy pomocnicze */

        .left   { float:left; }
        .right  { float:right; }
        
        .hide   { display:none; }
        
        .zero-margin   { margin:0; } 
        .zero-padding  { padding:0; } 
        .zero          { margin:0; padding:0; } 
        
        .align-justify  { text-align:justify; } 
        .align-left     { text-align:left; } 
        .align-center   { text-align:center; } 
        .align-right    { text-align:right; } 
        
/* Levin image replacement
        przykład: <h2 class="replace" id="element1">tekst do podmiany<span>&#8202;</span></h2>  */

        .replace {
              position: relative;
              margin: 0; padding: 0;
              /* ukrycie overflow: hidden na IE5/Mac */
              /* \*/
              overflow: hidden;
              /* */ }
        .replace span{
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 1; }
        #element1, #element1 span {
              height: 8.33em;
              width: 25em;
              line-height: 8.33em;
              background-image: url(naglowek.png); }


/* Incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

        p.incr, .incr p {
            font-size: 10px;
            line-height: 1.44em;  
            margin-bottom: 1.5em; }