/*  
Theme Name: Gabi
Theme URI: http://www.whereisgabi.com
Description: wordpress template
Version: 0.1
Author: Bartek Czerwinski bartek@gecoloco.com
Author URI: http://gecoloco.com
*/

/*   Screen styles   */

/* GLOBAL RESET SETTINGS******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html, body { height: 100%; }

/* THIS & THAT SETTINGS**************/

.clear { clear: both; } 
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
#content strong { font-weight: 700; }
#content em { font-style: italic; }
.more-link { color: #ff04ff; font-size: 11px; }
.rounded-corners-3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.rounded-corners-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* PAGE SETTINGS**************/

body { 
	background: #fff; 
	color: #121212; 
	font: 13px/18px Helvetica, Arial, Verdana, sans-serif; 
	} 
#wrap { 
	background: #fff url('images/bg.jpg')0 0 no-repeat;
	width: 960px; 
	margin: 0 auto;
}
#container { 
	display: block; 
	width: 960px; 
	margin: 0 auto;
	background: transparent url('images/chaszcze.png') 40px 0 no-repeat; 
	}
#sidebar {
	float: left;
	width: 310px;
	position: relative;
	height: 920px;
}
#content { 
	display: block; 
	float: right;
	width: 630px; 
	}
#footer { 
	height: 120px; 
	width: 100%; 
	background: none; 
	text-align: right;
	}

/* MASTHEAD SETTINGS************/

#masthead { 
	width:630px; 
	float: right;
	height: 100px; 
	position:relative;
	margin: 0;

	}
#logo { 
	display: block; 
	width: 200px; 
	height: 60px; 
	position: absolute; 
	top: 35px; 
	left: 0; 
}
#logo a { 
	display: block;
	width: 200px; 
	height: 60px; 
	text-indent: -3000px; 
	overflow: hidden; 
	background: transparent url('images/logo.png') 50% 50% no-repeat; 
	}

/* SIDEBAR SETTINGS */

#nav { 
	position: absolute; 
	z-index: 50; 
	top: 100px;
	left: 50px; 
	width: 230px;
	height: 227px;
	padding-top: 80px;
	background: transparent url('images/nav-bg.png') 50% 50% no-repeat; 
	}
#nav li { 
	display: block; 
	}
#nav a  { 
	cursor: pointer; 
	display: block; 
	padding: 0 12px; 
	font-size: 14px; 
	overflow: hidden; 
	height: 24px; 
	line-height: 24px; 
	text-decoration: none; 
	text-transform: lowercase; 
	text-align: left;
	background: none;
	color: #fff; 
	margin: 0 15px; 
	}
#nav a:hover, #nav .current a { 
	background: #118577; 
	color: #fff; 
	}
	
#search {
	display: block;
	position: absolute; 
	width: 210px;
	height: 130px;
	background: transparent url('images/search.png') 0 0 no-repeat;
	top: 405px;
	left: 60px;
	
}
#search fieldset {
	position: relative;
	display: block;
}
#search h3 {
	display: none;
}
#search #s {
	position: absolute;
	top: 74px;
	left: 20px;
	width: 135px;
	height: 27px;
	background: #dcc7f3;
	border: 0;
	outline: none;
	line-height: 27px;
	font-size: 15px;
}

#search #sb {
	width: 37px;
	height: 27px;
	overflow: hidden;
	text-indent: -3000px;
	background: transparent url('images/search-button.png') 0 0 no-repeat;
	border: 0;
	position: absolute;
	right: 10px; 
	top: 75px;
	cursor: pointer;
}

#loop {
	display: block;
	background: transparent url('images/rss.png') 0 0 no-repeat;
	width: 130px;
	height: 30px;
	overflow: hidden;
	text-indent: -3000px;
	position: absolute;
	top: 550px;
	left: 60px;
}

/* CONTENT SETTINGS***********/
.page-title h1 {
	padding: 5px 15px;
	color: #fff;
	text-transform: uppercase;
	background: #21acb1;
	display: inline;
}
.post {
	padding: 10px 0 0;
	background: transparent url('images/line2.png') 0 100% no-repeat;
	position: relative;
}
.entry { padding: 10px 0 0; }
.post h2 { 
	color: #8002b4;
	font-size: 24px;
	line-height: 26px;
	padding: 15px 0 3px;
	font-weight: 400;
}
.post a { 
	color: #8002b4;
	text-decoration: none;
}
.post a:hover { 
	color: #b43ae4;
	text-decoration: underline;
}
.post p {
	font-size: 13px;
	line-height: 18px;
	padding: 7px 0;
	
}
.post .postmetadata {
	padding: 0;
	color: #666;
	font-size: 12px;
}
.postcomments {
	float: right;
}
.post .filed {
	padding: 10px 0;
	color: #666;
	font-size: 12px;	
}

.post .filed a, .post .postmetadata a {
	color: #ff08ff;
} 
.post .more-link { 
	position:absolute; 
	bottom: 20px; 
	right: 0; 
	color: #ff08ff; 
	font-size: 12px; 
}

.postimnage { margin: 7px 0; }

.post .wp-caption-text {
	padding: 3px 7px;
	text-align: center;
	color: #666;
	font-size: 12px;
}

/* items *******/
	
.item { 
	padding: 15px; 
	background: transparent url('images/item-bg.png') 0 0; 
	margin: 10px 0 15px;  
}
.item p {
	color: #eeeac9;
}


/* COMMENTS SETTINGS **************/

	#commentform {
	padding: 10px 0;
}
	#commentform p {
	display: block;
	clear: left;
}
	#commentform input {
	width: 250px;
	height: 24px;
	line-height: 24px;
	padding: 2px 5px;
	margin: 10px 20px 0 0;
	font-size: 13px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	border: 1px solid #dcc7f3;
	background: #fff;
	color: #6d6d71;
}	
	#commentform textarea {
	width: 600px;
	height:  150px;
	line-height: 24px;
	padding: 2px 5px;
	margin: 10px 0 0;
	font-size: 13px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #dcc7f3;
	background: #fff;
	color: #6d6d71;
}	
	
	#commentform label, #commentform label small {
	color:  #666;
	font-size: 13px;
}
	#commentform #submit {
		width: 130px;
		padding: 0;
		margin: 0;
		line-height: 26px;
		height: 26px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		border: 0 none;
		background: #8002b4;
		cursor: pointer;
		margin: 10px 20px 10px 0;
	}
	
	#commentform #submit:hover {
		background: #b43ae4;		
	}



	.commentlist {
	margin-top: 20px;
	padding: 0 0 20px;
	border-top:  1px dotted #333;
}
	#main .page .comment {
	padding:  15px 0; 
	border-bottom:  1px dotted #333;
}
	.commentlist .avatar {
	float: : left;
}
	.commentmetadata {
		color: #666;
		font-size: 11px;
		margin: 5px 0 5px 50px;
	
	}
	#content .commentmetadata a {
		color: #888;
		padding-right: 20px;
	}
	.comment { padding: 10px; }
	.comment cite {
		padding: 7px 0;
		margin-left:  17px;
		font: 14px/19px Arial, Helvetica, sans-serif; font-weight: 700;
	}
	.comment p {
		padding: 7px 0;
		margin-left:  50px;
		font: 13px/19px Arial, Helvetica, sans-serif;
	}
	.avatar {
	float: left;
}


/* bottom *******/

#bottom { 
	padding: 10px 0;
	}
	#bottom a {
		color: #ff08ff;
		text-decoration: none;
	}
	#bottom a:hover {
		color: #b43ae4;
		text-decoration: underline;
	}
#whatup, #follow { 
	width: 630px;
	background: transparent url('images/line.png') 0 100% no-repeat; 
	padding: 20px 0 40px;
	clear: both;
	 }
	
	#latest-posts, #twits {
		width: 300px;
		float: left;
	}
	#latest-comments, #social {
		width: 300px;
		float: right;
	}

#whatup h3, #follow h3 { 
	overflow: hidden;
	text-indent: -3000px;
	display: block;
	}
#latest-posts h3 {
	width: 100px;
	height: 30px;
	background: transparent url('images/latest-posts.png') 0 0 no-repeat; 
}
#latest-comments h3 {
	width: 160px;
	height: 30px;
	background: transparent url('images/recent-comments.png') 0 0 no-repeat; 
}
#latest-comments, #latest-posts {
	line-height: 14px;
}
#latest-comments ul, #latest-posts ul {
padding: 5px 0;
}
#latest-comments li, #latest-posts li {
	display: block;
	clear: left;
	padding: 3px 0 4px;
}
#latest-comments a, #latest-posts a {
	font-size: 12px;
}
#latest-comments img, #latest-posts img {
	float: left;
	margin-right: 10px;
}
#latest-comments span, #latest-posts span {
	display: block;
	color: #666;
	font-size: 11px;
}
#twits { margin-top: -20px; }
#twits h3 {
		width: 80px;
		height: 50px;
		background: transparent url('images/twitter.png') 0 0 no-repeat; 
		text-indent: none;
	}
#twits h3 a {
	display: block;
	width: 80px;
	height: 50px;
	text-indent: -3000px;
	overflow: hidden;
}
#twits p {
	padding: 10px 0 0;
}

#bottom #twits a.twittime {
	color: #666;
	font-size: 11px;
	margin-bottom: 10px;
}
#social h3 {
		width: 170px;
		height: 30px;
		background: transparent url('images/follow-me-around.png') 0 0 no-repeat; 
	}
#social ul { padding: 10px 0; }	
#social a { 
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -3000px;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	background: transparent url('images/follow-me-icons.png') 0 0 no-repeat; 
	 }
#social a#rss { background-position: 0 0; }
#social a#twitter { background-position: -82px 0; }
#social a#facebook { background-position: -122px 0; }
#social a#delicious { background-position: -42px 0; }
#social a#stumble { background-position: -163px 0; }

.pagepost {
	padding-bottom: 20px;

}

.more { text-align: right; }
.more a { color: #00a5a7; font-size: 11px;  }
	
	.post table { border-collapse: collapse; width: 585px; }
		.post table td { width: 60%; }
		.post table th, .box table td { border: 2px solid #fff; padding: 3px 5px; background: #efefef; vertical-align: top; }
		.post table th { font-weight: 700; }
			
#footer div { width: 960px; margin: 0 auto; clear: both;}
	#commons {
		 	width: 320px; 
			padding: 10px 0 10px 30px;
			font-size: 11px; 
			color: #666; 
			background: transparent url('images/cc.png') 0 50% no-repeat;
			text-align: left;
			margin-left: 320px;
			line-height: 14px;
		  }