/*
Theme Name: FashionApart
Theme URI: http://creobit.pl
Description: Fashion Apart.pl
Author: Creobit
Version: 1.0
 */



/*
		RESET
*/

body, div, p, a, img, ul, ol, li, input, textarea, button, fieldset, legend, table, tbody, form, td, tr, th, h1, h2, h3, h4, h5, h6, blockquote
{margin:0; padding:0; outline:none; line-height:1em; font-size:1em; border:0; text-decoration:none; list-style:none;}



/*
		basic
*/

body {
	background: #fff url(images/bg_2013.jpg) top no-repeat;
	}
#wpadminbar {display:none;}
#content {width:930px; margin:0 auto; padding: 20px; background-color: #ffffff; margin-top: 60px;}
.col {float:left; margin-top:24px; padding-bottom:20px;}
.entry-summary img {width:312px; } 
.entry-content img {width:312px;} 
.last img {}
span.zajawka {font-style:italic;}
.entry-summary span.zajawka {font-style:normal;}
.entry-content span.zajawka {font-style:normal;}
#tag_cloud-3,#nktagcloud-3 {width:235px; text-align: left;}
.aligncenter  {text-align:center; margin: 0 auto; display: block;}
.alignleft  {float: left;}
.alignright  {float: right;}
.alignnone {float: none;}
.odstep40 {margin-left: 40px;}
.odstep30 {margin-left: 30px;}
.odstep20 {margin-left: 20px;}
.odstep10 {margin-left: 10px;}
.odstep5 {margin-left: 5px;}
.wp-caption {
	margin-top: 10px;
	display: inline;
	position: relative;
}
.wp-caption p.wp-caption-text {
	/*display: inline;
	clear: both;*/
	text-align: center;
	font-size: 12px;
}

/*
		header, logo
*/

header {

	float:left;
	margin:10px 0 0 0;
	height:77px; width:100%;
	background-color: #ffffff;
	padding-top: 10px;
	}
	#logo {
		position:relative;
		display:inline;
		float: left;
		width:245px; height:77px;
		overflow: hidden;
		margin:0 auto;
		}
		#logo img {
			position:absolute;
			top:0; left:0;
			width: 245px;
			height:77px;
		}

/*
		nav
*/

nav {

	float: left;
	height: 34px; width: 661px;
	background-color: #000;
	margin-left:24px;
	border-top: 4px solid #34a7d6;
	}
	#leftMenu, nav li {float: left;}
	#rightMenu {float: right;}

	nav ul {margin-top: 0.5em;}

	nav a {
		text-transform: uppercase;
		color: #FFF;
		font: normal 14px/14px Arial, sans-serif;
		font-size: 14px;
		padding:0 14px 8px 14px;
		background: #000 url(images/sep2.gif) top right no-repeat;
		}
		nav a:hover {color: #34a7d6;}
		.first a {padding-left: 0 14px;}
		.last a {border: 0; padding-right:0; background: none;}
		nav a.active {color: #34a7d6;}

.active_category{background-color:#66FF00;}



/*
		social bar and search
*/

#socialBarAndSearch {

	float: left;
	height: 39px; width: 661px;
	margin-left:24px;
	}
	#dateAndNameDay {float:left; margin-top:0;}
	#date {float:left; clear:left; font: bold 11px/11px Arial, sans-serif;}
	#nameDay {float:left; clear:left; padding-top: 2px; font: italic 10px/10px Arial, sans-serif;}
	#date {color: #000;}
	#nameDay {color: #666;}

	#socialAndSearch {float:right;}
	#socialButtons {margin-top:-4px;}
	#socialButtons, #socialButtons li {float:left;}
	#socialButtons a {
		width:24px; height:24px;
		overflow:hidden;
		position: relative;
		display:block;
		margin:0 1px;
		}
		#socialButtons img {position: absolute;}

			#twitter img {top:-60px; left:0;}
			#facebook img {top:-60px; left:-28px;}
			#rss img {top:-60px; left:-56px;}

		#socialButtons a:hover {opacity:.7; filter: alpha(opacity=70);}

	#search {
		float:left;
		position:relative;
		margin:-4px 0 0 8px;
		width:235px; height:28px;
		background: url(images/search2.gif) no-repeat;
		}
		#search input {

			float:left;
			width:197px; height:20px;
			padding:2px 2px;
			line-height:1.3em;
			background: none;
			font-size:13px;
		}
		#search button {

			position:absolute; right:0;
			cursor:pointer;
			background: none;
			width:66px; height:28px;
			}
			#search button:hover {

			background: #fff;
			opacity:.3;
			filter: alpha(opacity=30);
			}



/*
		columns
*/

#col1 {width:670px; min-height: 950px; }
	#col1.bg {
		background: #fff url(images/col1-bg.gif) top repeat-y;
	}
#col2 {width:345px; 
/* 	border-right:1px solid #cbcbcb; */
	min-height: 950px;
	}
.col3 {float:left; padding: 20px 0 20px 0; background-color: #ffffff;}
#col3 {width:260px; min-height: 950px;}
	#col3-top {
		height: 50px;
		margin-top: 24px;
		padding-left: 26px;
		background: #fff url(images/col3-top1.gif) top no-repeat;
	}
	#col3-middle {
		background: #fff url(images/col3-bg.gif) top repeat-y;
	}
	#col3-bottom {
		height: 52px;
		padding-top: 24px;
		background: #fff url(images/col3-bottom1.gif) top no-repeat;
	}	 
	#col3 h1 {
		width: 233px;
		color: #34a7d6;
		font: bold 10px/11px Arial, sans-serif;
		letter-spacing: 2px;
		padding: 2px 0 12px 0;
		background: #fff url(images/col3-line.gif) bottom no-repeat;
	}

/* div.entry-summary article img {width:370px;} */

article {
	float:left;
	position:relative;
	width:312px; height: 100%;
	margin: 0 23px 15px 0px;
	padding:0 0 0 0;
	border-bottom: 0px solid #111;
	}
	
	article.last {}

	h1 {
		float: left;
		font: normal 20px/1.2em georgia, sans-serif;
		color: #000;
		padding-bottom: 4px;
	}
	h1.fixed {
		height: 22px;
	}
	h6 {
		font: normal 12px/1.2em Arial, sans-serif;
		color: #000;
		padding-bottom: 4px;
	}

	h5 {
		float:none; clear:left;
		text-transform:uppercase;
		font: normal 10px/1.6em Arial, sans-serif;
		width:100%;
		}
		.category {color: #333; margin: 0 10px 0 0;}
		.postDate {color: #666; margin: 10px 0 0 0;}
	
	article div.fixedHeight {
		height: 373px;
		overflow: hidden;
	}
	article ol, article ul {float:left; margin-top:10px;}
	article p {float: none; margin-top:10px;}
	article div {float: none; margin-top:10px;}
	body.sub article p {float: none; margin-top:10px;}
	article p img, article div img {margin-top:10px;}
	article p, .readMore, article li {font: 14px/21px Arial,sans-serif; color:#000;}
	/* .entry-summary article img {width:370px;} */
	
	article h1 a {color:#000;}
	article a {color:#34a7d6;}
	article ul, ol {clear:left;}
	article ul li {list-style: disc; list-style-position: inside;}
	article ol li {list-style:decimal; list-style-position: inside;}

	.tags {width:100%; clear:left; display:block; padding-bottom:0px;}
	.tags a {color:#34a7d6; border-bottom:0 !important;}
	.tags a:hover {text-decoration: underline;}

	.readMore {
		position:absolute;
		right:14px;
		width: 57px; height: 17px;
		background: #34a7d6;
		display:block;
		font-size: 11px;
		color:#fff;
		text-transform: uppercase;
		padding:0 0 4px 8px;
		margin-top: 20px;
		}
		.readMore:hover {opacity:.8; fitler: alpha(opacity=80);}

	/* span.readMore {margin-top:10px;}	*/
	.goBack {
		width: 57px; height: 17px;
		background: #34a7d6;
		display:block;
		font-size: 11px;
		color:#fff;
		text-transform: uppercase;
		padding:3px 0 0 16px;
		background: url(images/master.gif) -394px -60px no-repeat;
		}
		.goBack:hover {opacity:.8; fitler: alpha(opacity=80);}



/*
		pages list
*/


/*
		newest
*/

#newest {
	float:left;
	}

	h2 {
		font: normal 20px/1.2em georgia, sans-serif;
		margin-left:18px;
		width:300px;
		}
		#newest li {
			width:264px;
			float:left;
			padding:9px 0 9px 18px;
			position:relative;
			border-bottom:1px solid #cbcbcb;
		}
		#newest li.last {border:0;}
		#newest img {
			float:left;
		}

		#newest a {

			color:#000;
			font: normal 14px/1.2em georgia, sans-serif;
			width:120px;
			display:block;
			float:left;
		}
		#newest a:hover {text-decoration:underline;}

.newest {
	float:left;
	width:235px;
	float:left;
	padding: 10px 0 5px 0;
	margin-bottom: 38px;
	position:relative;
	border-bottom:1px solid #e0e0e0;
	}

	h2 {
		font: normal 20px/1.2em georgia, sans-serif;
		margin-left:0px;
		width:235px;
		}
	h2.entry-title {
		position: relative;
		top: -160px;
		left: 0px;
	}
	h2.entry-title a {
		font: italic 12px/1.2em georgia, sans-serif;
		color: #000;
	}
		
	.newest img {
		float:none; 
		clear:both;
		width: 222px;
		height: 120px;
		padding: 4px;
		border: 1px solid #e0e0e0;
		background-color: #fff;		
	}

	.newest a {
		color:#000;
		font: normal 14px/1.2em georgia, sans-serif;
		display:block;
		float:left;
	}
	.newest a:hover {text-decoration:underline;}
	.newest.first{padding:10px 0 5px 0;}
	.newest.last {border:0; margin-bottom: 0;}


/*
		rest of boxes in col2
*/

.box {
	float:left;
	margin-top:15px;
	padding-bottom:0px;
	width:100%;
	border-bottom:1px solid #e0e0e0;
	}

	.box ul {

		float:left;
		margin:0;
	}

	.box a {
		color:#34a7d6;
		font: 11px/1.2em Arial, sans-serif;
		}
		#new a:hover {text-decoration:underline;}
		
	.box.last {padding-bottom:100px; border:0;}



/*
		3rd col elements
*/

#adv, #tagCloud, #sidebar4 {
	float:left; clear:left;
	margin-left:26px;
	/* width:259px; */
	width:235px;
	}
	#adv {margin-bottom:15px;}
	.baner {

		float:left;
		margin-bottom:21px;
		border:1px solid #000;
		}
		.baner img {float:left;}
		.baner a:hover {opacity:.8; filter: alpha(opacity=80);}
		.baner.last {margin-bottom:0;}

#sidebar4 h2 {
	width: 233px;
	color: #34a7d6;
	font: bold 10px/11px Arial, sans-serif;
	font-stretch: 100%;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0px 0 15px 0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 20px;
	}
#sidebar4 ul {margin:10px 0 10px 0;}
#sidebar4 li {float:left;}
#sidebar4 a { text-align:justify; color:#34a7d6; padding:0 8px 4px 0; font: 18px/1.2em Arial, sans-serif;}


/* Bottom navigation links */

#nav-bottom {
	width: 100%;
	float: left;
	margin-top: 20px;
	padding-top: 10px;
	text-align: center;
	font: 14px/14px Arial,sans-serif;
	color: #000;
}
#nav-bottom a{
	color: #000;
}
#nav-bottom .nav-next {
	width: 150px;
	height: 16px;
	float: left;
	text-align: left;
}
#nav-bottom .nav-pagination {
	float: left;
	width: 630px;
	text-align: center;
	margin-bottom: 20px;
}
#nav-bottom .nav-previous {
	width: 150px;
	height: 16px;
	float: right;
	text-align: right;
}
#pagination {
}

/*
		footer
*/

footer {

	float:left;
	width:100%;
	height:90px;
	padding:10px 0 0 0;
	border-top: 1px solid #111;
	}

	footer p, footer a, footer li 
	{
		
		float:left;
		color:#000;
		font:11px/1em Arial, sans-serif;
	}

	footer ul {

		float:left;
		margin:0 0 0 10px;
		}

		footer li {

			padding:0 10px;
			border-right:1px solid #000;
		}

		footer li.last {border:0;}
		footer a:hover {text-decoration:underline;}

	footer #logo {
		float: right;
		background: url(images/logo-s.gif) 0px 0px no-repeat;
		width: 132px;
		height: 40px;
	}
	footer #logo2 {
		float: right;
		background: url(images/logo-s.gif) 0px 0px no-repeat;
		width: 132px;
		height: 40px;
	}


/*
		sub pages
*/

.single #col1 {width:670px;}
.single article {width:650px; margin-left: 0px; margin-right: 20px;}
.single article h1 {width: 540px; margin-right: 10px;}
.single #articlecontent {
		text-align: left;
	}
.single #articlethumbnail {margin-left: 75px; margin-top: 10px;}

div.hr {
	background: url(images/hr.gif) 0px 0px no-repeat;
	height: 8px;
	width: 650px;
	border: 0;
	float: none;
	clear: both;
	margin-bottom: 20px;
}

.widget_text {
	width: 235px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 20px;
}

/* Facebook */
#likebutton {
	margin: 0;
	width: 100px;
}
article hgroup .fb_edge_widget_with_comment {
	margin: 0 !important;
}

.fb_edge_widget_with_comment {
	
}



/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}