/*  
Theme Name: Walsh Door
Theme URI: 
Description: The theme for Walsh Door & Hardware.
Version: 1.0
Author: Josh Byers
Author URI: http://redlettersstudio.com/
*/

/* Reset */
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,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}body{line-height:1}ol,ul{list-style-type:none;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/* Begin Typography & Colors */
body {
	font-family: "Georgia", "Times New Roman", Times, serif;
	background: #fff url(images/bg_body.jpg) top center no-repeat;
	color: #5a5a5a;
	text-align: center;
	font-size:1em;
	}

#container {
	text-align: left;
	}

#header {

	} 

.nav_menu {
	font-size: 1.3em}
	
	.nav_menu ul li a, .nav_menuv ul li a:visited { 
					color: #8c5e3a;
					text-decoration: none !important; }
		
				.nav_menu ul li a:hover, 
				.nav_menu ul li a.current:hover { 
					color: #01567b !important; 
					text-decoration: none !important; }
				
				.nav_menu ul li a.current{
					color: #01567b !important;
					text-decoration: none !important;}

#content {
	font-size: .9em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

#footer { 
	border: none;
	}

small {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: "Times New Roman", Times, serif;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 2.6em;
	}

#sidebar h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	}

h3 {
	font-size: 1.3em;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #00567b;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

#sidebar {
	font: 1em "Times New Roman", Times, serif;
	}
	
	#sidebar p {
		line-height:1.1em;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}


acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #8c5e3a;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}

hr {
	background-image:url(images/bg_hr.png) no-repeat;
	height:2px;}

div.hr {
	background:url(images/bg_hr.png) no-repeat center;
	height:10px;
	clear:both;}
	
	div.hr hr{
		display:none;}

p {
	margin-bottom:10px;}

/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 auto
	padding: 0; 
	}

#container {
	padding: 0 20px 5px;
	width: 920px;
	margin:0 auto;
	background:#eee8d8 url(images/bg_container.jpg) repeat-x;
	}

#header {
	margin: 0 auto; 
	padding: 0 20px; 
	width:920px;
	height: 148px;
	background:#e9e1cd url(images/bg_header.jpg) no-repeat;}
	
	.nav_menu {
		float:right;
		margin-top:32px;
		margin-left:86px;}
	
	.nav_menu ul {
		margin:0;
		padding:0;}
		
		.nav_menu li {
			float:right;
			padding-left:22px;}


#content {
	padding:0;
	margin:0;
	width: 680px;
	float:left;}

#content_wide {
	padding:0;
	margin:0;
	width: 920px;
	float:right;}

#gallery {
	padding:0;
	margin:0;
	width: 920px;
	min-height:400px;}
	
	#page_picture {
		float:left;
		margin-right:10px;}
	
	#company_logos {
		float:left;
		margin-left:90px;}
	
	.content_left {
		float:left;
		width:920px;
		padding-top:0;
		background:#e9e1ce url(images/bg_content_left.jpg) no-repeat;}
	
	.content_right {
		float:right;
		width:330px;
		margin:0 0 0 20px;
		padding-top:200px;
		background:#e9e1ce url(images/bg_content_right.jpg) no-repeat;}
	
.content_bottom {
		float:left;
		margin-top:40px;
		width:920px;
		text-align:center;}

.content_bottom h2 {
	margin:10px 0 10px 0;}
		
		#install_preview{
			position:absolute;
			border:1px solid #ccc;
			background:#333;
			padding:5px;
			display:none;
			color:#fff;}
	
	.bot_product_menu {
		text-align:center;
		margin:0 auto;
		width:920px;}
		
		.bot_product_menu ul{
			margin:0;
			padding:0;}
		
		.bot_product_menu li{
			margin:0;
			float:left;
			text-align:center;
			font-size:.9em;
			width:131px;}
			
				.bot_product_menu h3 {
					font-size:1em;
					margin-bottom:10px;}
					
			.recent_projects li {
				border:1px solid #CFCBC0;
				background:#F4F1E9;
				padding:10px;
				text-align:center;
				width:215px;
				float:left;
				margin:20px;
				display:inline;}
			
				.recent_projects img {
					margin-bottom:10px;}

.doors p {
	margin:20px;
	padding-top:30px;
	font-size:1.5em;}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.content .post {
	margin: 0;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.content .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.content .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	height:10px;
	clear: both;
	background:#eee8d8 url(images/bg_footer.jpg) no-repeat bottom;
	}

#footer_text {
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	width:900px;}
	
	.footer_menu{
		clear:both;
		color:#8C5E3A;
		font-size:.9em;}
		
		.footer_menu a, footer_menu a:visited {
			text-decoration:none;}
		
		.footer_menu a:hover, footer_menu a:active {
			text-decoration:underline;}
	
	.fblock {
		float:left;
		text-align:left;
		font-size:.8em;
		color:#8C5E3A;
		margin:10px 20px 0 0;
		width:200px;
		line-height:15px;}
		
		p.first {
			margin-left:215px !important;}
/* End Structure */



/*	Begin Headers */
h1 {
	margin: 0;
	}

h2 {
	margin:0;
	}

h2.pagetitle {
	margin-top:0;
	background:transparent url(images/bg_hr.png) no-repeat right bottom;
	padding-bottom:5px;
	margin-bottom:15px;

}

#sidebar h2 {
	background:transparent url(images/bg_hr.png) no-repeat center bottom;
	margin:0pt 0pt 5px;
	padding:0pt 0pt 5px
	}

h3 {
	padding: 0;
	margin:0;
	}

h3.product_title {
	padding-bottom:10px;
	color:#5a5a5a;
	margin:20px 0;
	background:transparent url(images/bg_hr.png) no-repeat right bottom;}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 20px;
	display: inline;
	border:1px solid #8c5e3c;
	}

img.alignleft {
	padding: 4px;
	margin: 0 20px 10px 0;
	display: inline;
	border:1px solid #8c5e3c;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left}
	
img.left {
	float:left;
	margin: 0 10px 40px 0;}

img.styled {
	border:1px solid #CFCBC0;
	background:#F4F1E9;
	padding:10px;
	float:left;
	margin:0 20px 20px 0;}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */



.entry ul {
	list-style: none;
	list-style-type:disc;
	} 

.entry li {
	margin: 7px 0 8px -24px;}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

.green_capabilities {
	float: right;
	width:193px;
	height: 24px;
	margin-top: 14px;}

/* Begin Form Elements */

.search_form {
	float:right;
	width:200px;
	margin-top:6px;
	clear: both;}

#searchform {
	padding-left:10px;
	}

	
	#searchform #s {
		background:url(images/bg_search_input.png) no-repeat;
		float:left;
		border:medium none;
		width:152px;
		height:20px;
		padding:3px 0 0 5px;
		color: #8c5e3c;}



.search_submit {
	float:right;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

/* End Form Elements */


/* Begin Sidebar */
#sidebar
{
	padding:0;
	margin:20px 0 0 20px;
	width: 220px;
	float:right;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

p {
	line-height:1.4em;}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */
/* End Various Tags & Classes*/