/*
Theme Name:davidcostales blog Custom WP Theme
Theme URL:http://davidcostales.com
Description:Custom WP Theme For blog.davidcostales.com
Author:David Costales
Author URI:http://davidcostales.com
Version:v.3
Tags:davidcostales,custom,two columns
*/

/*======================
RESET & ELEMENTS
======================*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {	margin:0;padding:0;border:0; }
body {
	background:url(images/bg-pattern.png) #efefef repeat;font-family:"HelveticaNeue-Light","Helvetica Neue Light",Arial,sans-serif;
	font-size:12px;color:#3C3B3C;border:10px solid rgba(255,255,255,0.3);
}
fieldset,img,abbr { border:0; }
h1,h2,h3,h4,h5,h6,th,var {
	font-style:normal;font-weight:normal;
}
ul,li {	list-style: none; }

a:link, a:visited  {
	color:#7D7D7D;text-decoration:none;border-bottom:1px solid #B8B8B8;
}
	a:hover {
		color:#444;text-decoration:none;border-bottom:1px solid #AE684E;
	}
blockquote {
	clear:both;background:url(images/quote.gif) no-repeat;color:#777;margin:15px 0 10px 15px;text-indent:30px;font:italic 115% Georgia,"Times New Roman",Times,serif;
}
p { padding-bottom:10px; }
em {
	background:#fff8cc;border-bottom:solid 1px #ffe222;font-style:normal;padding:0 2px;color:#333;
}
.right { float:right; }
.left { float:left; }
.center {
	text-align:center;clear:both;margin:5px 0 10px 0;
}
/*======================
WRAPPER
======================*/
#wrapper {
	width:960px;margin:0 auto;
}
/*======================
ADVISE
======================*/
#advise {
	padding:10px 20px;margin:0 -20px 20px -20px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#fff url(images/bg-img.png) top left;
	color:#000;text-shadow:0 1px 0 #fff;clear:both;font-size:22px;font-weight:normal;letter-spacing:-1px;overflow:auto;
}
	#advise p { padding:0;margin:0; }

		#advise .advise-search {
			background:url(images/icons/search-icon.png) no-repeat;padding-left:35px;line-height:24px
		}
		#advise .advise-tag {
			background:url(images/icons/tags-icon.png) no-repeat;padding-left:35px;line-height:24px
		}
		#advise .advise-category {
			background:url(images/icons/category-icon.png) no-repeat;padding-left:35px;line-height:24px
		}
		#advise .advise-time {
			background:url(images/icons/time-icon.png) no-repeat;padding-left:35px;line-height:24px
		}
		#advise .advise-archives {
			background:url(images/icons/archives-icon.png) no-repeat;padding-left:35px;line-height:24px
		}
		#advise .advise-404 {
			background:url(images/icons/404-icon.png) no-repeat;padding-left:35px;line-height:24px
		}
/*======================
HEADER
======================*/

#header {
	height:150px;line-height:150px;
}
	#header .logo a {
		float:left;display:block;padding:31px 15px;width:400px;height:68px;border:inherit;
	}
		#header .logo a:hover { border:none; }
		
#header ul {
	letter-spacing:-1px;float:right;font-size:22px;text-transform:lowercase;text-shadow:1px 1px 0 #fff;
}
	#header  ul li {
		display:inline;float:left;margin-right:20px;
	}
		#header ul li a:link, #header ul li a:visited  {
			color:#444;text-decoration:none;border-bottom:2px solid #b8b8b8;outline:none;
		}
			#header ul li a:hover {
				color:#000;border-bottom:2px solid #ae684e;outline:none;
			}
				#header li.current-cat { font-weight:bold; }	
/*======================
MAIN
======================*/
#main {
	border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:0 20px 0 0;padding:20px;width:620px;background:#fff;float:left;min-height:700px;height:auto;
	-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;
}
#main .post .post-header {
	margin:-40px 0 10px -40px;position:relative;
}
	#main .post .post-header img {
		opacity:0.65;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;
		-moz-border-radius-bottomright:5px;border: 1px solid #dcdcdc;background: #eee url(images/bg-img.png) repeat;clear:both;padding:9px;
}
		#main .post .post-header a:hover img, #main .post .post-header a:focus img { border:none;-moz-border-image:none;-webkit-border-image:none; } 
			#main .post .post-header h2 {
				opacity:0.8;width:620px;padding:10px 20px;position:relative;top:90px;left:0px;z-index:10;background: #f0f0f0 url(images/bg-dark.png) repeat; color: #fff; font-size: 26px;
				-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;
			}
				#main .post .post-header h2 a {
					font-weight:normal;color:#fff;text-decoration:none;border:none;
				}
					#main .post .post-header h2 a:hover, #main .post .post-header h2 a:focus { color: #999; }
#main .minipost {
	padding:10px 20px 0 20px;margin:0 -20px 32px -20px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#fff url(images/bg-pattern-post.png) repeat;
	text-shadow:0 1px 0 #fff;clear:both;font-weight:normal;overflow:auto;clear:both;line-height:24px;color:#333;font-size:15px;
}
	#main .minipost a, #main .minipost a:visited {
		text-decoration:none;padding:0 0 1px 0;font-weight:400;color:#990000;border-bottom:1px solid #cccccc;
	}
		#main .minipost a:hover {
			text-decoration: none;border-bottom:1px solid #AE684E;padding:0 0 1px 0;font-weight:400;color:#1a1a1a;
		}
#main .post {
	line-height:24px;color:#333;font-size:14px;
}
	#main .post a, #main .post a:visited {
		text-decoration:none;padding:0 0 1px 0;font-weight:400;color:#990000;border-bottom:1px solid #cccccc;
	}
		#main .post a:hover {
			text-decoration:none;border-bottom:1px solid #AE684E;padding:0 0 1px 0;font-weight:400;color:#1a1a1a;
		}
#main .post h3 {
	padding:10px 20px;margin:10px -20px 20px -20px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#fff url(images/bg-img.png) top left;
	color:#222;text-shadow:0 1px 0 #fff;clear:both;font-size:22px;font-weight:normal;letter-spacing:-1px;overflow:hidden;
}
	#main .post h3 a, #main .post h3 a:visited {
		font-size:19px;
	}
		#main .post h3 a:hover {
			text-decoration:none;
		}		
#main .post h6 {
	font-size:19px;clear:both;color:#555;padding-left:5px;margin:10px 0;
}
	#main .post h6 a, #main .post h6 a:visited {
		text-decoration:none;border:none;color:#555;
	}
		#main .post h6 a:hover {
			text-decoration:none;border:none;color:#999;
		}		
#main .clear { zoom: 1; }
	#main .clear:after {
		content:"";display:block;clear:both;
	}	
#main .post .post-info {
	-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;
	margin:20px 0 40px -20px;background:#eee url(images/icons/comments-icon.png) 11px 12px no-repeat;
}
	#main .post .post-info ul {
		list-style:none;padding:6px 25px;float:left;
	}
		#main .post .post-info ul li {
			float:left;color:#333;padding:0 10px;border-right:2px groove #fff;
		}
			#main .post .post-info p.more a {
				float:right;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;
			}
#main .post p.btn { line-height:normal; }
	#main .post p.btn a {
		font-size:19px;letter-spacing:-1px;padding:7px 10px 6px 10px;margin:0;display:block;border:none;background:#ddd url(images/bg-pattern.png) no-repeat;
		text-shadow:0 1px 0 #fff;border-left:2px groove #fff;
	}
		#main .post p.btn a, .post p.btn a:visited { color: #666; }
			#main .post p.btn a:hover, .post p.btn a:focus {
				color:#444;border-bottom:none;
			}
#main .lista {
	margin:10px 0px 10px 15px;list-style:none;
}
	#main .lista li {
		background:url(images/bullet.gif) no-repeat 4px 4px;padding:0 0 15px 18px;line-height:100%;
	}
#main .metanav a:link, #main .metanav a:visited {
	font-size:18px;color:#666;-moz-border-radius:5px;-webkit-border-radius:5px;letter-spacing:-1px;padding:7px 10px 6px 10px;margin:0;
	display:block;background:#ddd url(images/bg-pattern.png) no-repeat;text-shadow:0 1px 0 #fff;border:none;
}
	#main .metanav a:hover { color:#444; }
#main .post .headerimg {
	-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border:1px solid #dcdcdc;
	background:#eee url(images/bg-img.png) repeat;clear:both;margin:5px 0 0 -20px;padding:9px;
}
#main .post .postimg {
	-moz-border-radius:5px;-webkit-border-radius:5px;margin-top:9px;border:1px solid #dcdcdc;background:#eee url(images/bg-img.png) repeat;clear:both;padding:9px;
}
	#main .post .right.postimg { margin:15px 0 0 10px; }
	#main .post .left.postimg { margin:15px 10px 0 0; }
	#main .post .right.blankimg { margin:5px 0 0 10px; }
	#main .post .left.blankimg { margin:5px 10px 0 0; }
/*======================
HIGHLIGHTER
======================*/
.post pre {margin: 0;}
.post .wp_syntax {
	margin:10px -20px 20px -20px;width:640px;clear:both;border-top:1px solid #e7e7e7;border-right:none;border-bottom:1px solid #e7e7e7;border-left:none;background:#fff url(images/bg-code.png) repeat;
	color:#222;display:block;padding:10px;font-family:Consolas,Monaco,"Courier New",Courier,monospace;font-size:12px;word-wrap:break-word;
}
/*======================
AUTHOR
======================*/
.post div#author-credit {
	margin:10px -20px 0 -20px;padding:20px 20px 10px 20px;overflow:auto;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#efefef url(images/bg-pattern-post.png) repeat;
}
	.post div#author-credit div#author-image {
		float:left;box-shadow:0 1px 8px #888;-moz-box-shadow:0 1px 8px #888;-webkit-box-shadow:0 1px 8px #888;margin-right:20px;
	}
		.post div#author-credit div#author-bio h5 {
			font-size:18px;font-weight:normal;margin-bottom:5px;color:#000;letter-spacing:-1;
		}
/*======================
EXPAND POST
======================*/
#expand-post {
	float:left;margin-bottom:1px;overflow:auto;width:100%;
}
	#expand-share {
		float:left;width:45%;
	}
	#expand-related {
		float:left;width:55%;
	}
/*======================
SIDEBAR
======================*/
#sidebar {
	width:270px;float:left;font-size:14px;text-shadow:0 1px 0 #fff;
}
	#sidebar h3 {
		letter-spacing:-1px;font-size:15px;text-transform:lowercase;font-weight:bold;color:#555;margin:20px 0;border-bottom:2px groove #f9f9f9;padding-bottom:5px;text-shadow:0 1px 0 #FFF;clear:both;
	}
#sidebar .side-sub li { margin:8px 0; }
	#sidebar .side-sub li a:link, #sidebar .side-sub li a:visited {
		text-decoration:none;color:#555;font-weight:bold;border-bottom:1px solid #B8B8B8;
		}
		#sidebar .side-sub li a:hover {
			text-decoration:none;color:#000;font-weight:bold;border-bottom:1px solid #AE684E;
		}
			#sidebar .side-sub .ifeed { background:url(images/icons/rss-icon.png) no-repeat;padding-left:32px;line-height:24px }
			#sidebar .side-sub .iemail { background:url(images/icons/email-icon.png) no-repeat;padding-left:32px;line-height:24px }
			#sidebar .side-sub .itwitter { background:url(images/icons/twitter-icon.png) no-repeat;padding-left:32px;line-height:24px }
#sidebar .side-lista { margin: 0 0 20px 20px; }
	#sidebar .side-lista li {
		list-style-type:circle;list-style-position:outside;padding:1px 0;
	}
		#sidebar .side-lista li a:link, #sidebar .side-lista li a:visited {
			text-decoration:none;color:#444;border:none;
		}
		#sidebar .side-lista li a:hover {
			text-decoration:none;color:#333;border-bottom:1px solid #AE684E;
		}
#sidebar .adds { margin:8px 0;clear:both;overflow:auto; }
	#sidebar .add {
		margin:3px 0;background:rgba(0,0,0,0.05);text-align:center;height:125px;width:125px;line-height:125px;font-size:12px;border:solid 3px #dedede;text-align:center;font-weight:bold;
	}
		#sidebar .add a:link, #sidebar .add a:visited, #sidebar .add a:hover { 
			border:none;text-decoration:none;
		}
#sidebar .search {
	background:url(images/search.gif) no-repeat 100% 0;width:270px;margin:20px 0;height:34px;
}
	#sidebar .search input {
		padding:10px 15px;width:210px;border:none;background:none;color:#828282; 
	}
/*======================
COMMENTS
======================*/
h4 {
	font-size:22px;font-weight:normal;letter-spacing:-1px;color:#000;margin:25px 0 10px 0;clear:both;
}		
cite {
	font-style:normal;font-size:14px;font-weight:bold;color:#555;
}
.cancel-comment-reply {
	display:block;font-size:13px;letter-spacing:0;float:right;
}
.commentlist li {
	position:relative;padding:10px;margin-bottom:10px;color:#000;background-color:#f9f9f9;
	-webkit-box-shadow:0 1px 1px #dfdfdf;-moz-box-shadow:0 1px 2px #dfdfdf;box-shadow:0 1px 2px #dfdfdf;-moz-border-radius:0.2em;-webkit-border-radius:0.2em;
}
	.commentlist li p {
		padding:10px 0 10px 0;margin-left:75px;color:#444;
	}
		.commentlist li img {
			float:left;border-right:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;background:#fff;padding:4px;margin-right:18px;-moz-border-radius: 0.2em;-webkit-border-radius: 0.2em;
		}
			.commentlist li .comment-footer {
				letter-spacing:0px;font-size:13px;color:#828282;font-weight:bold;clear:left;padding:2px 7px;background-color:#f4f4f4;-moz-border-radius:0.2em;-webkit-border-radius:0.2em;
			}
.children li {
	margin-top:10px;background-color:#fff;
}

	.children li img {
		float:left;border-right:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;background:#fff;padding:4px;margin-right:18px;-moz-border-radius:0.2em;-webkit-border-radius:0.2em;
}

		.children li .comment-footer {
			letter-spacing:0px;font-size:13px;color:#828282;font-weight:bold;clear:left;padding:2px 7px;background-color:#f4f4f4;-moz-border-radius:0.2em;-webkit-border-radius:0.2em;
		}
.authorcomment {
	background-color:#fff8cc !important;-webkit-box-shadow:0 1px 1px #ffe222 !important;-moz-box-shadow:0 1px 2px #ffe222 !important;box-shadow:0 1px 2px #ffe222 !important;
}
	.authorcomment .comment-footer {
		font-size:13px;letter-spacing:0px;color:#aa701b !important;background-color:#fff8cc !important;
	}
		.authorcomment img {
			border-right:solid 1px #ffe222 !important;border-bottom:solid 1px #ffe222 !important;
		}
#commentform p { padding: 5px; }
#commentform [type="text"] {
	display:inline-block;zoom:1;margin-right:5px;text-align:left;text-decoration:none;font:14px/100% Arial,Helvetica,sans-serif;
	padding:4px;-webkit-border-radius:.2em;-moz-border-radius:.2em;color:#333;border:solid 1px #e7e7e7;background:#f9f9f9;width:50%;
}
#commentform [type="submit"] {
	display:inline-block;zoom:1;display:inline;vertical-align:baseline;margin:0 2px;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:14px/100% Arial,Helvetica,sans-serif;
	padding:.5em 2em .55em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:2em;-moz-border-radius:2em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);color:#444;border:solid 1px #b7b7b7;background:#fff;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));
	background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');
}
#commentform [type="submit"]:hover {
	background:#ededed;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));
	background:-moz-linear-gradient(top,#fff,#dcdcdc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dcdcdc');
}
#commentform [type="submit"]:active {
	olor:#999;background:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#fff));
	background:-moz-linear-gradient(top,#ededed,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff');
}
textarea#comment {
zoom:1;
	text-align:left;text-decoration:none;font:14px/100% Arial,Helvetica,sans-serif;padding:4px;
	-webkit-border-radius:.2em;-moz-border-radius:.2em;color:#333;border:solid 1px #e7e7e7;background:#f9f9f9;width:98.5%;
}
#respond p { margin-left:0; }
	#respond label { font-size:12px;font-weight:bold;color:#333; }
		#respond label small {
			font-size:11px;color:#777;font-weight:normal;
		}
/*======================
FOOTER
======================*/
#footer {
	clear:both;text-align:left;text-shadow:0 1px 0 #FFF;background:url(images/bg-footer.png) repeat;padding:20px 15px 10px 15px;overflow:hidden;font-size:14px;
}
	#footer h3 {
	letter-spacing:-1px;font-size:15px;text-transform:lowercase;font-weight:bold;color:#444;margin-bottom:10px;text-shadow:0 1px 0 #FFF;;
}
		#footer p.copy {
			clear:both;text-align:center;overflow:hidden;
		}
#footer li a:link, #footer li a:visited {
	text-decoration: none;color: #444; border-bottom: 1px solid #B8B8B8;
}
#footer li a:hover {
	text-decoration: none;color: #333; border-bottom: 1px solid #AE684E;
}
#footer #posts, #footer #popular, #footer #comments {
		width:263px;min-height:220px;float:left;margin-right:15px;margin-bottom:25px;padding-right:15px;border-right:2px groove #f9f9f9;
}
			#footer #posts li, #footer #popular li {
				list-style-type:circle;padding:2px 0; margin-left:20px;
			}
			#footer #comments li {
				list-style-type:none;padding:2px 0;
			}
				#footer #comments .avatar-25 {
					float:left;margin:5px 10px 0 0;box-shadow:0 1px 8px #888;-moz-box-shadow:0 1px 8px #888;-webkit-box-shadow:0 1px 8px #888;
				}			
#footer p {color: #555;}
#footer #back-top a:link, #footer #back-top a:visited {
	float:right;vertical-align:baseline;outline:none;text-align:center;text-decoration:none;
	padding:5px 14px;-webkit-border-radius:4px;-moz-border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);color:#444;text-shadow:0 1px 1px rgba(0,0,0,.3);
	border:solid 1px #b7b7b7;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));
	background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');
}
	#footer #back-top a:hover {
		background:#ededed;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
		background:-moz-linear-gradient(top,  #fff,  #dcdcdc);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	}
		#footer #back-top a:active {
			position:relative;top:1px;background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
			background:-moz-linear-gradient(top,  #ededed,  #fff);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
		}