/*
Typograficznie - Times New Roman
Times New Roman - 40 jasny
lokalizacja: http://40szablonkatemac.blox.pl/html;

autor: kate_mac (http://szablonykatemac.blox.pl);
kontakt: szablonykatemac@gmail.com;
data wykonania: listopad 2008;
--
uwagi:
szablon dostosowany do zmian SEO
strona statyczna opisana
tagi bloksowe opisane
*/

html {
	BACKGROUND: #fff url(/resource/40_hbg.jpg) repeat-x bottom left;
}

BODY {
	margin: 0px;
	font-size: 14px;
	COLOR: #333; 
	FONT-FAMILY: Times, 'Times New Roman', serif; 
	BACKGROUND: url(/resource/40_bg.jpg) repeat-x top left;
	TEXT-ALIGN: center;
}
a {
	color: #AB0052;
	TEXT-DECORATION: none;
}
a:hover {
	color: #777A00;
	TEXT-DECORATION: none;
}

blockquote {
	BORDER-left: #777A00 5px solid;
	margin: 0px 10px;
	padding: 0px 10px;
}
blockquote blockquote {
	BORDER-left: #AB0052 5px solid;
	margin: 0px 10px;
	padding: 0px 10px;
}
hr {
	BORDER-bottom: #ddd 1px solid;
	BORDER-top:none;
	BORDER-left:none;
	BORDER-right:none;
}

#BlogGlownyBox {
	WIDTH: 900px; 
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
#NadTytul {
}
#BlogTytulBox {
	padding: 0px 280px 0px 25px;
	text-align: left;
	height:106px
}
#BlogTytulText {
	padding: 20px 0px 5px 0px;
	FONT-SIZE: 35px;
}
#BlogTytulText h1 {
	FONT-SIZE: 35px;
	font-weight: normal;
	margin: 0px;
}
#BlogTytulText A {
	color: #ffe;
	TEXT-DECORATION: none;
}
#BlogTytulText A:hover {
	color: #E2E2CF;
	TEXT-DECORATION: none;
}
#BlogTytulOpis {
	color: #ffe;
	font-size: 12px;
	FONT-FAMILY: Verdana, sans-serif;
}



#BlogBodyBox {
	BACKGROUND: #fff url(/resource/40_bbg.jpg) repeat-y top right;
	text-align: left;
	WIDTH: 860px;
	padding: 0px 20px 0px 20px;
}

#Stopka {
	height:67px;
}


#BlogWazkaSzpalta {
	WIDTH: 240px; 
	BACKGROUND: #E2E2CF;
	padding: 10px 10px 0px 10px;
	margin-bottom: 25px;
}
#BlogSzerokaSzpalta {
	WIDTH: 550px;
	MARGIN: 0px 50px 0px 0px;
}

#BlogKategorieWybranaTytul h3 {
	font-weight:bold;
	FONT-SIZE: 16px; 
	text-align: right;
	color: #657692; 
	padding: 2px 0px;
}

#BlogKategorieBox {
	MARGIN: 20px 0px 40px 0px;
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif;
	TEXT-ALIGN: justify;
}
#BlogKategorieBox A {
	TEXT-DECORATION: none;
}
#BlogKategorieBox a:hover {
	TEXT-DECORATION: underline;
}
#BlogKategorie span {
	font-weight: bold;
}


#BlogRss {
	font-size: 12px;
	font-weight: bold;
}
#BlogRss a {
	padding: 0px 0px 0px 15px;
}



.BlogDataWpisu {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif;
	MARGIN: 10px 0px 5px 0px; 
}
.BlogWpisBox {
}

.BlogWpisItemTytul, .TytulKomentowanegoWpisu, #StatycznaTytul {
	FONT-SIZE: 28px; 
	color: #AB0052;
}

.BlogWpisItemTytul a, .TytulKomentowanegoWpisu h2,  #StatycznaTytul h2 {
	margin: 0px;
	FONT-SIZE: 28px; 
	TEXT-DECORATION: none;
	font-weight: normal;
}
.BlogWpisItemTytul a:hover {
}

.BlogWpisTresc, .WstepKomentowanegoWpisu, .TrescKomentowanegoWpisu, #StatycznaZawartosc {
	LINE-HEIGHT: 130%; 
	TEXT-ALIGN: justify;
	margin-top: 10px;
}

.BlogWpisTresc img, .WstepKomentowanegoWpisu img, .TrescKomentowanegoWpisu img, #StatycznaZawartosc img {
	BACKGROUND: #E2E2CF;
	padding:5px;
}
.BlogWpisTresc a img, .WstepKomentowanegoWpisu a img, .TrescKomentowanegoWpisu a img, #StatycznaZawartosc a img {
	BORDER: #AB0052 2px solid;
	BACKGROUND: #E2E2CF;
	padding:3px;
}
.BlogWpisTresc a:hover img, .WstepKomentowanegoWpisu a:hover img, .TrescKomentowanegoWpisu a:hover img, #StatycznaZawartosc a:hover img {
	BORDER: #777A00 2px solid;
	BACKGROUND: #E2E2CF;
	padding:3px;
}
.BlogWpisTresc h3,.WstepKomentowanegoWpisu h3, .TrescKomentowanegoWpisu h3, #StatycznaZawartosc h3 {
	font-weight:normal;
	FONT-SIZE: 22px; 
	padding: 0px 0px 5px 0px;
}

.BlogWpisInfo {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif;
	MARGIN: 10px 0px 50px 0px; 
}
.InfoPodTekstem A {
}
div.IPTwiecej{
	text-align: right;
	FONT-SIZE: 22px;
	FONT-FAMILY: Times, 'Times New Roman', serif; 
	padding-right: 15px;
}

.InfoKomentowanegoWpisu {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
	MARGIN: 20px 0px 0px 0px; 
}
#PolecWpisStrKom {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif;
}
.TagiKomentowanegoWpisu {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
	MARGIN: 0px 0px 50px 0px; 
}
div.SkomentujDodajKomentarzLink, div.SkomentujDodajKomentarzLinkPodLista {
	text-align: right;
	FONT-SIZE: 22px;
	FONT-FAMILY: Times, 'Times New Roman', serif; 
	padding-right: 15px;
}



#BlogLinkiBox {
	PADDING-TOP: 5px; 
	TEXT-ALIGN: center;
}
#BlogLinkiBox A {
	font-size: 12px;
	color: #666;
}
#BlogLinkiBox A:hover {
	color: #AB0052;
}
#UdostepnijCss {
	PADDING-TOP: 25px; 
	TEXT-ALIGN: center;
}
img#imgLogoSyndykat, img#imgNewsletterLink {
	PADDING-TOP: 5px;
}


#BlogKalendarzBox {
	WIDTH: 240px; 
	PADDING: 0px 0px 10px 0px; 
}
TABLE.Kalendarz {
	WIDTH: 240px; 
	TEXT-ALIGN: center;
}
TD.Miesiac {
	FONT-SIZE: 22px; 
}
TD.Miesiac A {
	TEXT-DECORATION: none;
}
TD.Miesiac A:hover {
}
TD.DzienTygodnia {
	FONT-SIZE: 12px; 
	COLOR: #000000;
	PADDING: 5px 0px 5px 0px; 
}
TD.DzienMiesiaca {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
}
TD.DzienMiesiaca A {
	font-size: 12px;
	FONT-FAMILY: Times, 'Times New Roman', serif; 
}
TD.DzienMiesiaca A:hover {
}


#BlogArchiwumBox, #BlogZakladkiBox, #BlogTytulyOstatnichWpisow, #BlogAutorzyBox, #BlogChmuraTagowBox {
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 10px; 
}
#ArchiwumTytul, .TytulFolderaZakladek, #BlogTytulBoxaOstatnichWpisow, #BlogAutorzyTytul, #BlogChmuraTagowTytul {
	FONT-SIZE: 22px;
	color: #777A00;
	padding: 5px 15px;
	border-bottom: 1px dashed #999;
}
.ArchiwumItem, .ZakladkaEtykieta, #BlogTytulyOstatnichWpisow li, #BlogAutorzyBox li {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
}
.ArchiwumItem a, .ZakladkaEtykieta a, #BlogTytulyOstatnichWpisow li a, #BlogAutorzyBox li a  {
	margin: 0;
	padding: 5px 15px;
	border-bottom: 1px dashed #999;
	display: block;
	color: #666;
}
.ArchiwumItem a:hover, .ZakladkaEtykieta a:hover, #BlogTytulyOstatnichWpisow li a:hover, #BlogAutorzyBox li a:hover {
	color: #AB0052;
}

#ZakladkiTytul {
	display:none;
}
#ZakladkiItems {
}
.PoziomDrzewa {
	margin-bottom: 25px;
}
#BlogTytulyOstatnichWpisow ul, #BlogAutorzyBox ul {
	margin: 0px;
	LIST-STYLE-TYPE: none;
	padding: 0px;
}


ul.BlogChmuraTagowLista {
margin: 0px 0px 25px 0px;
padding: 5px 5px;
list-style-type:none;
TEXT-ALIGN: center;
border-bottom: 1px dashed #999;
}
.BlogChmuraTagowLista li {
display: inline;
padding: 0px 3px;
font-size: 11px;
FONT-FAMILY: Verdana, sans-serif; 
}
.BlogChmuraTagowLista li a  {
	margin: 0;
	color: #666;
}
.BlogChmuraTagowLista li a:hover {
	color: #AB0052;
}


#SkomentujWazkaSzpalta {
	WIDTH: 240px; 
	BACKGROUND: #E2E2CF;
	padding: 0px 10px 0px 10px;
}
#SkomentujBoxEtykieta {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif;
	MARGIN: 10px 0px 10px 0px; 
}
#SkomentujBoxEtykieta A {
}
#SkomentujBoxEtykieta A:hover {
}

#SkomentujBox, #StatycznaBox {
}
div#BlogWpisPoprzedniLewy {float: left;}
div#BlogWpisNastepnyPrawy {float: right;}
div#BlogWpisPoprzedniNastepnyBox {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif;
	MARGIN: 10px 0px 10px 0px; 
}
#BlogWpisPoprzedniNastepnyBox A {
}
#BlogWpisPoprzedniNastepnyBox  a:hover {
}



#BlogPrzeszukiwanieForm {
	float:left;
}
#BlogPrzeszukiwanie {
	position:absolute;
	top: 70px;
	left:auto;
	WIDTH: 240px; 
	padding: 0px 10px 0px 10px;
}
DIV#BlogPrzeszukiwanieText INPUT {
	BACKGROUND: #E2E2CF;
	BORDER: #646600 1px solid; 
	FONT-SIZE: 11px; 
	FLOAT: left; 
	WIDTH: 165px; 
	HEIGHT: 17px;
}
DIV#BlogPrzeszukiwanieKlawisz INPUT {
	BACKGROUND: #E2E2CF;
	BORDER: #646600 1px solid; 
	MARGIN-LEFT: 5px;
	COLOR: #646600; 
	font-size: 10px;
	text-transform:uppercase;
	letter-spacing:1px;
	WIDTH: 60px; 
	HEIGHT: 21px;
}



div#SkomentujListaKomentarzy {
	margin-top: 30px;
	FONT-SIZE: 14px; 
}
div#SkomentujTytListyKomentarzy {
	FONT-SIZE: 22px;
	color: #777A00;
	padding: 5px 15px;
}
.InfoKomentarzAuthor {
	margin-TOP: 10px;
	FONT-SIZE: 22px;
	FONT-FAMILY: Times, 'Times New Roman', serif; 
	COLOR: #000; 
}
.InfoKomentarzData {
	FONT-SIZE: 12px; 
	COLOR: #999; 
}
.infoKomentarzTekst {
	margin-bottom: 25px;
}
.InfoKomentarzMinus {
	display:none;
}


div#SkomentujListaTrackback {
	margin-top: 30px;
}
div#SkomentujTytListyTrackBack {
	FONT-SIZE: 22px;
	color: #777A00;
	padding: 5px 15px;
}
div#SkomentujTrackBackUrlInfo {
	text-align: left;
}
DIV#SkomentujTrackBackUrlInfo textarea {
	font-size: 14px;
	border: 0;
	overflow: hidden;
	width: 99%;
}
div.InfoTBTresc {
	margin-TOP: 10px;
	FONT-SIZE: 13px; 
}
div.InfoTBData {
	width: 160px;
	border-top: 1px dotted #aaa;
	COLOR: #999;
}




#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}




/* 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 #777A00;
}


/* 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: 5px 25px 5px 15px;
	margin: 5px 0px 5px 0px;
}

.off {
 background: url('/resource/plus.gif') right 13px no-repeat;
}
.on {
 background: url('/resource/minus.gif') right 13px no-repeat;
}


/* poziome zwijane archiwum od Szymona - testblog
http://testblog.blox.pl/2007/02/Zaczaruj-archiwum-bloksa.html



*/
#nav{
	border-bottom: 1px dashed #999;
	list-style-type: none;
	padding: 10px 0px 20px 15px;
	margin:0px;
}
#nav ul{
   list-style-type: none;
   padding: 0;
   margin:0}

#nav ul { 
	position: absolute;
	left: -9999px;
	top: 1.2em;
	z-index: 9;
	border: 1px solid #999;
	background: #FFF;
	padding: 0px}

#nav li:hover ul, #nav li.over ul { left: 0ex }

#nav li {
	color: #666;
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
	position: relative;
	float: left;
	padding: 0 0.5ex}
	
#nav li:hover, #nav li.over {
	color: #AB0052;
	cursor: default}

#nav li li {
	border-bottom: 1px dashed #999;
	float: none;
	width: 13.5ex;
	margin: 0; }

#nav a {
	display: block;
	color: #999;
	padding: 3px 7px }
	
#nav a:hover {
	color: #AB0052;
}


/* ostatnie komentarze od Szymona - testblog
http://testblog.blox.pl/2007/05/Ostatnie-komentarze-wersja-JavaScript-widgetu.html
*/

#LastComments {
	WIDTH: 240px; 
	BACKGROUND: #E2E2CF;
	padding: 10px 10px 0px 10px;
}
#LCtitle {
	FONT-SIZE: 22px;
	color: #777A00;
	padding: 5px 15px;
	border-bottom: 1px dashed #999;
}
#LastComments ul{
	list-style:none;
	padding:0;
	margin:0;}
#LastComments li {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
	margin: 0;
	padding: 5px 15px;
	border-bottom: 1px dashed #999;
	display: block;
	color: #666;
}
#LastComments a {
}
.LCuser {
	FONT-WEIGHT: bold; 
}
.LCdate {
	font-size:10px;
	color:#666;
}



/* Bloczek - wpisy na temat - blogfrog
http://blogfrog.pl/index.php/moj/blogrush_dla_webmasterow
*/

.blogfrog_box-entries dl{
	WIDTH: 240px; 
	BACKGROUND: #E2E2CF;
	padding: 10px 10px 10px 10px;
}
.blogfrog_box-entries dt{
	FONT-SIZE: 22px;
	color: #777A00;
	padding: 5px 15px;
	border-bottom: 1px dashed #999;
}
.blogfrog_box-entries dd{
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
	margin: 0;
	padding: 5px 15px;
	border-bottom: 1px dashed #999;
	display: block;
	color: #666;
}
.blogfrog_box-entries dd a{
	color: #666;
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
}
.blogfrog_box-entries dd span{
}
.blogfrog_box-entries dd span a{
	color: #AB0052;
	FONT-WEIGHT: normal; 
}
.blogfrog_box-entries dd a:hover {
	color: #777A00;
	TEXT-DECORATION: underline;
}
.blogfrog a {
	font-size:12px;
	color:#999;}

/* Bloczek - nowe blogi - blogfrog
http://blogfrog.pl/index.php/moj/bloczki_nowe_blogi_dla_webmasterow
*/

.blogfrog_box-blogs p {
	WIDTH: 195px;
	margin:0px;
	padding:0px 50px 9px 0px;
	FONT-SIZE: 22px;
	color: #777A00;
	padding: 5px 50px 5px 15px;
	border-bottom: 1px dashed #999;
}
.blogfrog_box-blogs dl {
	margin:0px;
	WIDTH: 240px; 
	BACKGROUND: #E2E2CF;
	padding: 10px 10px 10px 10px;
}
.blogfrog_box-blogs dt {
	padding: 5px 15px 0px 15px;
	FONT-FAMILY: Verdana, sans-serif; 
	font-size: 11px;
}
.blogfrog_box-blogs dt a {
}
.blogfrog_box-blogs dt a:hover {
}
.blogfrog_box-blogs dd {
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
	margin: 0;
	padding: 0px 15px 5px 15px;
	border-bottom: 1px dashed #999;
	display: block;
	color: #666;
}
.blogfrog {
	font-size:10px;
	PADDING: 0px 0px 20px 0px;
}

/* tagi del.icio.us */
.delicious-tags { 
	WIDTH: 240px; 
	BACKGROUND: #E2E2CF;
	margin: 0px 10px 25px 10px;
	line-height: 150%;
	word-spacing:5px;
	border-bottom: 1px dashed #999;
}
.delicious-tags a:hover{ 
	text-decoration: none !important;
	color: #AB0052 !important;
}
ul.delicious-cloud {
	text-align: center !important; 
	FONT-FAMILY: Times, 'Times New Roman', serif !important; 
}

.delicious-banner {
	FONT-SIZE: 22px;
	color: #ffe !important;
	padding: 5px 0px;
	margin: 0px 0px;
	FONT-FAMILY: Times, 'Times New Roman', serif !important;
	border-bottom: 1px dashed #999; 
}
.delicious-banner a {
	FONT-SIZE: 22px;
	color: #777A00 !important;
	font-weight:normal;
	padding: 5px 15px;
	FONT-FAMILY: Times, 'Times New Roman', serif !important; 
}


/* wklejka fotoforum */

.z_fotoforum1 {
	WIDTH: 240px !important;
	BACKGROUND: #E2E2CF;
	margin: 10px 10px 0px 10px;
	PADDING: 0px 0px 0px 0px !important;
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
	border-bottom: 1px dashed #999;
}
.z_fotoforum1 a  {
}
.z_fotoforum1 a:hover {
	text-decoration: none;
}
.z_fotoforum1 .zf_clr {clear:none!important;} 
.z_fotoforum1 a.zf_tit {
	color:#999 !important;
}
.z_fotoforum1 .zf_flink {
	font-weight: normal !important;
}
.z_fotoforum1 .zf_more {
	PADDING: 10px 0px 0px 0px;
	FONT-SIZE: 22px;
	FONT-FAMILY: Times, 'Times New Roman', serif;
	color: #777A00;
}
.z_fotoforum1 .zf_more a {
	font-weight: normal !important;
}
.z_fotoforum1 .zf_more a:hover {
}
.z_fotoforum1 .zf_body { 
	border-top: #999 1px dashed !important;
	border-bottom: #999 1px dashed !important;
}
.z_fotoforum1 img {
	BACKGROUND: #E2E2CF;
	padding:5px;
}
.z_fotoforum1 a:hover img {
	BACKGROUND: #AB0052;
}


/* wklejka Flickr*/

#flickr_badge_uber_wrapper {
	display:block;
	WIDTH: 238px; 
	margin: 10px 10px 0px 10px;
	padding: 5px 1px;
	border-bottom: 1px dashed #999;
	text-align:center;
	FONT-SIZE: 22px;
	FONT-FAMILY: Times, 'Times New Roman', serif;
	color: #777A00;
	border-bottom: 1px dashed #999;
}
.flickr_badge_image {
}
.flickr_badge_image img {
	float:left;
	BACKGROUND: #E2E2CF;
	padding:2px;
	border: none;
}
.flickr_badge_image a:hover img {
	BACKGROUND: #AB0052;
}

/* przykladowe */

#Trzecia {}

.boks {
	WIDTH: 240px; 
	BACKGROUND: #E2E2CF;
	margin: 10px 10px 0px 10px;
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif; 
	border-bottom: 1px dashed #999;
}
.boks ul {
	LIST-STYLE-TYPE: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.boks li {
	LIST-STYLE-TYPE: none;
	padding: 5px 15px;
	margin: 0px;
	border-bottom: 1px dashed #999;
}
.boks a  {
	margin: 0;
	color: #666;
}
.boks a:hover {
	color: #AB0052;
}
.tyt {
	FONT-SIZE: 22px;
	FONT-FAMILY: Times, 'Times New Roman', serif;
	color: #777A00;
	padding: 5px 15px;
	border-bottom: 1px dashed #999;
}




#uStopka {
	position:absolute;
	bottom:30px;
	left:20px;
	WIDTH: 540px;
	font-size: 11px;
	FONT-FAMILY: Verdana, sans-serif;
	color: #AD7790;
}
#uStopka a {
	color: #E2E2CF;
}
#uStopka a:hover {
	color: #AD7790;
}
