/* szablon subtelny zmieniony na jednokolumnowy
aby powrócić do prawostronnego albo zmienić w lewostronny zapraszam do wyjaśnień w formie komentarzy w tekście kodu albo na głównym blogu http://stylekatemac.blox.pl/tagi_b/263380/subtelny.html */


body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, label, li, ol, p, td, textarea, th, ul { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, input, p, td, textarea { font-size: 1em; font-weight: normal;}
li, ol, ul { list-style: none; }

h3.komentarze-etykieta { display: block; }


#skroty, 
.dzien .szczegoly .szczegoly-etykieta, 
.dzien .opcje .lista-opcji  span, 
.dzien .trackbacki .trackback .etykieta span,  
.dzien .komentarze .komentarz .etykieta span, 
.strony .strona span, 
#wyszukiwarka .pole-tekstowe-etykieta, 
.komentarze-etykieta, 
.komentarze {
 display:none;}


body {
 background: #bcb9a6 url(/resource/s1_bg.gif) repeat-x right top;
 color: #333;
 font: normal small Times, 'Times New Roman', serif;
 text-align: center;
}

a {
 color:#aa5555;
 text-decoration:none;
}
a:visited {
 color:#bb7777;
 text-decoration:none;
}
a:hover {
 color:#887733;
 text-decoration:underline;
}
a img {
 border-width:0;
}

blockquote {
 margin:20px;
 color: #666;
 font-style: italic;
}
hr {
 border:#eee 1px solid;
}



/*** Nagłówek, czyli winieta ***/

#naglowek {
 margin: 0px auto;
 padding: 0;
 height: 200px;
 width: 900px;
 text-align: center;
 background: url(/resource/s1_nag.jpg) no-repeat bottom center;
}
#naglowek .kontener {
 float:left;
 height: 200px;
 width: 900px;
}	
#nazwa-bloga {
 text-align: center;
 font: italic normal 4em/1.5em Times, 'Times New Roman', serif;
 padding: 40px 0 0 0;
 text-shadow: 1px 1px 1px #000;
}
#nazwa-bloga a {
 letter-spacing: -3px;
 text-shadow: 1px 1px 1px #000;
}
#nazwa-bloga a:hover {
 text-decoration: none;
}
#naglowek #opis-bloga {
 font-family: Times, 'Times New Roman', serif;
 font-size: 1.2em;
 text-align: center;
 text-shadow: 1px 1px 2px #000;
 color: #eee;
 padding: 0px 20px;
}



/*** Treść, główne boksy ***/

#tresc {
 position: relative;
 width: 900px;
 margin: 0 auto 20px auto;
 padding: 60px 0px 0px 0px;
 background: #fff url(/resource/s1_tg_top.jpg) no-repeat left top;
 text-align:left; 
 font-size: 1.2em;
}
#tresc:after {
 content: "bloksowy szablon wykonała kate_mac | zapraszam na stylekatemac.blox.pl";
 display: block;
 clear: both;
 background: url(/resource/s1_tg_stopka.jpg) no-repeat left bottom;
 color: #887755;
 line-height: 0;
 padding: 20px 20px 20px 20px;
 height: 26px;
}

#tresc-glowna {

 width: 860px; /* jeżeli chcesz mieć szablon dwukolumnowy lewo- albo prawostronny zmień szerokość z 860px na 590px */

 /* aby przywrócić szablon prawostronny dodaj pływanie głównej szpalty float:left;
    aby zmienić szablon na lewostronny dodaj pływanie float:right; */

 padding: 0px 20px;
 margin: 0px;
 text-align:left; 
}

#tresc-poboczna {
 width: 900px; /* jeżeli chcesz mieć szablon dwukolumnowy lewo- albo prawostronny zmień szerokość z 900px na 260px i dodaj pływanie elementu w postaci float:right; */

 margin: 0px;
 text-align:left;
}


#wpisy { padding: 0; }
#wpisy .wpisy-etykieta, 
#wpis .wpis-etykieta { left: 0; overflow: hidden; position: absolute; text-indent: -666em; top: 0; }
#wpisy.tag .wpisy-etykieta, 
#wpisy.kategoria .wpisy-etykieta {
 color:#999;
 font: italic normal 1em Times, 'Times New Roman', serif;
 text-shadow: 1px 1px 1px #ccc;
 text-align:center;
 overflow: auto;
 padding: 16px 0 0 0;
 position: relative;
 text-indent: 0; }


.wpisy .wpis-poprzedni { float: left; }
.wpisy .wpis-nastepny { float: right; }
.wpisy .wpis-poprzedni a,
.wpisy .wpis-nastepny a {
 display: block;
 height: 12px;
 padding: 0 0 2px;
 text-transform:lowercase;
}



.dzien, .strony {  }
.dzien {
 zoom: 1;
}
.dzien .dzien-etykieta {
 font-style: italic;
 text-align: left; 
 color: #999;
}
.dzien .dzien-etykieta\ { margin-top: 5px; }
.dzien .wpis {
 padding: 0px 0px 80px 0px;
}
.dzien .tytul {
 font: italic normal 2em/1.5em Times, 'Times New Roman', serif;
 padding: 0px 0 0 0;
 text-shadow: 1px 1px 1px #bcb9a6;
 margin-bottom: 10px;
}
.dzien .tytul a {
 color:#887733;
}
 .dzien .tytul a:hover {
 text-decoration:none;
}
.dzien .tresc {
}
.dzien .tresc h3 {
 font-size: 1.4em;
 margin: 14px 0 0;
}
.dzien .tresc p {
 line-height: 1.6em !important;
 margin: 10px 0;
 text-align: left;
 }


/*** IPT ***/

.readMore {
 display:block;
 font: italic normal 1.2em Times, 'Times New Roman', serif;
 padding: 10px 0 5px 0;
 text-shadow: 1px 1px 1px #bcb9a6;
 text-align: right;
}

.szczegoly {
 font-style: italic;
 color:#999;
 zoom:1;
 overflow:hidden;
}
.szczegoly .etykieta { clear: both;float: left; margin-right:3px; }
.szczegoly .etykieta em {}
.szczegoly .szczegol { float:left; }
.szczegoly .szczegol\ { float:none; }
.szczegoly .lista { overflow: hidden; }
.szczegoly .lista\ { zoom: 1.0; }
.szczegoly .lista .pozycja { float: left; margin: 0 8px 0 0; }
.szczegoly span {}
.szczegoly .tagi-etykieta {}
.szczegoly .autor-etykieta {}
.szczegoly .czas-etykieta {}

.opcje {
 font-style: italic;
 color:#999;
 zoom:1;
 overflow:hidden;
 padding: 20px 0px;
}

.dzien  .opcje\ { zoom: 1.0; }
.opcje .opcje-etykieta {
float:left;
}
.opcje .opcje-etykieta:after {
 content: ":";
 color:#999;
}
.opcje .lista-opcji {}
.opcje .lista-opcji .opcja {}
.opcje ul li.dodaj-komentarz a em {}
.opcje ul li.dodaj-komentarz a .liczba-komentarzy {
 color: #333; margin: 0 0 0 3px;}
.opcje ul li span {display:none;
}
.opcje .przejdz-do-wpisu,
.opcje .dodaj-komentarz,
.opcje .polec,
.opcje .sledz-komentarze {
 margin: 0 0 0 45px;
}

#wpis  .dzien  .opcje .lista-opcji {
 text-transform:lowercase;
}

.dzien  .facebook-like { text-align: left; padding-top:10px; clear:both; zoom: 1; display: none; }
.dzien  .facebook-like\ { display:none; }
.dzien  .wykop { margin: 0 0 8px -3px; }




/*** stronicowanie ***/

.strony { position: relative; text-align: center; padding:10px 30px 40px 30px; }
/* .komentarze .strony { padding: 0px 0; text-align:right; } */
.strony .strona { display: inline;  color:#999; }
.strony .strona-poprzednia, .strony .strona-nastepna  { text-transform:lowercase; }
.strony .strona-aktywna { padding: 2px 5px; }
.strony .strona-aktywna\ { margin: 0 3px 0 0; zoom: 1.0; }
.strony .strona a { padding: 2px 5px; }
.strony .strona a\ { zoom: 1.0; }
.strony .strona a:hover { border-color: #ff8c26; }
.strony .strona-poprzednia a { border-color: #fff; padding-left: 0; }
.strony .strona-nastepna {	border-color: #fff;	padding-right: 0; }
.strony .strona-poprzednia\, #wpisy .strony .strona-nastepna\ { padding-top: 3px; top:0; }
.strony li.strona-poprzednia a:hover, .strony li.strona-nastepna a:hover { border-color: #fff; text-decoration: underline;}
.strony .strona em { font-style: normal; }



#komentarze {
 display: block;}
#komentarze .komentarze-etykieta {
 font: italic normal 1.4em Times, 'Times New Roman', serif;
 padding: 0px 0 0 0;
 text-shadow: 1px 1px 1px #bcb9a6;
 color:#887733;
}
#komentarze .dodaj-komentarz {
 font: italic normal 1.4em Times, 'Times New Roman', serif;
 padding: 0px 0 0 0;
 text-shadow: 1px 1px 1px #bcb9a6;
 text-align:right; 
 text-transform:lowercase;
 color:#887733;
}
#komentarze ul { margin: 5px 0px; }
#komentarze h4 {
 font-size:1.2em;
}
#komentarze .czas {
 font-style: normal;
 font-size: 0.8em;
 color: #999;
}
#komentarze blockquote {
 margin:0px;
 color: #333;
}
#komentarze .komentarz { padding:10px 0px; }
#komentarze .komentarz a { font-weight:normal; }
#komentarze .nieparzysty {}
#komentarze .nieparzysty a {}



.dzien  .trackbacki {
 margin-bottom:20px;
}
.dzien  .trackbacki-etykieta {
 font: italic normal 1.4em Times, 'Times New Roman', serif;
 padding: 0px 0 0 0;
 text-shadow: 1px 1px 1px #bcb9a6;
 color:#887733;
}
.dzien  .trackbacki .link .etykieta {
 color:#999;
 font-style:italic;
}
.dzien  .trackbacki .link .pole-tekstowe { overflow: hidden;}

.dzien  .trackbacki .trackback {
 margin: 25px 0px 5px 0px;}
.dzien  .trackbacki .trackback .etykieta {
 float:left;
 width: 145px;
 border-right: 1px solid #ccc;
}
.trackback .tytul-wpisu,
.trackback .nazwa-bloga,
.trackback .czas {
 display:block;
}
.dzien  .trackbacki .trackback .etykieta .nazwa-bloga {
 font-style: normal;
 font-size:1.2em;
}
.dzien  .trackbacki .trackback .etykieta .czas {
 color:#999;
 font-size:0.7em;
 font-style: normal;
}
.dzien  .trackbacki .trackback blockquote {
 margin: 0px 0px 0px 155px;
 color:#333;
}
textarea#TrackBackUrlField {
 background: #eee;
 border: 1px solid #ddd;
}


/*** strona statyczna ***/

#strona { }
#strona .tytul {
 font: italic normal 2em/1.5em Times, 'Times New Roman', serif;
 padding: 0px 0 0 0;
 text-shadow: 1px 1px 1px #bcb9a6;
 margin-bottom: 10px;
}
#strona .tytul a {
 color:#887733;
}
#strona h3 { font-size: 18px; margin: 0 0 14px; }
#strona p { line-height: 1.3em;	margin: 0 0 12px; text-align: justify; }


/*** Treść poboczna ***/

.boks {
/* dwyszpaltowy, prawo- lub lewostronny: zastąp float:left; poleceniem czyszczenia clear:both; */
 float:left;

/* dwyszpaltowy, prawo- lub lewostronny: skasuj szerokość albo zmien ją na automatyczną width:auto; */
 width:200px;

/* dwyszpaltowy, prawo- lub lewostronny: zmień dopełnienie na padding:0 8px; */
 padding:0 0 0 20px;

 margin-bottom: 16px;
}

.boks h2 {
 font: italic normal 1.4em Times, 'Times New Roman', serif;
 padding: 0px 0 0 0;
 text-shadow: 1px 1px 1px #bcb9a6;
 color:#887733;
}
.boks li h3 {
 color:#999;
 font: italic normal 1em Times, 'Times New Roman', serif;}
.boks .lista {  }
.boks ul li {
 text-transform:lowercase; }



#kalendarz { width: 210px; padding: 0 0 1px;}
#kalendarz { zoom:1; }
#kalendarz .miesiac-wybrany {
 color:#999;
 font: italic normal 1.2em Times, 'Times New Roman', serif;
 text-align: center;
}
#kalendarz .miesiac-wybrany a { text-transform:lowercase; }
#kalendarz .miesiacy-wybrany a:hover {}
#kalendarz .dni-tygodnia-miesiaca { width: 210px;}
#kalendarz .dzien { font-size: 0.8em; text-align: center; }
#kalendarz .dzien-tygodnia { color:#999; }
#kalendarz .dzien-tygodnia abbr { border: none; }
#kalendarz .dzien-miesiaca { padding: 0; }
#kalendarz .miesiace {}

#kalendarz .miesiac-poprzedni, #kalendarz .miesiac-nastepny  {}
#kalendarz .miesiac-poprzedni { float:left; }
#kalendarz .miesiac-nastepny { float:right; }
#kalendarz .miesiac-poprzedni a, #kalendarz .miesiac-nastepny a {
 color:#999;
 font: italic normal 0.8em Times, 'Times New Roman', serif;
}
#kalendarz .miesiac-poprzedni a { }
#kalendarz .miesiac-nastepny a { }


#wyszukiwarka .formularz { overflow: hidden; padding:10px 0;}
#wyszukiwarka .formularz fieldset { border:none; margin:0; padding:0; }
#wyszukiwarka .formularz * { float: left; }
#wyszukiwarka .pole-tekstowe { border: 1px solid #e2e9ef; border-top:1px solid #aaadb2; font-size: 11px; margin: 0 3px 0 0; padding: 2px; width:150px; -moz-border-radius:2px; -webkit-border-radius:2px; }
#wyszukiwarka .przycisk { border: 1px solid #707070; height: 19px; font-size: 10px; text-align: center; padding: 2px 5px; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; background:url('/themes/new_morski/images/szukaj_bg.png') left top repeat-x; color:#333; }


#tagi .tag { display: inline; font-size: 12px; text-transform: none; }


#ostatnie-wpisy ul {}
#ostatnie-wpisy li {
 padding: 0px 0px 0px 15px;
 background: url(/resource/s1_dot.jpg) no-repeat left 5px;
}

#zakladki ul\ { margin: -13px 0 0; }
#zakladki ul ul\ { margin: 0; }
#zakladki ul li {
 text-transform:none; 
}
#zakladki ul li li{
 text-transform:lowercase; 
}
.boks li li ul { padding: 0; }
#zakladki ul { padding: 5px 0 15px 0;}


#kanal-informacyjny .kanal {
}
#kanal-informacyjny .kanal a {
	text-align:left;
	display:block; 
	line-height:18px; 
	color: #999;
}
#kanal-informacyjny .kanal a:after {
	content:" z wpisami"
}


#opcje { margin:50px 0px 0; }
#opcje .opcje-etykieta {}
#opcje a.iconBloxBg {
 dispaly:none;
}
#opcje .opcja  a {
	color: #999; padding:5px 0 5px 30px !important; text-align:left; display:block; line-height:15px; }
#opcje .pisz-blog a { background:url('/resource/s1_pisz.png') no-repeat 3px center !important;}
#opcje .dodaj-do-ulubionych a { background:url('/resource/s1_heart.png') no-repeat 3px center !important;}
#opcje .newsletter a { background:url('/resource/s1_news.png') no-repeat left center !important;}

#opcje .css {
 background:url('/resource/s1_css.png') no-repeat center center !important;
 padding: 50px 0px 40px 0px;
 margin: 40px 0px 0px 0px;
}

#wFbWrap { padding:9px 0;  margin-top:9px; min-height: 100px; }
#wFbWrap:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; }
#wFbWrap .c0  { width:80px; float:left; }
#wFbWrap .c1 { width:360px; float:left; }

div.tresc ul li { list-style: disc; margin-left: 20px; }
div.tresc ol li { list-style: decimal; margin-left: 24px; }
div.tresc p strong { font-weight: bold; }
div.tresc p em { font-style: italic; }



/** dodatki: górne dodatkowe poziome menu; http://stylekatemac.blox.pl/strony/gorne-menu.html **/

ul#menu-top {
 position: absolute;
 top: 0px;
 left: 20px;
 width: 860px;
 margin: 0;
 padding: 0;
}
ul#menu-top li {
 float: left;
 margin: 0px;
 padding: 10px 0px 10px 0px;
 color: #999;
 list-style: none;
 list-style-image: none;
 }
ul#menu-top li a {
 padding: 0px 7px 0px 7px;
 border-right: 1px solid #ccc;
 display: block;
 color: #999;
 font: normal 1.0em Times, 'Times New Roman', serif;
 text-align: left;
}
ul#menu-top li a:hover {
 color:#887733;
 text-decoration: none;
 }
ul#menu-top li.active {
 color:#aa5555;
}



/** dodatki: dodatkowe kontenery pod wąską szpaltą **/

.kont {
 padding: 0 0 2em 0;
}
.kont ul li {
 padding: 0px 0px 0px 15px;
 background: url(/resource/s1_dot.jpg) no-repeat left 5px;
}


/** dodatki: chmurka tagów z delicious **/

.delicious-cloud {
 font-family: times, serif;
 text-align:center !important;
 margin: 0 0 15px 0;
}


/** dodatki: dodatek Szymona z ostatnimi komentarzami na blogu testblog.blox.pl/2007/05/Ostatnie-komentarze-wersja-JavaScript-widgetu.html **/

#LastComments {
}
#LCtitle {
 font: italic normal 1.4em Times, 'Times New Roman', serif;
 padding: 0px 0 0 0;
 text-shadow: 1px 1px 1px #bcb9a6;
 color:#887733;
}
#LastComments ul{
 list-style:none;
 padding-left:0;
 margin-left:0;}
#LastComments li {
 display:block;
 padding: 8px 0px 8px 0px;
}
.LCuser {
 padding: 0px 0px 0px 15px;
 background: url(/resource/s1_dot.jpg) no-repeat left 5px;
}
.LCdate {
 font-size:0.9em;
 color: #999;
}