/*@import 'reset.css'; body, html { text-align:center; } #page-container { margin:0 auto; text-align:left; width:45em; }*/ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }/**//* TAAT CSS framework v 0.22 *//*html {margin-left:650px; border-left:1px solid red; }*//* linki */ a:link { color: #2D1D0E; } a:visited { color: #2E1E0F; } a:hover { color: red; } a:active { color: red; } a:focus { border-bottom: 1px dotted #2E1E0F; }/* nie podkreĹ�laj linkĂłw */ /*:link, :visited { text-decoration:none; }*//* nawigacja gĹ�Ăłwna */ .nav, .nav ul { list-style: none;}.nav a, .nav span { display:block; width: 161px; padding-left:20px; /*text-align:center;*/}* html .nav a, .nav span {width:141px;}.nav li { float: left; width: 161px;}.nav li ul { position: absolute; width: 161px; left: -999em;}.nav li:hover ul, .nav li.sfHover ul { left: auto;} /* end suckerfish menu */ .nav li, .nav a { background:red; color:white; text-transform:uppercase; font-size:12px; text-decoration:none;}.nav a:hover {color: white;text-decoration:underline;}/* 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: 1.2em; 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'); }/* 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:12px/1.5em "arial", sans-serif;} /*1.535*/ /*#page-container { font:25px/20em 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: 3⁄4 */ .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:

tekst do podmiany 

*/ .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; }p span { background:yellow;}.leftcol { width:50%;float:left; /*margin-top:0;*/}.rightcol { width:50%; float:right; font-size:10px; line-height:1.2em; margin-top:0.85em;}body, html { text-align:center;}#page-container, #content { margin:0 auto; text-align:left; width:45em;}h1 { font-size:2em; margin-top:3em; margin-bottom:0.8em;}h2, h3 {font-size:1.333em;margin-top:0.3em;margin-bottom:0.7em;}p, ul, dd { margin-top:1em;}dt { font-weight:bold;}dd {margin-left: 2em;}li { margin-left: 1em;}ul { list-style:square;}ul li ul {margin-top:0;margin-bottom:0;list-style:disc;}/*end of framework*/#page-container {width: 782px;font-family: "Trebuchet MS", Trebuchet, sans-serif;}#leftcol {width:298px;float:left;background:#fff;}h1 { margin-top: 183px;}#inner {margin-left:-149px;}#rightcol { width: 484px; float:right;}#menu { width:484px; background:red; clear:both;}#header { display:block;}#tresc {padding:0;overflow:hidden;clear:both;}h2 { margin-top:26px; text-transform:uppercase; border-bottom: 1px solid #2d1d0e; border-top: 1px solid #2d1d0e; /*text-align:center;*/ padding-bottom:7px; padding-top:7px; color:#2D1D0E;}#footer { margin-top:15px; border-top:1px solid gray; padding-top:2px; color:gray; font-size:9px; text-align:left;}.half {width: 50%;}.right {float:right;}.left {float:left;}.gallery li {display:block;width:100%;margin: 0 0 2em 0;padding:0;font-style:italic;}.gallery img {display:block;margin-right:2em;margin-bottom:0.4em;}.gallery ul, .gallery ul li, ul.gallery {list-style:none;}.gallery a { display:block; text-decoration:none; color:#2D1D0E;}ul.galerie {list-style: none;font-weight: bold; margin-left:0;}.galerie li {font-size:1.2em;margin-bottom:1em;margin-left:0;}.galerie img {margin-right:1em;}.galerie a {text-decoration:none;}#galeria1 .galeria1,#galeria2 .galeria2,#galeria3 .galeria3 { text-decoration: none; }#index .index,#rasa .rasa,#rodowody .rodowody,#karma .karma,#pielegnacja .pielegnacja,#choroby .choroby,#portrety .portrety,#kontakt .kontakt,#zdjecia .zdjecia,#galeria1 .zdjecia,#galeria2 .zdjecia,#galeria3 .zdjecia,#filmy .filmy {font-weight:normal;}#index .index:hover,#rasa .rasa:hover,#rodowody .rodowody:hover,#karma .karma:hover,#pielegnacja .pielegnacja:hover,#choroby .choroby:hover,#portrety .portrety:hover,#kontakt .kontakt:hover,#zdjecia .zdjecia:hover,#galeria1 .zdjecia:hover,#galeria2 .zdjecia:hover,#galeria3 .zdjecia:hover,#filmy .filmy {text-decoration:none;cursor:default;}h4 {margin-top:0.5em;font-size:1.2em;}h3 {margin-top:0.75em;}dd {margin-top:0;}dt {margin-top:0.75em;font-style:italic;font-size:1.2em;font-weight:bold;}#psy li, #suczki li {font-size:1.2em;font-weight:bold;margin-top:0.1em;margin-bottom:0.1em;}#nav1 {clear:both;margin:0;padding:0;}#nav2 {clear:both;margin:0;padding:0;background:red;}ul.nav, li.nav {margin:0;padding:0;background:red;}.nav li, .nav a {line-height:27px;}.nav ul, ul.nav {width:100%;background:red;}#menu li {margin:0;}.nav ul {width:484px;background:red;}#nav1 {background:red;width:484px;}.footnav {padding-top:2em;}