/*
Theme Name: Blogwerx
Author: WP Theme Designer
Author URI: http://www.wpthemedesigner.com/
*/


* {
	margin: 0; padding: 0;
}

body {
	min-width: 785px;
	font: 12px Verdana;
	color: #333333;
	background: url(images/body.gif) repeat-x 0px 0;
}
a {
	text-decoration: underline;
	color: #3E76A4;
}
a:hover {
	color: #80AD75;
}

img {
	border: 0;
}
.alignright img {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
.alignleft img {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right !important;
clear: both !important;
}
.alignleft {
float: left !important;
}


.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}

.hidden {
	display: none;
}

#wrapper {
	width: 100%;
	text-align: left;

}
#body {
	background: url(images/wrapper.gif) repeat-y 0px 0;
}

.hidden {
	display: none;
}



/** BEGIN header **/
#header {
	color: #A0A09B;
	height: 153px;
}
#header a {
	text-decoration: none;
}

	#header .logo {
		clear: both;
		float: left;
		padding: 20px 15px 18px;
	}
	#header .about {
		float: right;
		margin: 0;
	}

	#header ul {
		list-style-type: none;
		clear: both;
	}
		#header ul li {
			float: left;
			font-size: 0.8em;
			text-transform: uppercase;
			font-weight: bold;
		}
		#header ul li a {
			display: block;
			color: #333333;
			padding: 10px 12px 9px;
		}
		#header ul li a:hover {
			color: #7F7F7F;
		}
/** END header **/

#container {
	margin: 0; padding: 0;
}


/** BEGIN content **/
#contentwrapper {
	background: url(images/wrapper.gif) repeat-y 0px 0;
	float: left;
	width: 100%;
	margin: 0; 
	padding: 0;
}
#content {
	margin-right: 270px;
	margin-left: 177px;
	padding-bottom: 50px;
}
#content h1 {
	color: #33A357;
	font-size: 1.7em;
	font-family: Trebuchet Ms, Verdana;
	padding: 10px 10px 0;
}
	#content .post {
		padding: 20px 10px;
		font-size: 0.9em;
	}
		#content .post h2 {
			color: #4076A5;
			font-size: 1.6em;
			font-family: Trebuchet Ms, Verdana;
			letter-spacing: 1px;
			padding-bottom: 20px;
		}
		#content .post h2 a {
			text-decoration: none;
		}
		#content .post h2 a:hover {
			color: #80ad75;
			text-decoration: underline;
		}
		#content .post h3 {
			background: url(images/tick.gif) no-repeat;			
			color: #4076A5;
			font-size: 1.7em;
			font-family: Trebuchet Ms, Verdana;
			letter-spacing: 1px;
			padding-bottom: 20px;
			padding-left: 20px;
		}
		#content .post h3 a {
                        color: #3e76a4;
		}
		#content .post h3 a:hover {
			color: #80ad75;
		}
		#content .post .l {
			float: left;
			font-size: 0.9em;
			color: #9E9E9E;
			padding-bottom: 10px;
		}
		#content .post .r {
			float: right;
			font-size: 0.9em;
			color: #9E9E9E;
			padding-bottom: 10px;
		}
		#content .post img {
			border: 1px solid #DDDDDD;
			padding: 4px;
			background-color: #F3F3F3;
		}
		.center {
			text-align: center;
		}
		#content .post p {
			margin-bottom: 10px;
			line-height: 1.4em;
		}
		#content .post .details {
			padding: 8px 0 20px;
			border-top: 1px dotted #B4B5B5;
			margin-top: 10px;
			height: auto;
			width: auto;
		}
		#content ul {
			list-style-image: url(images/bullet.gif);
		}

		#content .post .details {
			padding: 8px 0 20px;
			border-top: 1px dotted #B4B5B5;
			margin-top: 10px;
			height: auto;
			max-width: 700px;
		}
	#content .postnav {
		padding: 10px;
	}
	#content .postnav ul {
		list-style-type: none;
		border: 0;
	}
		#content .postnav ul li {
			float: left;
			border: 1px solid #cccccc;
			margin: 2px;
			font-size: 0.9em;
		}
		#content .postnav ul li a {
			display: block;
			border: 0 !important;
			padding: 5px;
		}
		#content .postnav ul li a:hover {
			background-color: #007AAA;
			color: #ffffff;
		}
		#content li.page_info {
			padding: 5px !important;
		}
                #content .postnav .l {
                        float: left;
                }
                #content .postnav .r {
                        float: right;
                }
/** END content **/

/** BEGIN lsidebar **/
#lsidebar {
	float: left;
	width: 177px;
	margin-left: -100%;
	background-color: #F0F0F0;
	padding-bottom: 20px;
}
	#lsidebar h2 {
		padding: 20px 10px 0px;
		font-size: 0.9em;
		text-transform: uppercase;
	}
	#lsidebar ul {
		list-style-type: none;
		padding: 5px 5px 0px 10px;
	}
		#lsidebar ul li {
			font-size: 0.9em;
			padding: 5px;

		}
		#lsidebar ul li a {
			color: #56608C;
			text-decoration: none;
		}
		#lsidebar ul li a:hover {
			text-decoration: underline;	
			color: #3E76A4;		
		}
		#lsidebar form {
			margin: 10px;		
		}
		#lsidebar form input {
			padding: 2px;
		}
/** END lsidebar **/

/** BEGIN rsidebar **/
#rsidebar {
	width: 263px;
	padding: 10px 0 20px 0;
	float: left;
	margin-left: -263px;  
}
	#rsidebar h2 {
		font-size: 0.9em;
		text-transform: uppercase;
		padding: 15px 0 0;
		clear: both;
	}
	#rsidebar p {
		padding: 5px 0 20px;
		margin-bottom: 10px;
	}
		#rsidebar p a {
			color: #3E76A4;
		}
                #rsidebar p a:hover {
                        color: #80ad75;
                }
		#rsidebar img {
			float: left;
			margin-bottom: 5px;
		}
		#rsidebar img.f {
			margin-right: 5px;
		}
	#rsidebar ul {
		list-style-type: none;
		padding-bottom: 20px;
	}
		#rsidebar ul li {
			font-size: 0.9em;
			border-bottom: 1px dotted #B4B5B5;
			padding: 5px 0;
		}
		#rsidebar ul li a {
			color: #333333;
		}
		#rsidebar ul li a:hover {
			color: #007AAA;
		}
	#rsidebar form {
		margin: 0px;
		padding: 0px;		
	}
	#rsidebar form input {
		padding: 2px;
	}
	#projects {
		padding-top: 10px;
	}
		#projects li {
			
		}
		#projects li p {
			margin: 0;
			padding: 10px 0 5px;
		}
		#projects li a {
			color: #007AAA !important;
		}
/** END rsidebar **/

/** BEGIN footer **/
#footer {
	clear:  both;
	width: 100%;
	background-color: #2C2C2C;
	color: #9E9E9E;
	line-height: 1.8em;
	font-size: 0.9em;
}
	#footer div {
		text-align: left;
		padding: 20px 20px 0 20px;
	}
	#footer .l {
		float: left;
	}
	#footer .r {
		float: right;
	}
	#footer a {
		color: #ffffff;
	}
/** END footer **/

/** BEGIN miscellaneous **/
#content .post ul {
	margin: 0 0 10px 18px;
}
#content .post ol {
	margin: 0 0 10px 20px;
}
	#content .post li {
		padding: 2px 0;
		line-height: 1.4em;
	}
	#content .post h3 {
		margin-bottom: 5px;
		font-size: 1.4em;
	}
	#content .post blockquote {
		padding: 20px 20px 10px;
		margin: 10px 0;
		background-color: #f3f3f3;
		border-width: 1px 0;
		border-color: #dddddd;
		border-style: solid;
		color: #222222;
		line-height: 1.4em;
	}
#comments {
	padding: 0 10px 20px;
	font-size: 0.9em;
}
	#comments h2 {
		margin: 10px 0;
		font-size: 1.5em;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		color: #9e9e9e;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
	#respond {
		padding-top: 20px;
	}
	.comment1 {
		border: 1px solid #cccccc;
		padding: 10px;
		margin-bottom: 10px;
	}
	.commentdetails {
		float: left;
	}
	.gravatar {
		float: right;
	}
	h2.title {
		padding: 20px 10px 0;
		font-size: 0.8em;
		font-weight: normal;
		text-transform: uppercase;
		color: #909090;
	}

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
} 

/** END miscellaneous **/