/*
Theme Name: Webitect 2.0
Theme URI: http://webitect.net/
Description: Desk style theme for wemaster blog Webitect.net
Version:  
Author: Nick Parsons
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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,
b, u, i, center,
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-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



body{

	background: url(images/woodbg.jpg);

	font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;

	text-align: center;

	margin: 0px;

}

#header{

	width: 100%;

	text-align: left;

}

	#navbar{

		background: url(images/navbarbg.png) repeat-x;

		height: 80px;

		.height: 68px;

		width: 100%;

		padding: 12px 0 0 0;

		.padding-top: 15px;

		margin-bottom: 50px;

		font-size: 12pt;

	}

		#menu{float: left; margin: 5px; .margin: 0px; padding: 0;}

		  #menu li {display: inline; list-style: inside none; border-left: solid 1px #888; padding-left:4px;}

		  #menu li.first{border: 0;}

		    #menu li a{font-size: 90%; font-weight: 700; color:#d7d7d7; text-transform: uppercase; padding: 5px; text-shadow: 1px 1px 1px #000;}

			#menu li a:hover{color:#BBBBBB}



		#searchform{float:right; padding-right: 20px;}

		  #searchform input{font-size: 13pt; padding: 6px; color:#fff; margin: 0px;}

			#searchbox{

				width: 195px;

				.width: 183px;

				height: 23px;

				background-color: #535353;

				color: #BBB;

				font-weight: 700;

				text-shadow: 1px 1px 1px #000;

				line-height: 25px;

				border: solid 0px #333;

				border-radius: 8px; -moz-border-radius: 8px;

			}

			#searchbutton{

				width: 50px;

				.width: 38px;

				height: 35px;

				background: #3a70a2;

				background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#3a70a2), to(#2a6092));

				text-transform: uppercase;

				cursor: pointer;

				font-weight: 700;

				text-shadow: 1px 1px 1px #000;

				border: solid 1px #3a70a2;

				border-radius: 5px; -moz-border-radius: 5px;

			}

			#searchbutton:hover{background:#111; border: 0}

	#welcome{

		background: url(images/headergraphic.jpg) no-repeat top left;

		height: 235px;

		margin: 0 auto;

		min-width: 965px;

		max-width: 1100px;

		width: 90%;

		.width: 965px!important

	}

#content{

	background: #f0f0f0;

	min-width: 965px;

	max-width: 1100px;

	width: 90%;

	.width: 915px;

	padding: 0;

	.padding: 25px;

	margin: 0 auto;

	border: solid 2px #FFF;

	box-shadow: 2px 2px 8px #541; -webkit-box-shadow: 2px 2px 8px #541;

	border-radius: 30px; -moz-border-radius: 30px;	

}

  ul#tabs{

	background: url(images/tabsbg.png) no-repeat top left;

	width: 835px;

	.width: 900px;

	height: 60px;

	.height: 75px;

	padding-top: 18px;

	float: left;

	margin: -30px 0 20px -55px;

  }

	#tabs li{

		display: inline;

		list-style: inside none;

		border-right: solid 1px #000;

	}

	#tabs li:last-child{border:0;}

		#tabs li a{

			padding: 20px 13px;

			.padding: 0 13px;

			color: #858585;

			height: 100%;

			vertical-align: middle;

			text-transform: uppercase;

			font: 1.35em Haettenschweiler, Impact, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

		}

		#tabs li a:hover{color: #666;}

		.current-cat a{color: #444!important}

			#tabs li a img{margin: 6px; vertical-align: middle; .border-right: solid 1px #f0f0f0;}



  ul#follow{

	float: right;

	margin: -70px 0 0 0;

	position: relative;

	top: 50px;

	z-index: 50;

	padding-right: 40px;

	.padding-right: 0px;

  }

  	#follow li{

		display: inline;

		list-style: inside none; 

	}

  

  h2.pagetitle{

	padding: 5px 10px;

	border-left: solid 1px #3B6A96;

	border-bottom: solid 1px #3B6A96;

	font-weight: bold;

	font-size: 1.3em;

	text-transform: uppercase;

  }

  #main{

	min-width: 600px;

	width: 65%;

	.width: 560px;

	padding: 0 20px 20px 20px;

	color: #444;

	text-align: left;
	margin-left: 20px;

  }

	.post{font-size: .9em;}

	.excerpt{padding-bottom: 6px;}		

		.excerpt h2{font-size: 1.6em;}

		.excerpt p{font-size: .8em;}

		.excerpt img{float: left; width: 200px; height: 200px;}

		.excerpt .tweetmeme_button, .excerpt .bookmarkify{display:none;}

		.post-meta{

			font-size: 10pt;

			color: #222;

			font-weight: bold;

			background-color: #e0e0e0;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#e0e0e0), to(#cccccc));	
			background: -moz-linear-gradient(center bottom,#cccccc,#e3e3e3);

			width: 95%;

			height: 20px;

			padding: 4px 7px;

			clear: left;

			border: solid 1px #e0e0e0;

			border-radius: 8px; -moz-border-radius: 8px;

			margin: 16px auto 25px auto!important

		}

		  .comment-count{

			float: right;

			color:#333;

			padding: 1px 0 2px 6px;

			word-spacing: .5em;

		  }

			.comment-count span{background: url(images/bubble.gif) no-repeat bottom center; padding: 5px 9px; text-align:center;}

		  .comment-count:hover{color:#fff;}

			.comment-count:hover span{background: url(images/bubble.gif) no-repeat top center;}

		.more-link{

			display:block;

			float:right;

			background: #444;

			padding: 3px 6px;

			color: #EEE;

			margin: 4px;

		}

		

		.the-content img{width: 90%; .width:530px; max-width: 600px;}

		.post p{padding: 8px;}

		.post ul{padding-left: 28px; list-style-type: square; margin-bottom: 10px;}

		.post ol{list-style-type: decimal;}

		.post h3{border-bottom: solid 1px #ddd; font-size: 1.7em;}

		.post h4{padding:0;margin: 10px 0 -25px 0; font-size: 1.08em;}

		.post img{margin: 10px 10px 10px 0; border: solid 5px #DDD;}

		.post a img:hover{border-color: #3B6A96}

		.post-img img{float:left; width: 200px; height: 200px!important}

		.bookmarkify{float: right;}

		.bookmarkify img{border: 0;}

		.tweetmeme_button{float:left!important margin: 3px!important}

	

		.author-info{

			background: url(images/author-ribbon.jpg);

			margin: 75px 10px 10px -64px;

			.margin: 10px 10px 10px -75px;

			width: 600px;

			height: 175px;

		}

			.author-info h4{margin: 0; .margin: 15px 0 4px 4px; font-size: 1.4em; padding-top: 10px;}

			.author-info img{float:left; margin: 20px 15px;}

			.author-info p{margin-right: 25px; font-style: italic;}

			.author-info a{color: #247;}



		ul.related_post{list-style-type: square; padding-left: 30px;}

		

		h2#comments img{ margin: 0 10px; vertical-align: middle; border: 0;}
			.commentlist{margin:0;padding:0;}
			.commentlist li{list-style-type: none;padding: 0; margin: 0;}
			.commentlist h4{margin: 0; padding-top:.5em;}

			.gravatar{display: block; float:left; width:110px; margin: 0 1em 1em 0;}

			.comment-meta{color:#333;font-size: 60%;}

			.comment-text{padding:6px; float: right;}

		

		#commentform{}

			#author, #url, #email{

				width: 40%;

				height: 20px;

				.height: 14px;

				padding: 3px;

				margin: 4px;

				border: solid 2px #888;

			}

			#commentform textarea{

				font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;

				overflow:hidden;

				border: solid 2px #888;

			}

			#comment-submit{

				width:100px;

				background:#47A;

				border: 0;

				font-size: 110%;

				color:#FFF;

				padding: 8px;

				margin: 8px 0;

				cursor:pointer;

			}

			#comment-submit:hover{background:#333;}



  #sidebar{

	width: 300px;

	float: right;

	margin-top: 10px;

  }

  	#sidebar .widget{

		.width: 245px;

		background: url(images/widgetbg.jpg) no-repeat bottom center;

		color: #444;

		text-align: justify;

		padding: 0 35px 30px 0;

		.padding-left: 20px;

		margin-right: 6px;

		.margin: 0;

	}

		#sidebar .widget h6{

			font-size: 1.3em;

			margin-bottom: 8px;

		}

		#sidebar .widget p{

			font-size: 85%;

		}

		#sidebar .widget li{

			text-align: left;

			font-size: 85%;

			padding: 5px 0 5px 10px;

			vertical-align: middle;

			list-style: outside square url(images/check.png)!important

		}

			#sidebar .widget li a{display: block; vertical-align: middle;}

	.affiliates{

		background: url(images/ad-ribbon.jpg) no-repeat;

		position: relative;

		left: -16px;

		.left: 8px;

		padding-left: 28px;

		width: 350px;

		.width: 322px;

		height: 375px;

	}

		.affiliate-banner, .affiliate-banner:hover{display:block; float:left; margin: 13px;}
		.affiliates a:hover{border-bottom-width: 0!important}

	.sponsors{

		position: relative;

		right: 12px;

		width: 275px;

	}

		

#content-footer{

	background: url(images/headergraphic.jpg) bottom left;

	height: 33px;

	width: 965px;

	margin: 0 auto 30px auto;

	display: none;

}

#footer{

	height: 300px;

	width: 100%;

	color: #222;

}

  	#footer .widget{

		float: left;

		width: 310px;

		.width: 270px;

		padding: 25px 5px;

		.padding: 40px 20px 20px 20px;

		text-align: left;

		font-size: .9em;

	}

		#footer .widget h2{

			margin: 6px;

			color: #333;

			text-transform: uppercase;

			font-size: 1.9em;

		}

		#footer .widget p{margin: 6px;}

		#footer .widget a{color: #555;}

		#footer .widget a:hover{color: #48A;}

		#footer .widget li{

			list-style: outside square url(images/check.png);

			padding: 5px 5px 5px 10px;

			margin-left: 30px;

			vertical-align: middle;

		}

			#footer .widget li a{color: #222;}

	#twitter_update_list{padding: 0px;}

		#twitter_update_list li, #recentcomments li{

			border-top: dotted 1px #555;

			border-bottom: dotted 1px #555;

			padding: 5px;

			list-style: outside none none!important

		}

	.blogroll{padding-left: 30px;}

	.credit{

		font-weight: bold;

		text-transform: uppercase;

		color:#111;

		clear: both;

		text-align: right;

		padding-right: 5%;

	}

	#footer a{ color: #1C1C1C; }

	

h1{margin: 30px; padding: 0px; text-align:left;}

	h1 a{display: block;}

	h1 img{padding-top: 20px; height: 170px;.padding: 0px; .height: 179px;}

h2{

	font-size: 2em;

	margin-top: 20px;

}

	h2 a, h2 a:hover{color: #333; border:0;}

h3{

	font-size: 1.3em;

	margin: 8px 0;

}

h4{

	margin-top: -8px;

}

h5{

}

h6{

}



p{padding: 6px;}

blockquote{font: italic 1.4em/2.4em Georgia, "Times New Roman", serif; border-left: solid 3px #333; padding-left: 1em; color: #111;}



a{color:#3B6A96;text-decoration:none;}

#sidebar a:hover, .the-content a:hover{border-bottom: dashed 1px #58A;}

a img {border: 0px;}



.wrapper{width:960px; margin-left: auto; margin-right: auto;}

.clear{clear:both;}

.clear-left{clear:left;}