/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


a{
	text-decoration: none;
	color:#8ec7df;
}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear: both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}

/* =common
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html{height:100%;}




body{
	color: #454545;
	font-family: "Trebuchet MS", "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 12px;
	background-image: url('../i/bg_gradient.png');
	background-repeat: repeat-x;
	background-color: #8AD6FF;
	height:100%
}


	.read-more{
		color:#FFFFFF;
	}
	
	#container{
		margin:0 auto;
		width:920px;
	}

	#wrapper{
	}

	
	#logo{
		width: 920px;
		height: 159px;
		background: url( '../i/top.png' ) no-repeat 0 0;
		height: 149px;
	}
	
	
	#logo .logo-link{
		text-indent:-99999px;
		position:relative;
		display:block;
		left:-430px;
		width:400px;
		height:145px;
		cursor:pointer;
	}
	
	#logo #top-menu{
		position:relative;
		height:50px;
		left:430px;
		width:480px;
	}	
    
    #logo #top-menu ul{
        margin-left: 120px;
    }
	
	
	#logo #top-menu .top-menu-a{
		float:left;
		height:50px;
		width:120px;
		text-indent: -99999px;
	}	
	
	.search-container{
		position:relative; 
		top:-45px; 
		left:270px; 
		width:220px;
		
	}
	.search-container .text-input{
		border:0px;
		background-color: #E3E3E3;
		width:165px;
	}
	.search-container .submit-input{
		height:30px;
		width:36px;
		border:0px;
		background-color: transparent;
	}
	
	#menu{
		padding-left:10px;
		padding-right:10px;
		background-color: #96BF0D;
	}

	#menu img{
		top:10px; 
		position:relative; 
		z-index:500;
	}
	
	.menu_element{
		cursor:pointer;
		width:219px;
		height:190px;
		float:left;
		margin-bottom:10px;
		text-align:center;
	}
	
	.menu_element_div{
		 z-index:400; 
		 position:relative; 
		 margin-left:9px; 
		 margin-right:9px;
		 height:137px; 
	}
	
	.menu_element_text{
		position:relative;
		margin-top:-20px;
		padding-top:27px;
		padding-left:8px; 
		padding-right:8px;
		height:74px;		
	}
	.menu_element_text p{
		font-family: arial;
		font-size:11px;
		font-weight: bolder;
		font-style:italic;
	}
	.menu_element_text h4{
		font-family: arial;
		font-size:11px;
		font-weight: bolder;
		color:#000000;
		line-height: 20px;
	}
	
	.menu-horiz-spacer{
		width:8px;
		height:190px;
		float:left;
		background-color: #96BF0D;
	}

	
	/**
	 *Category tab menu
	 */
	#cat-tab-container{
		padding-left:10px;
		padding-right:10px;
		background-color: #96BF0D;
	}
	
	#cat-tab-container .cat-tab{
		width:94px;
		height:72px;
		background-image: url( '../i/category_tab_bg.bmp' );
		background-repeat:repeat-x;
		float:left;
		margin-right:7px;
		text-align:center;
		display:table-cell;
	}

	#cat-tab-container .cat-tab-selected{
		width:94px;
		height:72px;
		background-image: url( '../i/category_tab_bg_selected.bmp' );
		background-repeat:repeat-x;
		float:left;
		margin-right:7px;
		text-align:center;
		display:table-cell;
	}

	
	#cat-tab-container .cat-tab-img{
		position:relative;
		top:0;
		bottom:0;
		margin:auto;
		max-width:88px;
		max-height:56px;
		position:relative;
		top:50%;
		margin-top:-25px;
	}	
	
	#content{
		background-color:#009EE0;
		padding-left:12px;
		padding-right:12px;
	}
	
/**   
 * categorys definition
 */

	
	#mamy_gotowanie{
		background-color: #7FA500;
	}
	#mamy_gotowanie_fg{
		background-color:#C5D984;
		color:#4B6100;
	}
	

	#co_gdzie_kiedy{
		background-color: #2799D1;
	}
	#co_gdzie_kiedy_fg{
		background-color: #81C1E0;
		color:#005076;
	}
	
	#ciekawostki{
		background-color: #FFE33E;
	}
	#ciekawostki_fg{
		background-color: #E0C316;
		color:#5A4D00;
	}
	
	#ciufcia{
		background-color: #FFF;
	}
	#ciufcia_fg{
		background-color: #00A6C0;
		color:#FFFFFF;
	}
	
	#co_czytac{
		background-color: #E3B000;
	}
	#co_czytac_fg{
		background-color: #FFD235;
		color:#735900;
	}
	
	#w_co_sie_bawic{
		background-color: #3DC7DC;
	}
	#w_co_sie_bawic_fg{
		background-color: #80D9E7;
		color:#006777;
	}
	
	#psychologia{
		background-color: #C280CE;
	}
	#psychologia_fg{
		background-color: #DCB6E3;
		color:#7E228F;
	}
	
	#archiwum{
		background-color: #7E805A;
	}
	#archiwum_fg{
		background-color: #FFFFFF;
		color:#6F7451;
	}
		

	.post-odd{
		margin-top:10px;
		background-color: #0071A0;
		padding-left:22px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:10px;
		overflow:hidden;
	}
	
	.post-odd .post-title a{
		color:#8EC7DF;
		font-size:22px;
		font-weight:bolder;
	}

	.post-odd .post-category-logo{
		width:146px; 
		height:106px;  
		float:right;
		background-color:#009EE0;
		text-align:center;
		vertical-align: middle;
	}
	.post-category-logo img{
		position:relative;
		max-width:124px;
		margin-top:auto;
		margin-bottom:auto;
		top:25px;
		bottom:0;
	}
	
	.post-even{
		margin-top:10px;
		background-color: #7E805A;
		padding-left:22px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:10px;
		overflow:hidden;
	}
	
	.post-even .post-title a{
		color:#CCCEAD;
		font-size:22px;
		font-weight:bolder;
	}

	.post-even .post-category-logo{
		width:146px; 
		height:106px;  
		float:right;
		background-color:#9A9C7A;
		text-align:center;
		vertical-align: middle;
	}

	.post-author-info{
		margin-top:4px;
		float:left;
		width:250px;
	}

	.entry{
		padding-top:12px;
		font-size:14px;
		line-height:1.2;
	}
	.entry .image{
		float:left;
		width:70px;
	}
	
	.entry p{
		line-height: 1.3;
		padding-bottom: 20px;
		font-size: 12px;
	}

	.entry .post-content{
		float:left;
		color:#FFFFFF;
	}
	.single-container .post-content{
		font-size:14px;
		line-height: 1.4;
	}
	
	.post-author-info-img{
		border:3px solid #FFFFFF;
		float:left;
	}
	
	.entry .post-author-name{
		width:150px;
		float:left;
		margin-left:10px;
		color:#FFFFFF;
		font-size:14px;
	}
	.entry .post-author-name .display-name{
		font-weight:bolder;
		line-height:20px;
	}

	.post-author-info .post-author-name .post-date{
		line-height:20px;
	}
	
	
	.entry .more-link{
		color:#FCC300;
		font-size:18px;
	}
	
	.single-container{
		clear:both;
		margin-top:-2px;
		border:0px;
		padding-bottom:10px;		
		margin-bottom:10px;
		color:#FFFFFF;
		background-color:#009EE0;
		min-height:870px;
		padding-right:10px;
		padding-left:10px;
	}
	
	*html  .single{
		height:870px;
	}
	
	.single{
		min-height:870px;
	}
	.single{
		padding-bottom:10px;
		padding-left:100px;
		padding-top:10px;
		padding-right:15px;
	}
	
	.entry-extended{
		padding-top:20px;
	}
	
	.entry-extended .image{
		float:left;
		width:90px;
	}
	.entry-extended .post-author-name{
		height:80px;
	}
	
	.entry-extended .display-name{
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
	}
	
	.entry-extended .post-date{
		color:#FFFFFF;
		font-size:14px;
		font-style: italic;
	}
	.entry-extended .post-content{
		color:#FFFFFF;
		padding-bottom:10px;
		width:650px;
		line-height: 15px;
	}
	
	.navigation{
		padding-top:15px;
		color:#FFFFFF;
		font-size:14px;
	}
	
	.navigation .alignleft a{
		color:#FFFFFF;
		font-size:13px;
		margin-right:20px;
	}

	.navigation .alignright a{
		color:#FFFFFF;
		font-size:13px;
	}
	
	.navigation .alignleft{
		padding-top:8px;
		float:left;
		width:550px;
		text-align:left;
	}
	
	.navigation .alignright{
		padding-top:8px;
		float:right;
		width:300px;	
		text-align:right;
	}
	
	#wrapper{
		background-color: #96BF0D;
		padding-left:10px;
		padding-right:10px;
	}
		
	#footer{
		margin-top:10px;
		background-color:#252217;		
		height:94px;
		text-align:center;
	}
	#footer p{
		color:#8A836B;
        display:inline;
        vertical-align: top;
        position: absolute;
	}

	#footer a{
		color:#D4C38A;
	}
	#footer #tracks{
		background-image:url('../i/bottom_tracks.png');
		background-repeat:repeat-x;
		height:44px;
	}
    
    #footer .facebook{
        position: relative;
        left: 200px;
    }
	
	#tags a{
		color:#8EC7DF;
		line-height: 16px;	
	}
	
	.postmetadata span{
		line-height: 16px;	
	}
	
	/**
	 * Comment`s style declarations
	 */
	 
	#respond-container{
		width:650px;
		clear:both;
	}
	
	
	
	#respond-container p{
		padding-top:3px;
	}
		
	#respond-container #submit{
		background-color:#004C6C;
		color:#FFFFFF;
		font-weight:bold;
		border:0;
		font-size:12px;
		margin-left:58px;
		width:110px;
		padding-bottom:3px;
	}	
		
	#respond-container label{
		width:50px;
		display:inline-block;
		text-align:right;
		padding-right:8px;
		vertical-align: top;
	}
	
	#respond-container #respond{
		color:#8EC7DF;
		font-size:22px;
		font-weight:bolder;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	#respond-container #comment{
		width:335px;
		height:90px;
	}
	
	/**
	 * archive
	 */
	
	#content-archive{	
		margin-bottom:10px;
		background-color:#009EE0;
		padding:10px;
		min-height:570px;
	}

	*html #content-archive{
		height:570px;
	}
	
	#content-archive .special{	
		margin-bottom:10px;
		background-color:#7E805A;
		padding:10px;
	}
	
	#content-archive .post-content{
		width:590px;
	}
	
	.post-content h1, .post-content h2, .post-content h3, .post-content h4{
		padding-top:20px;
		padding-bottom:10px;
	}
	
	.post-content strong{
		font-weight: bold;
	}
	
	.post-content em{
		font-style: italic;
	}
	
	.post-content .alignright{
		float:right;
		clear:right;
		padding:10px 0 10px 10px;
	}

	.post-content .alignleft{
		float:left;
		clear:left;
		padding:10px 10px 10px 10;
	}
	

	.post-content p{
		margin-bottom:10px;
		margin-top:10px;
	}
	
	.sub-cat-tabs{
		display: block;
		margin: 0;
		padding: 0;
		width:800px;
		overflow:hidden;
	}
	
	.cat-item{
		display:block;
		background-color:#9A9C7A;
		float:left;
		width:140px;
		margin-right:6px;
		padding-top:6px;
		height:20px;
		text-align:center;
		vertical-align: middle;
	}
	.post-special{
			padding-bottom:15px;
			padding-left:120px;
			margin-bottom:35px;
	}
	.post-special .post-title a{
		color:#4B4C37;
		font-size:22px;
		font-weight:bolder;
	}

	.post-special .entry{
		width:730px;
	} 
	#content-home-page .post-content{
		width:450px;
	}
	#content-archive .post-special .post-content{
		width:400px;
	}

	#content-archive .post-odd .post-title a{
		color:#8EC7DF;
		font-size:22px;
		font-weight:bolder;
	}

	#content-archive .post-even .post-title a{
		color:#CCCEAD;
		font-size:22px;
		font-weight:bolder;
	}

	#contentWrapper .narrowcolumn{
		min-height:450px;
		padding-top:15px;
	}
	
	
	
	#contentWrapper{
		padding-bottom:10px;
	}
	#contentWrapper a{
		color:#7E805A;
	}
	
	.cat-item a{
		color:#FFFFFF;
		font-size:17px;
		font-weight:bold;
	}
	
	#content-404{
		min-height:450px;
		background-color:#009EE0;
		padding:15px;
		margin-bottom:10px;
	}
	
	#contentWrapper{
	
	
	}
	
	#contentWrapper #content{
		background-color: #DAA800;
		padding-bottom:10px;
	}
	
	#contentWrapper #content .post{
		background-color: #FCC300;
		padding-left:120px;
		padding-right:120px;
		padding-top:20px;
	}
	
	.post{
		min-height:570px;
	}

	*html	.post{
		height:570px;
	}
	
	#contentWrapper #content .post .post-content{
		color:#735800;
		font-family:arial;
		line-height: 1.5;
	}
	
	#contentWrapper #content .post h2{
		font-size:30px;
		color:#FFFFFF;
		font-weight:bold;
	}

	#contentWrapper #content .post img{
		margin-top:20px;
		border:3px solid #ffffff;
	}

	#contentWrapper #content .post strong{
		color: #735800;
		font-size:14px;
		font-weight:bold;
	}
	
	/**
	 *	Archives
	 */
	
	#yearly, #monthly{
		width:700px;
		padding-bottom:8px;
	}
	
	#yearly li, #monthly li{
		float:left;
		background-color:#008FCB;
		width:50px;
		height:40px;
		text-align: center;
		margin-right:6px;
	}

	#yearly li a, #monthly li a{
		position:relative;
		top:14px;
		color:#4DB1DB;
		font-size:14px;
	}
	
	#yearly .li-selected, #monthly .li-selected{
		background-color: #0071A0;
	}
	#yearly .li-selected a, #monthly .li-selected a{
		color:#FFFFFF;
	}	
	
	#comments-container{
		width:670px;
	}
	
	.comment-odd a{
		font-size:18px;
		color:#FFFFFF
	}
	
	.commentlist {
	
	}
	
	.comment-odd{
		background-color:#0087BF;
		color:#ffffff;
		padding:10px;
		margin-bottom:10px;
	}
	
	.comment-even{
		background-color:#0099D8;
		padding:10px;
		color:#000000;
		margin-bottom:10px;
	}	


	.comment-odd a{
		font-size:18px;
		color:#FFFFFF;
	}
	
	.comment-even a{
		font-size:18px;
		color:#000000;
	}

	.comment-author{
		width:200px;
		float:left;
	}	
	
	.comment-text{
		width:443px;
		float:left;
		line-height: 1.4;
	}
	
	#comments-avaiting{
		text-align:center; 
		font-size:14px;
		padding-bottom:10px;
		font-weight:bold;
	}

	.wavatar {
		float:left;
		border:3px solid #FFFFFF;
		margin-right:10px;
	}
	
	#search-content{
		background-color:#009EE0;
		padding-top:10px;
		padding-left:12px;
		padding-right:12px;
		margin-bottom:10px;
		min-height:450px;
	}
	
	
	.current-cat{
		background-color:#7E805A;
	}

	#banner{
	 background-color: #96BF0D;
	 padding-top:10px;
	 padding-bottom:10px;
	}