/* 
Theme Name: Portfolio
Theme URL: 
Description: A Portfolio Theme
Author: John Buchmann
*/
#faux {
	background:transparent url(images/faux.png) repeat-y 0 0;
	margin-bottom:0;
	overflow:hidden;

	
/*Paul O Brien Fix for IE www.pmob.co.uk */
	width:100%;
}

#wrapper {
	margin:0 auto;
	width:960px;
	position:relative;
	z-index:1000;
}


	
/* ################## Basic text, heading, text styles ####################### */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:67.5%;
	background:black url(images/header.jpg) repeat-x center 0;
	color:#333;
}

h1,h2,h3,h4,h5,h6 {
	/* font-family:Georgia, "Times New Roman", serif; */
	margin-bottom:.4em;
	color:#362B33;
	line-height:1.2em;
	font-weight:bold;
}

h1 {
	font-size:2.5em;
	letter-spacing:-1px;
}

h2 {
	font-size:2.5em;
	line-height:1.1em;
	letter-spacing:-1px;
}

h3 {
	font-size:1.7em;
}

h3.homepage_title {
	font-size:1.2em;
	/* text-transform:uppercase; */
}

h4 {
	font-size:1.5em;
}

h5 {
	font-size:1.3em;
}

h6 {
	font-size:1.1em;
}

p,dl,pre,code {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:15px;
}

hr {
	border-bottom:solid 1px #AAA;
	border-left:none;
	border-right:none;
	border-top:none;
	margin-bottom:1em;
}

.clear {
	clear:both;
	background:none;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

small {
	font-size:1em;
	display:block;
	margin-bottom:1.7em;
	margin-top:-4px;
	line-height:1.2em;
}

small span {
	background:#E4E4E4;
	padding:2px 5px;
	text-transform:uppercase;
	margin-top:3px;
}

div.post small span a {
	border:none;
}

small a:link,small a:visited {
	font-style:normal;
}

a.comments-link {
	padding-left:15px;
	background:transparent url(images/comments.gif) no-repeat center left;
}

div.post a {
	border-color:#464646;
	border-style:dotted;
	border-left-width:0;
	border-bottom-width:1px;
	border-right-width:0;
	border-top-width:0;
	color:#5d3b58;
}

div.socials a {
	border:none;
}

form button {
	background:#898389;
	border:1px solid #d8d6d8;
	color:white;
	font-weight:bold;
	padding:3px;
}

a:link,a:visited {
	text-decoration:none;
	color:#333;
}

a:hover {
	text-decoration:underline;
}

a.button {
	float:right;
	display:block;
	color:black!important;
	font-weight:bold;
	background:#b0acb0;
	height:2em;
	width:10em;
	line-height:2em;
	text-align:center;
	border:1px solid #d8d6d8;
}

a.button:hover,a.comment-reply-link:hover {
	background:#A09CA0;
	text-decoration:none;
}

a.comment-reply-link {
	font-size:.9em;
	padding-top:2px;
	padding-bottom:2px;
	display:block;
	color:white;
	background:#898389;
	height:1.5em;
	width:5em;
	line-height:1.5em;
	text-align:center;
	border:1px solid #d8d6d8;
}

.twitter-timestamp {
	color:#555;
	font-size:87%;
}


	
/******Google Forms*******/
.ss-required-asterisk {
	color:red;
}

label {
	font-size:12px;
}

iframe {
	background-color:#FFF;
}


	
/* #################### Post Date Box #########################  */
p.post-date {
	background:transparent url(images/datebox.gif) repeat-x 0 0;
/* 	font-family:"Lucida Sans Unicode", "Lucida Grande", Georgia, "Times New Roman", serif; */
	color:white;
	font-size:2.3em;
	height:61px;
	left:0;
	line-height:45%;
	padding:12px 0 5px;
	text-align:center;
	text-transform:uppercase;
	width:53px;
	float:left;
	margin-right:25px;
	margin-bottom:0;
	margin-top:4px;
	font-weight: 300
}

p.post-date span {
	font-size:1.5em;
	line-height:131%;
	letter-spacing:-3px;
	font-weight: 700;
}

.blogimage,#portfolio_single {
	margin-bottom:20px;
	margin-top:10px;
}

.archiveimage {
	margin-left:-25px;
}


	
/* ####################### Header ############################# */
#header {
	position:relative;
	z-index:2;

	
/* this is so dropdown menu will go on TOP of content div */
}

#header .inner {
	position:relative;
	height:155px;
}

#header .inner h1 a {
	text-indent:-9999px;
	display:block;
	height:inherit;
}

#header .inner p {
	position:relative;
	top:-9999px;
}

#header .inner h1 {
	width:600px;
	height:155px;
	background:
	
/* see style inside Head tag of header.php.  Must be there for support of inline php */
;
	position:relative;
	z-index:100;
}


	
/* ##################### SEARCH FORM ########################## */
#search_box {
	width:310px;
	height:30px;
	background:white;
}

#search_box input#s {
	float:left;
	margin:6px 0 0 6px;
	border:0;
	width:255px;
	color:#333333;
	background:transparent;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	opacity:0.75;
}

#search_box #go {
	float:right;
	margin:5px 6px 0 0;
}


	
/* ######################### MENU BAR ############################ */

	
/* see menubar.css file */

	
/* ######################## RSS BUTTON ########################### */
#rss {
	width:83px;
	height:64px;
	background:transparent url(images/rss.png) no-repeat left top;
	position:absolute;
	top:91px;
	right:50px;
	z-index:100;
	display:none;
}

#rss:hover {
	background-position:left bottom;
}

#rss a {
	text-indent:-9999px;
	display:block;
	height:inherit;
}

.trans {
	display:none;
}


	
/* ##################### Main Content area ########################## */
#content {
	float:left;
	width:600px;
	display:inline;
	position:relative;
	overflow:hidden;
	z-index:1;
}

#content .inner {
	padding:25px;
	overflow:hidden;
}

#content .single {
	background:#f5f5f5 url(images/post_bg.png) repeat-x left bottom;
	padding:25px;
	margin-bottom:20px;
	overflow:auto;
}

#content ul {
	margin-bottom:1.5em;
	list-style-type:square;
	margin-left:2em;
}

#content li {
	font-size:14px;
	line-height:1.7em;
}

#content ol {
	list-style-type:decimal;
	margin-left:2em;
}

#content blockquote {
	margin-left:4em;
	padding-left:1em;
	padding-right:2em;
	border-left:5px solid #dfe1d3;
}

#content dl dt {
	font-weight:bold;
}

#content dl dd {
	margin-left:1em;
}

#content img.alignright {
	float:right;
	padding:10px 0 10px 10px;
}

#content img.alignleft {
	float:left;
	padding:10px 10px 10px 0;
}

#breadcrumbs {
	margin-bottom:20px;
	color:#3e423a;
	font-size:1.2em;
}

#breadcrumbs a:link,#breadcrumbs a:visited {
	text-decoration:underline;
}

.item_container {
	clear:both;
	margin-top:20px;
	margin-bottom:30px;
	padding:25px;
	background:#f5f5f5 url(images/post_bg.png) repeat-x left bottom;
}

.item_container img {
	float:left;
	margin:0 25px 10px 0;
	padding:3px;
	border:1px solid #D8D6D8;
}

.item_container h3 {
	margin-top:-5px;
	margin-bottom:10px;
}

.item_container p {
	display:inline;
}

.item_container .readmore {
	font-weight:bold;
	white-space:nowrap;
	margin-left:1em;
}

#stickypost,#commentsform {
	overflow:hidden;
	padding:25px;
	background:#ecebed;
	border:1px solid #b0acb0;
	clear:both;
}

#stickypost {
	padding-top:20px;
}

#stickypost small span {
	background:#d5d5d5;
}


	
/* crop blog image if it is wider than 500px */
.blogimage {
	width:500px;
	overflow:hidden;
}

#posts_navigation {
/* 	font-family:Georgia, "Times New Roman", serif; */
	font-size:1.4em;
	color:black;
}

#nextlink {
	float:left;
}

#previouslink {
	float:right;
}


	
/* ##################### SIDEBAR ######################### */
#sidebar {
	display:inline;
	width:360px;
	float:right;
	overflow:hidden;
	position:relative;
}

#sidebar .inner {
	padding:10px 25px 25px;
}

#sidebar a:link,#sidebar a:visited,#sidebar li {
	color:#b0acb0;
}

#sidebar a:hover {
	color:white;
	text-decoration:none;
}

#sidebar li {
	line-height:1.9em;
	font-size:1.1em;
}

#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar_h5 {
	color:white;
/* 	font-family:Georgia, Times, serif; */
}

#sidebar h4 {
	padding-top:20px;
}

#sidebar p {
	color:#b0acb0;
	margin-top:20px;
	font-size:1.1em;
}

#sidebar li#Intro {
	margin-top:20px;
}

#sidebar #Intro p,#sidebar #aboutme p {
	line-height:1.45em;
	padding-right:15px;
}

#sidebar #aboutme,#sidebar #categories,#sidebar #featured,#sidebar #archives,#sidebar #recentblogposts,#sidebar #recentblogcomments,#sidebar #featuredblogposts,#sidebar #bookmarks,#sidebar #tagcloud,.widget {
	padding:10px 10px 25px 25px;
	margin-bottom:55px;
	margin-top:46px;
	background:#282828;
	border-top:1px solid #615961;
}

.textwidget {
	font-size:inherit;
}

#sidebar h3 {
	margin-top:-30px;
}

#sidebar #aboutme img,#sidebar #featured img {
	float:left;
	margin-right:18px;
	margin-top:15px;
	margin-bottom:5px;
	padding:3px;
	border:1px solid #B0ACB0;
}

#sidebar #featured {
	margin-bottom:20px;
	height:120px;
}

#sidebar ul {
	margin-top:20px;
}

.feed {
	margin-left:3px;
	padding:1px 0 0 19px;
	background:url(images/feed-icon-14x14.png) no-repeat 0 50%;
	color:white;
}


	
/* THREADED COMMENTS */
#content ul.commentlist {
	margin-left:0;
	margin-bottom:25px;
	padding:20px;
	padding-top:0;
	background:#858585 url(images/commentsbackground.jpg) repeat-x 0 0;
	border:1px solid #DCDDDD;
	border-right:none;
	list-style-type:none;
}

#content .commentlist ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#content .commentlist .depth-1 > div,#content .commentlist .trackback > div,#content .commentlist .pingback > div {
	background:#F2F2F2 url(images/itemcontainerbackground.jpg) repeat-x scroll 0 0;
}

#content .commentlist p,#content .commentlist a,code {
	font-size:13px;
}

#content .commentlist cite {
	font-size:20px;
}

#content .commentlist .commentmetadata {
	font-size:11px;
	background:#d5d5d5;
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	margin-top:3px;
	margin-bottom:5px;
}

#content .commentlist h3 {
	font-size:17px;
}

.commentlist .comment {
	list-style-type:none;
}

.commentlist .comment > div,.commentlist .trackback > div,.commentlist .pingback > div {
	border:1px solid black;
	padding:20px;
	margin-top:20px;
	background:white;
	border:1px solid #D3D5D5;
}

.commentlist .children li > div {
	background:#F2F2F2 url(images/itemcontainerbackground.jpg) repeat-x scroll 0 0;
	border:1px solid #D3D5D5;
}

.commentlist .children {
	border-left:1px solid #CED0D0;
}

.commentlist .children li {
	padding-left:25px;
	background:transparent url(images/comment_li_bg.gif) no-repeat scroll 0 25px;
}

img.avatar {
	padding:3px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
	border:1px solid #b0acb0;
}


	
/* ############### Social Links ################  */
.socials {
	font-size:10px;
	font-weight:bold;
	margin-top:15px;
	padding:5px 5px 5px 10px;
	width:100%;
}

.socials a {
	margin-right:10px;
}

.btn_delicious {
	background:url(images/delicious.gif) left no-repeat;
	padding-left:15px;
}

.btn_digg {
	background:url(images/digg.gif) left no-repeat;
	padding-left:15px;
}

.btn_reddit {
	background:url(images/reddit.gif) left no-repeat;
	padding-left:15px;
}

.btn_technorati {
	background:url(images/technorati.gif) left no-repeat;
	padding-left:15px;
}

.btn_furl {
	background:url(images/furl.gif) left no-repeat;
	padding-left:15px;
}


	
/* ############### OPTIONAL CONTACT FORM ###############  */
.wpcf7-form textarea {
	width:550px;
}


	
/* ################ Footer ##################  */
#footer {
	margin:0 auto;
	width:100%;
	clear:both;
	background:transparent url(images/footer.jpg) repeat-x 0 0;
	font-size:1.3em;
	text-transform:uppercase;
	color:white;
	position:relative;
	z-index:100;
	top:-126px;
	height:257px;
}

#footer .inner {
	height:63px;
	padding:120px 30px;
	width:960px;
	margin:0 auto;
}

#footer ul li {
	float:left;
	padding-left:20px;
}

#footer #copyright {
	float:left;
	margin-top:20px;
}

#footer #copyright p {
	color:white;
	font-size:.8em;
}

#footer #footermenu {
	float:right;
	margin-top:20px;
}

#footer a:link,#footer a:visited {
	color:white;
	text-shadow:2px 2px 2px black;
}


	
/*Wordpress Image Alignment*****/
.alignleft {
	float:left;
	padding-right:10px;
}

.alignright {
	float:right;
	padding-left:10px;
}

.wp-caption-text {
	font-size:95%;
	text-align:center;
	padding-top:10px;
}