/* 0Etheme - Spokojny */

/*
Świąteczny - 04 żółty
czwarty szablon świąteczny - żółty betlejemski
lokalizacja: http://swiateczny04szablonkatemac.blox.pl/html;

autor: kate_mac (http://szablonykatemac.blox.pl);
kontakt: szablonykatemac@gmail.com;
data wykonania: grudzień 2008;
licencja: Creative Commons - uznanie autorstwa
--
uwagi:
szablon dostosowany do zmian SEO
*/

BODY {
	MARGIN: 0px;
	FONT-SIZE: 14px; 
	COLOR: #3B4151; 
	FONT-FAMILY: 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	BACKGROUND: #aaaabb url(/resource/ser01_bg.jpg) repeat top center fixed; 
	TEXT-ALIGN: center;
}
a {
	color: #BE3236;
	TEXT-DECORATION: none;}
a:hover {
	color: #aa2233;
	TEXT-DECORATION: none;}

blockquote {
	MARGIN: 5px 20px;
	padding: 0px 15px 0px 15px;
	font-style:italic;
}
hr {
	border: 1px solid #887744;
}

#BlogGlownyBox {
	BACKGROUND: #FFEEDD;
	WIDTH: 900px; 
	MARGIN: 20px auto; 
	position:relative;
}
#NadTytul {display:none;}
#BlogTytulBox {
	BACKGROUND: #99aa88 url(/resource/ser01_tyt.jpg) no-repeat top center; 
	WIDTH: 900px; 
	HEIGHT: 214px;
	MARGIN: 0px; 
	PADDING: 0px;
}
#BlogTytulText {
	FONT-SIZE: 28px;
	font-weight: normal;
	LINE-HEIGHT: 100%;
	MARGIN: 0px; 
	PADDING: 95px 535px 0px 55px;
}
#BlogTytulText h1 {
	FONT-SIZE: 1em;
	font-weight: normal;
	MARGIN: 0px; 
	PADDING: 0px;
}
#BlogTytulText A {
	COLOR: #000;
	TEXT-DECORATION: none
}
#BlogTytulText A:hover {
	color: #557755; 
	TEXT-DECORATION: none
}
#BlogTytulOpis {
	COLOR: #000;
	FONT-SIZE: 13px; 
	MARGIN: 15px 490px 0px 10px;
}


#BlogBodyBox {
	TEXT-ALIGN: center;
	WIDTH: 840px; 
	padding: 0px 30px 60px 30px;}

#Stopka {}

#BlogWazkaSzpalta {
	TEXT-ALIGN: left;
	MARGIN: 20px 0px;
	WIDTH: 220px; 
}
#BlogSzerokaSzpalta {
	TEXT-ALIGN: left;
	MARGIN: 20px 60px 20px 0px;
	WIDTH: 560px; 
}


#BlogKategorieWybranaTytul h3 {padding-left: 28px}

#BlogKategorieBox {
	color: #778877; 
	MARGIN: 10px 0px 30px 0px; 
}
#BlogKategorie a {
	color: #997766; 
}
#BlogKategorie a:hover {
	color: #aa2233;
}
#BlogRss {
	WIDTH: 40px; 
	BACKGROUND: url(/resource/hm_rss.jpg) no-repeat center left; 
	TEXT-ALIGN: right;
}



.BlogDataWpisu {
	padding: 5px 0px;
	FONT-SIZE: 11px; 
	color: #778877;
}
.BlogWpisBox {}
.BlogWpisItemTytul, .TytulKomentowanegoWpisu, #StatycznaTytul {
	FONT-SIZE: 26px;
	LINE-HEIGHT: 100%; 
	font-weight: normal;
	text-transform: uppercase;
}

.BlogWpisItemTytul a, .TytulKomentowanegoWpisu h2, #StatycznaTytul h2 {
	FONT-SIZE: 1em;
	font-weight: normal;
	margin:0px;
}

.BlogWpisTresc, .WstepKomentowanegoWpisu, .TrescKomentowanegoWpisu, #StatycznaZawartosc {
	LINE-HEIGHT: 140%; 
	margin-top: 10px;}

.BlogWpisTresc img, .WstepKomentowanegoWpisu img, .TrescKomentowanegoWpisu img, #StatycznaZawartosc img{
	border: 5px solid #3B4151;
	BACKGROUND: #aaaabb;
	padding: 5px;}
.BlogWpisTresc a img, .WstepKomentowanegoWpisu a img, .TrescKomentowanegoWpisu a img, #StatycznaZawartosc a img{
	border: 5px solid #557755;
	BACKGROUND: #99aa88;
	padding: 5px;}
.BlogWpisTresc a:hover img, .WstepKomentowanegoWpisu a:hover img, .TrescKomentowanegoWpisu a:hover img, #StatycznaZawartosc a:hover img{
	border: 5px solid #3B4151;
	BACKGROUND: #aaaabb;
	padding: 5px;}

.BlogWpisInfo {
	FONT-SIZE: 11px; 
	color: #778877;
	padding-bottom: 22px;
	margin: 10px 0px 50px 0px;
}
.InfoPodTekstem a {
	padding-right: 10px;
	color: #997766; 
}
.InfoPodTekstem a:hover {
	color: #aa2233;
}
a.IPTkomentuj {
	color: #BE3236;
	TEXT-DECORATION: none;}


div.IPTwiecej{
	FONT-SIZE: 16px;
	font-weight:bold;
	text-transform: uppercase;
	text-align: right;
}
.IPTwiecej a {}
.IPTTrackBack {display:block;}

.InfoKomentowanegoWpisu {
	FONT-SIZE: 11px; 
	color: #778877;
	margin: 10px 0px 0px 0px;
}
#PolecWpisStrKom {
	FONT-SIZE: 11px; 
	padding-bottom: 32px;
}
#PolecWpisStrKom a {
	padding-right: 10px;
	color: #997766; 
}
#PolecWpisStrKom a:hover {
	color: #aa2233;
}

div.SkomentujDodajKomentarzLink, div.SkomentujDodajKomentarzLinkPodLista {
	margin: 20px 0px 0px 0px;
	FONT-SIZE: 16px;
	font-weight:bold;
	text-transform: uppercase;
	text-align: right;
}
div.SkomentujDodajKomentarzLink a, div.SkomentujDodajKomentarzLinkPodLista a {}


#BlogLinkiBox {
	PADDING-TOP: 7px; 
	TEXT-ALIGN: center;}
#BlogLinkiBox A {
	FONT-SIZE: 9px;}
#BlogLinkiBox A:hover {}


#UdostepnijCss {
	PADDING-TOP: 7px; 
	TEXT-ALIGN: center;}
img#imgLogoSyndykat {margin-top: 7px}
#design {
	PADDING-TOP: 10px; 
	TEXT-ALIGN: center;}





#BlogKalendarzBox {
	BACKGROUND: url(/resource/ser01_ak.jpg) no-repeat 10px top; 
	WIDTH: 220px; 
	PADDING-TOP: 30px;
	margin-top: 30px;
}

TABLE.Kalendarz {
	FONT-SIZE: 11px; 
	WIDTH: 220px; 
	TEXT-ALIGN: center;}
TD.Miesiac {
	FONT-SIZE: 16px;
	font-weight:bold;
	text-transform: uppercase;
	TEXT-ALIGN: right;
}
TD.Miesiac A {
	text-decoration: none;
}
TD.Miesiac A:hover {
	text-decoration: none;}
TD.DzienTygodnia {
	TEXT-ALIGN: right;
	PADDING-TOP: 10px; 
	PADDING-BOTTOM: 8px;}
TD.DzienMiesiaca {
	TEXT-ALIGN: right;
	FONT-SIZE: 11px; 
	line-height: 150%;}
TD.DzienMiesiaca A {
	text-decoration: none;
	font-weight:bold;}
TD.DzienMiesiaca A:hover {
}



#BlogArchiwumBox {
	BACKGROUND: url(/resource/ser01_ak.jpg) no-repeat 15px top; 
	PADDING: 15px 15px 10px 65px;
	margin-top: 15px;
}

#ArchiwumTytul {
	FONT-SIZE: 18px;
	PADDING: 15px 5px 5px 20px;
	text-transform: uppercase;
}
.ArchiwumItem {
	FONT-SIZE: 13px;
}
.ArchiwumItem A {
}
.ArchiwumItem A:hover {
}

#BlogZakladkiBox {
	BACKGROUND: url(/resource/ser01_zk.jpg) no-repeat 25px top;  
	margin-top: 30px;
	PADDING: 20px 0px 10px 15px;}

#ZakladkiTytul {
	FONT-SIZE: 18px;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 5px;
}

.TytulFolderaZakladek {
	font-weight: bold;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px;
}
#ZakladkiItems {
}
.PoziomDrzewa {}
.ZakladkaEtykieta {
	FONT-SIZE: 12px;
}
.ZakladkaEtykieta A {
}
.ZakladkaEtykieta A:hover {
}


#BlogTytulyOstatnichWpisow, #BlogAutorzyBox {
	BACKGROUND: url(/resource/ser01_ot.jpg) no-repeat right top; 
	margin-top: 30px;
	PADDING: 20px 0px 10px 15px;}

#BlogTytulBoxaOstatnichWpisow, #BlogAutorzyTytul {
	FONT-SIZE: 18px;
	text-transform: uppercase;
	text-align: right;
	display:block;
	PADDING: 5px 55px 5px 5px;
}
#BlogTytulyOstatnichWpisow ul, #BlogAutorzyBox ul {
	margin: 0px;
	padding: 0px;
	LIST-STYLE-TYPE: none;}
#BlogTytulyOstatnichWpisow li, #BlogAutorzyBox li {
	FONT-SIZE: 13px;
}
#BlogTytulyOstatnichWpisow li a, #BlogAutorzyBox li a {
	color: #997766; 
}
#BlogTytulyOstatnichWpisow li a:hover, #BlogAutorzyBox li a:hover {
	color: #aa2233;
}




#SkomentujWazkaSzpalta {
	TEXT-ALIGN: left;
	MARGIN: 20px 0px;
	WIDTH: 220px; 
}

#SkomentujBoxEtykieta {
	COLOR: #778877; 
	MARGIN: 10px 0px 10px 0px; }
#SkomentujBoxEtykieta A {}
#SkomentujBoxEtykieta A:hover {}

#SkomentujBox {
	LINE-HEIGHT: 130%;}

div#BlogWpisPoprzedniLewy { float: left; }
div#BlogWpisNastepnyPrawy { float: right; }
div#BlogWpisPoprzedniNastepnyBox {margin-top: 10px; margin-bottom: 50px}


/* wyszukiwarka */

#BlogPrzeszukiwanieForm {float:left; 
}
#BlogPrzeszukiwanie {
	WIDTH: 250px; 
	margin: 0px 0px 20px 0px;
}
DIV#BlogPrzeszukiwanieText INPUT {float:left; 
	font-size: 11px; 
	color: #FFEEDD; 
	height: 17px;
	width: 160px;
	margin: 0px 0px 0px 10px;
	background-color: #3B4151;
	border: 2px solid #778877;
}
DIV#BlogPrzeszukiwanieKlawisz INPUT {
	background-color: #3B4151;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #FFEEDD; 
	height: 23px;
	width: 60px;
	border: 2px solid #778877;}


div#SkomentujListaKomentarzy {margin-top: 30px}
div#SkomentujTytListyKomentarzy {

	FONT-SIZE: 20px;
	font-weight: normal;
	text-transform: uppercase;
}

.InfoKomentarzAuthor {
	FONT-SIZE: 13px;
	font-weight: bold; 
	padding: 5px 0px 0px 0px;}
.InfoKomentarzData {
	FONT-SIZE: 11px;
	color: #778877;
	padding: 0px;}
.infoKomentarzTekst {
	LINE-HEIGHT: 130%; 
	TEXT-ALIGN: left;
	MARGIN: 0px 0px 0px 0px;}
.InfoKomentarzMinus {display:none;}
.Infopar, .Infoniepar  {
	MARGIN: 20px auto;
	padding: 0px 0px 20px 0px;
}



#BlogStronicowanieBox {margin-top: 10px; margin-bottom: 10px}
div#BlogStronicowanieBox table {width:60%; margin-left: 20%; margin-right: 20%; border: 0}
td.BlogStronicowaniePoprzednie {text-align: right; padding-right: 3px}
td.BlogStronicowanieStrony {text-align: center}
td.BlogStronicowanieNastepne {text-align: left; padding-left: 3px}


div#SkomentujListaTrackback {margin-top: 25px; margin-bottom: 15px}
div#SkomentujTytListyTrackBack {
	FONT-SIZE: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
div#SkomentujTrackBackUrlInfo {font-size: 11px; text-align: left}
DIV#SkomentujTrackBackUrlInfo textarea {font-size: 11px; border: 0; overflow: hidden; width: 99%}
div.InfoTBTresc {margin-top: 12px; line-height: 16px; margin-bottom: 5px}
div.InfoTBData {
	width: 160px;
	border-top: 1px dotted #887744;
	font-size: 11px;
	color: #778877;
	padding-top: 2px;
}



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

.MBLAvatar {
	margin: 7px 8px 0px 0px;
	float: left;
	border: solid 1px #997766;
}


/* zwijane zakładki od Eskey'a - experymenty informatyczne
http://sgk74exp.blox.pl/2008/03/zwijane-zakladki-wersja-druga.html
*/

.off, .on { 
	display: block;
	cursor: pointer;
	padding-left:16px;
}

.off {
 background: url('/resource/plus.gif') left 8px no-repeat;
}
.on {
 background: url('/resource/minus.gif') left 8px no-repeat;
}


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

#nav{
	list-style-type: none;
	padding: 10px 0px 20px 5px;
	margin:0px;
}
#nav ul{
   list-style-type: none;
   padding: 0;
   margin:0}

#nav ul { 
	position: absolute;
	left: -9999px;
	top: 1.2em;
	z-index: 9;
	background:#fff;
	border: 1px solid #997766;
	padding: 0px}

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

#nav li {
	color: #BE3236;
	position: relative;
	float: left;
	padding: 0 0.5ex}
	
#nav li:hover, #nav li.over {
	color: #aa2233;
	cursor: default}

#nav li li {
	border-bottom: 1px solid #997766;
	float: none;
	width: 13.5ex;
	margin: 0;
}
#nav a {
	display: block;
	color: #BE3236;
	padding: 3px 7px;
}
#nav a:hover {
	color: #aa2233;
}


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


#LastComments {
	TEXT-ALIGN: left;
	WIDTH: 220px; 
	BACKGROUND: url(/resource/ser01_zk.jpg) no-repeat 10px top;  
	margin-top: 30px;
	PADDING: 10px 0px 10px 0px;
}
#LCtitle {
	FONT-SIZE: 18px;
	text-transform: uppercase;
	padding: 0px 5px 5px 65px;
	margin-top: 0px;
}
#LastComments ul{
	list-style:none;
	padding:0;
	margin:0;}
#LastComments li {
	margin: 0px 0px 10px 10px;
	padding: 5px 0px;
	FONT-SIZE: 12px;
}
#LastComments a {
}
.LCuser {
	color: #997766; 
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}
.LCdate {
	FONT-SIZE: 80%; 
	color: #778877;
}



/* Bloczek - wpisy na temat - blogfrog
http://blogfrog.pl/index.php/moj/blogrush_dla_webmasterow
*/

.blogfrog_box-entries dl {
	BACKGROUND: url(/resource/ser01_ot.jpg) no-repeat left top; 
	margin-top: 30px;
	PADDING: 20px 0px 10px 0px;
	TEXT-ALIGN: left;
	WIDTH: 220px; 
}
.blogfrog_box-entries dt {
	FONT-SIZE: 18px;
	text-transform: uppercase;
	display:block;
	PADDING: 5px 50px 5px 50px;
}
.blogfrog_box-entries dd{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px;
	FONT-SIZE: 12px;
}

.blogfrog_box-entries dd a{
}
.blogfrog_box-entries dd span{
}
.blogfrog_box-entries dd span a{
	color: #997766; 
}
.blogfrog_box-entries dd a:hover {
	color: #aa2233;
}
.blogfrog {
	padding: 0px 0px 20px 0px; 
	width: 210px; 
	text-align: left;
	FONT-SIZE: 11px;
}

/* Bloczek - nowe blogi - blogfrog
http://blogfrog.pl/index.php/moj/bloczki_nowe_blogi_dla_webmasterow
*/

.blogfrog_box-blogs p {
	FONT-SIZE: 18px;
	text-transform: uppercase;
	display:block;
	MARGIN: 30px 0px 0px 0px;
	PADDING: 5px 50px 0px 50px;
	BACKGROUND: url(/resource/ser01_ot.jpg) no-repeat left top; 
	WIDTH: 120px;

}
.blogfrog_box-blogs dl {
	PADDING: 20px 0px 10px 0px;
	TEXT-ALIGN: left;
	WIDTH: 220px; 
	FONT-SIZE: 12px;
}
.blogfrog_box-blogs dt {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	FONT-WEIGHT: bold;
}
.blogfrog_box-blogs dt a {
}
.blogfrog_box-blogs dt a:hover {
}
.blogfrog_box-blogs dd {
	margin: 0px 0px 10px 0px;
	padding: 0px 5px;
}
.blogfrog {
	PADDING: 0px 0px 20px 0px;
}
/* tagi del.icio.us */
.delicious-tags { 
	BACKGROUND: url(/resource/ser01_ak.jpg) no-repeat 15px top; 
	WIDTH: 220px; 
	PADDING: 2px 0px 10px 0px;
	margin-top: 15px;
	text-align:left;
	line-height: 130%;
	word-spacing:5px;
}
.delicious-tags a { 
	font-weight: normal;
}
.delicious-banner {
	padding: 0px 5px 0px 90px;
	FONT-SIZE: 18px;
	font-weight:bold;
	text-transform: uppercase;
}
.delicious-banner a {
	COLOR: #3B4151;
}
ul.delicious-cloud {
	text-align:center !important;
	padding: 0px 8px 50px 8px !important;
}



#uStopka {
	position:absolute;
	bottom:20px;
	left:30px;
	WIDTH: 560px;
	FONT-SIZE: 11px; 
	text-align: left;
	color: #778877;
}
#uStopka a {
	font-weight:normal;
}
#uStopka a:hover {
}