/*
wykonanie:  	s.z.y.m.o.n[SHIFT+2]gazeta.pl
wersja: 	0.81
pobrano z:	http://szablonownia.blox.pl 
zobacz tez:	http://testblog.blox.pl -bliskie spotkania z
  	  	komputerem; 
licencja:	Szablon dostepny jest na licencji Creative Commons
  	  	z zachowaniem praw autorskich.
		Mozesz go swobodnie modyfikowac i rozpowszechniac
  	  	pod warunkiem zachowania informacji o autorze.
		Kozystajac z szablonu umiesc u siebie odnosnik
		do mojego glownego bloga (http://testblog.blox.pl).

SZABLON ZGODNY ZE ZMIANAMI KODU HTML DOTYCZ¡CYMI SEO!!
*/

/*
Areas - czerwony i be¿owy
20 szablon czerwony 
lokalizacja: http://20szablonkatemac.blox.pl/html;

autor: kate_mac (http://szablonykatemac.blox.pl);
kontakt: szablonykatemac@gmail.com;
data wykonania: styczeñ 2008;
licencja: Creative Commons - uznanie autorstwa - na tych samych warunkach;
--
uwagi: 
szablon dostosowany do zmian SEO
nag³ówek szablonu:
    Theme Name: CleanJS - WEB 2.0 look
    Theme URI: http://cleanjs.com
    Author: Adam Walentynowicz
    Author URI: http://adamw.pl/
Unless otherwise specified, all content is made available under the Creative Commons License: http://creativecommons.org/licenses/by/2.5/
*/

body,div,table,#BlogWazkaSzpalta ul, #SkomentujWazkaSzpalta ul{padding:0;margin:auto;border:0}

body{
	border-top:45px solid #303030;
	color: #FFF8DB;
	background:#303030 url(/resource/32120_bg_paski.jpg) repeat-x scroll center 45px}

table{border-spacing:0}
a{color:#CC6666}
a:hover{color:#AE3941}
blockquote {
	border-left:2px dashed #CC6666;
	margin:0px 10px;
	padding:5px 10px;
}
blockquote blockquote {
	border-left:2px dashed #AE3941;
	margin:0px 10px;
	padding:5px 10px;
}


#BlogGlownyBox{
	width:800px;
	font:normal 10px 'Trebuchet MS',Arial,sans-serif;
	text-align:justify;
}
#BlogBodyBox{
	width:760px;
	margin:0 auto;
	padding-bottom:30px;
}
#BlogBodyBox table{width:760px}


/* Tytul bloga */

#BlogTytulBox{
	text-align:left;
	padding-top:50px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
	height:170px}
#BlogTytulText{
	font-weight:bold;
	font-size:40px;
	letter-spacing:.2ex;
	height:100px;}
#BlogTytulText a, #BlogTytulText h1 a{
	color:#E4DEAE;
	text-decoration:none;}
#BlogTytulText h1{margin:0;font-size:1em}
#BlogTytulOpis{font-size:1.4em;color:#303030;}


/* Kategorie */

div#BlogGlownyBox div#BlogKategorieBox{
	position:absolute;
	top:0;
	width:760px;
	height:50px;
	font-weight:bold;
	text-transform:uppercase;
	color:#E4DEAE}

#BlogKategorieBox table{
	margin:7px auto 0;
	width:100%;
	text-align:justify;
	font-size:0;
	color:#303030}

#BlogKategorieBox a,#BlogKategorieBox span{
	display:inline;
	margin-right:25px;
	font-weight:bold;
	font-size:14px;
	color:#E4DEAE;
	text-decoration:none}
#BlogKategorieBox a,#BlogKategorieBox span{float:left}
#BlogKategorieBox a:hover, #BlogKategorie span{color: #CC6666}

#BlogKategorieWybranaTytul h3{
font-weight:bold;
font-size:1.5em;
margin:2em 0;
text-align:center}


/*RSS*/
#BlogRss a:before {content: "subskrybuj kanał ";}
#BlogRss a:after {content: " wpisów";}
#BlogRss a{
	display:block;
	position:absolute;
	top:270px;
	padding-left:55px;
	margin-left:-160px;
	height:76px;
	background:url(/resource/32120_rss.jpg) no-repeat scroll left;
	text-decoration:none;
	font-size:14px;
	color:#CC6666}
#BlogRss a:hover{
	color:#AE3941;
	background:url(/resource/32120_rss_hover.jpg) no-repeat scroll left;}

/* etykieta Blox - Komentarze do wpisu */

div#SkomentujBoxEtykieta{
	position:absolute;
	top:0;
	width:760px;
	height:36px;
	font-size:14px;
	padding-top:7px;
	font-weight:bold;
	text-transform:uppercase;
	color:#E4DEAE}

#SkomentujBoxEtykieta a{
	display:inline;
	margin-right:25px;
	font-weight:bold;
	font-size:14px;
	color:#E4DEAE;
	text-decoration:none}
#SkomentujBoxEtykieta a:hover {color: #CC6666}


/*WAZKA SZPALTA*/
#BlogWazkaSzpalta,#SkomentujWazkaSzpalta{width:154px;padding:110px 14px 30px;text-align:left;font-size:1.3em;line-height:1.3em}
#BlogWazkaSzpalta li, #SkomentujWazkaSzpalta li{list-style-type:none;
 margin:4px 0}
#BlogWazkaSzpalta a, #SkomentujWazkaSzpalta a{color:#c8bc84; text-decoration:none}
#BlogWazkaSzpalta li a, #SkomentujWazkaSzpalta li a, #ZakladkiItems, .ZakladkaEtykieta a,.ArchiwumItem a{}
#BlogWazkaSzpalta li a:hover, #SkomentujWazkaSzpalta li a:hover, #BlogWazkaSzpalta .ZakladkaEtykieta a:hover, 
#BlogWazkaSzpalta .ArchiwumItem a:hover, 
#BlogWazkaSzpalta .BlogChmuraTagowLista a:hover{color:#AE3941}
#ArchiwumTytul, #BlogAutorzyTytul, #BlogTytulBoxaOstatnichWpisow, #ZakladkiTytul, #BlogChmuraTagowTytul {
	margin:1ex -7px 1ex;
	padding:20px 7px .2ex;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	color:#CC6666}
.TytulFolderaZakladek{font-weight:bold;color:#AE3941; padding:5px 0px 5px}
.BlogChmuraTagowLista li {
display: inline;
padding: 0px 3px;
}

/*Kalendarz*/
#BlogKalendarzBox table{width:154px; background:transparent; margin:0 0 7px;color:#777}
#BlogKalendarzBox td{text-align: center}
#BlogKalendarzBox a{display:block;font-weight:bold;border:1px solid #777}
#BlogKalendarzBox a:hover{color:#AE3941}
#BlogKalendarzBox td.Miesiac a{border:0}
td.DzienTygodnia{color:#CC6666}


/*wyszukiwarka*/

#BlogPrzeszukiwanieForm {float:left;}

#BlogPrzeszukiwanie {
	position:absolute;
	top:55px;
	margin-left:-70px;
	left:auto;
	background: url(/resource/32120_szukajka.jpg) no-repeat top left;
	width: 270px;
	height: 40px;
}
#BlogPrzeszukiwanieKlawisz input {
	float:left;
	border:none;
	margin:5px 5px;
	background:transparent;
	color:#8C856A;
	font-weight:bold}
#BlogPrzeszukiwanieKlawisz input:hover {
	margin:5px 5px;
	background:transparent;
	color:#cc6666;}
#BlogPrzeszukiwanieText input{
	float:left;
	margin:5px 10px;
	background:transparent;
	border:1px solid #8C856A;
	width: 150px}
#BlogPrzeszukiwanieText input:focus{
	background:#FFF8DB;
}
#BlogPrzeszukiwanie div{}

/*Linki box*/
#BlogLinkiBox,#UdostepnijCss,#design{font-size:1.2em;text-align:center;margin:50px auto 50px}
.BlogLinkiItem{margin-bottom: 15px}

/*SZEROKA SZPALTA*/
#BlogSzerokaSzpalta{width:548px;padding:0 30px 25px 0}
#BlogSzerokaSzpalta table{background:transparent}
.BlogDataWpisu{color:#E4DEAE;font-size:1.1em}
.BlogWpisItemTytul,.TytulKomentowanegoWpisu,#StatycznaTytul{
	margin-bottom:25px;
	color:#CC6666;
	font-weight:bold;
	font-size:2.3em;
	text-align:left}
.TytulKomentowanegoWpisu h2,#StatycznaTytul h2{font-size:1em; margin:0}	
.BlogWpisItemTytul a{text-decoration:none}
.BlogWpisTresc, .WstepKomentowanegoWpisu, .TrescKomentowanegoWpisu, #StatycznaZawartosc {font-size:1.4em;line-height:1.5em}
.BlogWpisTresc h3,.WstepKomentowanegoWpisu h3,.TrescKomentowanegoWpisu h3{font-weight:bold;font-size:1.1em}

.BlogWpisTresc img, .TrescKomentowanegoWpisu img, .WstepKomentowanegoWpisu img, #StatycznaZawartosc img {color:#FFF8DB;}

.BlogWpisTresc a img, .TrescKomentowanegoWpisu a img,
.WstepKomentowanegoWpisu a img, #StatycznaZawartosc a img  {padding:5px;border:#CC6666 2px solid;}

.BlogWpisTresc a:hover img, .TrescKomentowanegoWpisu a:hover img,
.WstepKomentowanegoWpisu a:hover img, #StatycznaZawartosc a:hover img  {background: #AE3941; border:#AE3941 2px solid;}

/*Info notki*/
.InfoPodTekstem,.InfoKomentowanegoWpisu{margin-top:40px; font-size:1.2em}
.InfoPodTekstem{margin-bottom:40px;}
.InfoPodTekstem a {margin-right:1ex;text-decoration:none; color:#c8bc84;}
.InfoPodTekstem a:hover{color:#AE3941}
.IPTwiecej{
	margin:0 20px 15px 0;
	text-align:right;
	float:right;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.2ex}
.IPTwiecej a{color:#CC6666}
.IPTwiecej a:hover{color:#AE3941}
.IPTTrackBack{display:block}
#PolecWpisStrKom{font-size:1.2em}
.SkomentujDodajKomentarzLink, .SkomentujDodajKomentarzLinkPodLista {
	margin:0 20px 15px 0;
	text-align:right;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.2ex}
.SkomentujDodajKomentarzLink a, .SkomentujDodajKomentarzLinkPodLista  a {color:#CC6666}
.SkomentujDodajKomentarzLink a:hover, .SkomentujDodajKomentarzLinkPodLista a:hover {color:#AE3941}


/*Komentarze i trackbacki*/
.SkomentujKomunikat{font-size:1.4em;font-weight:bold;margin-bottom:1em;border-top:1px solid #e5e5e5;padding-top:10px}
#SkomentujListaKomentarzy,#SkomentujListaTrackback{font-size:1.3em;margin-bottom:20px}
#SkomentujTytListyKomentarzy,#SkomentujTytListyTrackBack{font-size:1.1em;font-weight:bold;margin-bottom:10px}
.Infopar,.Infoniepar{padding:10px;margin-bottom:10px}
.Infoniepar{}
.Infopar{}
.infoKomentarzTekst{margin-top:7px}
.InfoKomentarzAuthor{font-size:1.1em;font-weight:bold;float:left}
.InfoKomentarzData{text-align:right}
.InfoKomentarzMinus{display:none}

#SkomentujTrackBackUrlInfo{text-align:left}
#SkomentujTrackBackUrlInfo textarea{border:0;width:540px;margin-top:10px;overflow:hidden; background:#303030; color:#E4DEAE}


/*Stronicowanie*/
#BlogStronicowanieBox table{width:60%;margin-left:30%;font-size:1.4em;}
#BlogStronicowanieBox table a{font-size:.9em;;text-decoration:none}
#BlogStronicowanieBox table a:hover{text-decoration:underline}




/* zwijane zak³adki od Eskey'a - experymenty informatyczne
http://sgk74exp.blox.pl/2007/12/blox-i-dynamicznie-zwijane-zakladki-instrukcja.html
*/
.off, .on { 
 display: block;
 padding-right: 20px; 
 cursor: pointer;}
.off {
 background: url('/resource/32120_km_plus.gif') right center no-repeat;}
.on {
 background: url('/resource/32120_km_minus.gif') right center no-repeat;}

/* zak³adki na stronie komentarzowej - wersja B skryptu Eskey'a */
#ZakladkiOPML {
	font-size:13px;
	margin: 0px 0px;
	padding: 0px 0px 25px 0px;
	text-align: left}
#ZakladkiOPML a {color:#c8bc84; text-decoration:none}
#ZakladkiOPML  a:hover {color:#AE3941}
div#BlogWpisPoprzedniLewy { float: left; }
div#BlogWpisNastepnyPrawy { float: right; }
div#BlogWpisPoprzedniNastepnyBox {margint-top: 10px; margin-bottom: 10px}



/* Awatary z MyBlogLog.com w komentarzach od Debergeraca - pioornik
http://pioornik.blox.pl/2008/07/Awatary-z-MyBlogLogcom-w-komentarzach.html
*/


.MBLAvatar {
	margin: 3px 8px 5px 0px;
	float: left;
	border: 1px solid #333;
}


/* kombinatory do zwinietego archiwum wg. Eskey'a */

#BlogArchiwumBox .off {
 padding: 0px 0px 0px 20px; 
 background: url('/resource/plus.gif') left bottom no-repeat;
}
#BlogArchiwumBox .on {
 padding: 0px 0px 0px 20px; 
 background: url('/resource/minus.gif') left bottom no-repeat;
}


/* poziome zwijane archiwum od Szymona - testblog
http://testblog.blox.pl/2007/02/Zaczaruj-archiwum-bloksa.html
*/

#nav {
	list-style-type: none;
	padding: 0px 0px 30px 0px;
	margin:0}

#nav ul {
	position: absolute;
	left: -9999px;
	top: 1.2em;
	z-index: 9;
	border:1px solid #333;
	BACKGROUND: #222; 
	list-style-type: none;
	padding: 0;
	margin:0}

#nav li:hover ul, #nav li.over ul { left: 0ex }

#nav li {
	position: relative;
	float: left;
	padding: 2px 10px 2px 0px;
	color: #c8bc84;
}
	
#nav li:hover, #nav li.over {
	color:#AE3941; 
	cursor: default}

#nav li li {
	padding: 0px;
	float: none;
	width: 13.5ex;
	margin: 0;
}
#nav a {
	display: block;
	FONT-weight: normal;
	color: #c8bc84;
	padding: 2px 7px;
}	
#nav a:hover {
	color:#AE3941;
}


/* ostatnie komentarze od Szymona - testblog
http://testblog.blox.pl/2007/05/Ostatnie-komentarze-wersja-JavaScript-widgetu.html
*/

#LastComments {
	margin: 0px;
	padding:110px 14px 30px 14px;
	width:154px;
	text-align:left;
	font-size:1.3em;
	line-height:1.3em;
}
#LCtitle {
	margin:1ex -7px 1ex;
	padding:20px 7px .2ex;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	color:#CC6666
}
#LastComments ul{
	list-style:none;
	padding:0;
	margin:0;}
#LastComments li {
	display:block;
	padding: 5px 10px 10px 0px;
}
#LastComments a {
}
.LCuser {
	font-weight: bold;
	color:#AE3941;
	padding:5px 0px 5px 0px;
}
.LCdate {
	font-size:0.8em; 
}




/* tagi del.icio.us */
.delicious-tags { 
	margin: 0px;
	padding:0px 14px 30px 14px;
	width:154px;
	text-align:left;
	font-size:1.3em;
	line-height:1.3em;
	font-family: 'trebuchet ms', Arial, helvetica, sans-serif !important;
}
.delicious-banner {
	margin:1ex -7px 1ex;
	padding:20px 7px .2ex;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	color:#CC6666;
}
.delicious-banner a {
	color:#CC6666; 
}
.delicious-banner a:hover {
	text-decoration:none !important;
}
ul.delicious-cloud {
	margin:0px;
	TEXT-ALIGN: center !important;
	LINE-HEIGHT: 150%; 
	word-spacing:3px; 
}
ul.delicious-cloud a {
	font-weight:normal;
}
ul.delicious-cloud a:hover {
	color:#AE3941 !important; 
	text-decoration:none !important;
}

/* wklejka fotoforum */

.z_fotoforum1 {
	margin: 0px;
	padding:0px 14px 30px 14px;
	width:154px !important;
	text-align:left;
	font-size:1.3em;
	line-height:1.3em;
	font-family: 'trebuchet ms', Arial, helvetica, sans-serif !important;
}
.z_fotoforum1 a  {
	color: #c8bc84;
	text-decoration: none;
}
.z_fotoforum1 a:hover {
	color:#AE3941;
	text-decoration: underline;
}
.z_fotoforum1 .zf_clr {clear:none!important;} 
.z_fotoforum1 a.zf_tit {
	color:#CC6666 !important;
}
.z_fotoforum1 .zf_flink {
	font-weight: normal !important;
}
.z_fotoforum1 .zf_more {
	font-size: 1.2em;
	text-transform:uppercase; 

}
.z_fotoforum1 .zf_more a {
	color:#CC6666;
}
.z_fotoforum1 .zf_more a:hover {
}
.z_fotoforum1 .zf_body { 
	border: none !important;
}
.z_fotoforum1 img {} 


/* wklejka Flickr*/

#flickr_badge_uber_wrapper {
	display:inline;
	text-align:center;
	font-weight: bold;
	color:#AE3941;
	margin: 0px;
	padding:0px 14px 30px 14px;
	width:154px;
	font-size:1.3em;
	line-height:1.3em;
	font-family: 'trebuchet ms', Arial, helvetica, sans-serif !important;
}
#flickr_badge_uber_wrapper a {
	color:#AE3941;
}

.flickr_badge_image img {
	border: 1px solid #aaa;
	margin:0 2px 2px 2px;
}

/* pzykladowe */

#Trzecia {}

.boks {
	margin: 0px;
	padding:0px 14px 30px 14px;
	width:154px;
	text-align:left;
	font-size:1.3em;
	line-height:1.3em;
	font-family: 'trebuchet ms', Arial, helvetica, sans-serif !important;
}
.boks ul {
	LIST-STYLE-TYPE: none;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}
.boks a  {
	color: #c8bc84;
	text-decoration: none;
	font-weight:normal;
}
.boks a:hover {
	color:#AE3941;
	text-decoration: underline;
}
.tyt {
	margin:1ex -7px 1ex;
	padding:20px 7px .2ex;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	color:#CC6666;
}