/*
Theme Name: ClearSight Design Custom Theme
Theme URI: http://www.clearsightdesign.com/
Description: Custom theme by ClearSight Design
Version: 1.0
Author: Jamon Holmgren
Tags: custom
*/

/* old bg color = #383512   current bg color = #625C20  */

/************************************ SITE-WIDE ITEMS **********************************/
html {
	height:100%;
	margin-bottom:1px;
	font-size:62.5%;
}
.clearboth {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
#noscriptbar, #oldbrowserbar {
	width:100%;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #CC0000;
	background-color: #FAFBCA;	
	padding:.5em 0;
}

/************************************ GENERAL TYPOGRAPHY ***********************************/
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:1.4em;
	margin-top:2px;
}
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1em; }
a {
	color:#000000;
}
a img {
	border:none;
}

/****************************************** MAIN ELEMENTS **********************************/
#main {
	position:relative;
}

/******************************* OTHER ELEMENTS ********************************************/
/* 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 2px 12px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 12px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-style:italic;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Custom */
/* Non page-specific css */
html {
	height:100.02%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #625C20;
	margin: 0px;
	padding: 0px;
	height:100%;
}
/* Main frame ----------------------------------- */
#main {
	position:relative;
	width:100%;
	min-height:100%;
	/*background-image:  url("/wordpress/wp-content/themes/CSDcustom/gfx/back.png");*/
	margin-top: 0px;
	margin-right: 0px;;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
/* Title (top) bar ----------------------------- */
#overtitlebar {
	width:100%;
	height:88px;
	padding:0px;
	margin:0px;
	background-color: #DFDBBE;
}
#titlebar {
	width:950px;
	height:88px;
	background-image: url(/wordpress/wp-content/themes/CSDcustom/gfx/title_rosewood.jpg);
	background-repeat: no-repeat;
	background-position: 6px center;
	clear:both;
	padding:0px;
	margin:0px auto 0px auto;
	/* background-color: #DFDBBE; */
}
#blueprint {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
}
/* End title ----------------------------------- */

/* Navigation -------------------------------- */
#overmenubar {
	width:100%;
	height:30px;
	padding:0px;
	margin:0px;
}
#menubar {
	width:932px;
	height:20px;
	clear:both;
	padding:6px;
	margin:0px auto 0px auto;
}
#navlist {
	font-size:12px;
	list-style:none;
	padding: 0px;
	margin: 0px;
	text-transform:uppercase;
	height:20px;
}
#navlist li {
	display:inline-block;
	padding:2px 20px 2px 0;
	margin:0px;
	height:20px;
	white-space:nowrap;
	position:relative;
	bottom:2px;
}
#navlist li.menu_phone {
	width:140px;
	padding:0;
	bottom:1px;
}
#navlist li {
	color: #DFDBBE;
	text-decoration:none;
}
#navlist li a:visited, #navlist li a:link {
	color: #DFDBBE;
	text-decoration:none;
	height:20px;
}
#navlist li a:hover {
	color: #F0EEE1;
}
li.current_page_item {
	font-weight:bold;
}
#navlist li.separator {
	color: #DFDBBE;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#subnav {
	font-size:14px;
	line-height:1.6;
	float:left;
	width:200px;
	height:100%;
	padding:10px;
	color: #DFDBBE;
}
#subnav a:visited, #subnav a:link {
	color: #DFDBBE;
}
/* End Navigation ---------------------------- */

/* Content ------------------------------------- */
#overcontentbar {
	color: #DFDBBE;
	width:100%;
	height:auto;
}
#oversplashbar, #oversplashbar-blog {
	width:100%;
	height:380px;
	background-color:#000000;
	margin:0px;
	padding:0px;
}
#splashbar, #splashbar-blog {
	width:950px;
	height:350px;
	padding:10px 0px 10px 0px;
	margin:0px auto 0px auto;
}
#oversplashbar-blog {
	height:50px;
}
#splashbar-blog {
	height:30px;
}
#splashbar-blog h1 {
	color:#FFCB57;
	margin:0;
	height:30px;
	line-height:30px;
}
#splashpic {
	float:left;
	width:640px;
	height:340px;
	padding:5px;
	margin:5px;
	background-color: #625C20;
	text-align:center;
}
#sideblurb {
	font-size:14px;
	line-height:1.6;
	float:right;
	width:280px;
	height:300px;
	padding:10px 10px 10px 0;
}
#sideblurb a:visited, #sideblurb a:link {
	font-size:16px;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
	color: #DFDBBE;
}
.sidequote {
	width:180px;
	height:150px;
	overflow:visible;
	margin:80px 0 0 30px;
	background-image: url(/wordpress/wp-content/themes/CSDcustom/gfx/quote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px;
}

/* Text info area */
#content {
	color: #DFDBBE;
	font-size: 14px;
	width:950px;
	height:auto;
	margin:0px auto 0px auto;
	line-height:1.5;
}
#textpic {
	padding: 5px;
	margin: 5px 0px 5px 0px;
	float:left;
	background-color: #000000;
}
.entry {
	width: 650px;
	height: auto;
	margin: 10px;
	float:right;
}
.entry h1 {
	font-size: 16px;
	font-weight:bold;
}
.entry a:link, .entry a:visited {
	color: #DFDBBE;
}
#testimonialbox {
	font-size:14px;
	font-weight:bold;
	width:600px;
	height:auto;
	margin:15px auto 15px auto;
	padding:15px;
	height: auto;
	clear:both;
	background-color: #E0DBBE;
	color: #423F16;
}
/* Gallery */
#gallery_nhinteriors {
	display:block;
}
#gallery_nhexteriors, #gallery_beforeafter, #gallery_cottages {
	display:none;
}
/* End gallery */

/* Contact form */
input, textarea {
	background-color: #E0DBBE;
	color:#625C20;
}
input:focus, textarea:focus {
	background-color: #BFB67D;
	color: #000000;
}
/* End contact form */

/* Design process */
.entry dl dt {
	font-weight:bold;
	line-height:2;
}
.entry dl dd {
}
/* End design process */
/* End content ------------------------------- */

.bookend {
	width:800px;
	height: 30px;
	clear:both;
}

/* Footer navigation ------------------------- */
#overfooterbar {
	width:100%;
	height:30px;
	padding:0px;
	background-color: #DFDBBE;
	position:absolute;
	bottom:0px;
}
#footerbar {
	color: #423F16;
	width:938px;
	height:18px;
	padding:6px;
	clear:both;
	margin:0px auto 0px auto;
}
#legallist {
	font-size:12px;
	list-style:none;
	padding: 0px;
	margin: 0px;
	color: #423F16;
	float:right;
}
#legallist li {
	display:inline;
	padding:0px;
	margin:0px;
}
#legallist li, #legallist li a:visited, #legallist li a:link, #legallist li a:visited {
	color: #423F16;
	text-decoration:none;
}
#legallist li a:hover {
	color: #80792B;
}
#legallist li.separator {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #4E3A22;
}

.menu_phone {
  font-size:16px;
  font-weight:600;
	z-index:20;
}

#copyright {
	float:left;
}
/* End footer nav ---------------------------- */

#subnav a.post-edit-link:link, #subnav a.post-edit-link:visited {
	padding:4px 8px;
	margin:0;
	text-align:center;
	color: #423F16;
	background-color: #DFDBBE;
	border: 1px solid #423F16;
	text-decoration:none;
	border-radius:15px;
	-moz-border-radius:15px;
}
div.thumbcategory {
	width:100%;
	height:100%;
}
div.splash_gallery_thumb {
	display:block;
	margin:0 4px 2px 4px;
	float:left;
}
div.splash_gallery_thumb:hover {
	cursor:pointer;
}
.preload {
	display:none;
}
.splash_gallery_category {
	text-decoration:underline;
}
.splash_gallery_category:hover {
	cursor:pointer;
}
#blogpost {
	background-color: #F3F2E9;
	color: #625C20;
	padding:20px;
	width:450px;
	float:left;
	margin:10px 0 0 0;
	min-height:40em;
}
#blogpost div.entry {
	width:450px;
}
#blogpost a:link, #blogpost a:visited {
	color: #625C20;
}
#blogpost h1, #blogpost h2, #blogpost h3 {
	font-size:18px;
	font-weight:normal;
}
#blogsidebar a:link, #blogsidebar a:visited {
	color:#F3F2E9;
}
#blogsidebar {
	float:right;
	width:220px;
	padding:10px;
}
#blogsidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#blogsidebar h2, #subnav h2 {
	font-size:16px;
	border-bottom: 1px solid #ADA769;
}
#blogsidebar ul, #subnav ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
}
#blogsidebar ul li, #subnav ul li {
	margin:0;
	padding:0;
}
#blogsidebar ul li a, #subnav ul li a {
	text-decoration:none;
	display:inline-block;
	padding:4px 0;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #797442;
}