/*  
Theme Name: OHD
Theme URI: http://www.originalhomedesigns.com
Description: A Finely Designed Theme
Version: 2.0
Author: Steve Hatcher
Author URI: http://www.axemedia.com/
*/

* {margin:0;padding:0}

body {
	margin: 0; padding: 0;
	font-size: 80%; font-family: Georgia, georgia, "Times New Roman", Times, serif;
	background: #F4EEC8;height:100%;
	color: #636350; width: 100%; line-height:1.3em;
}

img, a{ border:none; text-decoration: none;}

a:link {color: #8A6214; text-decoration: none;}
a:visited {color: #8A6214; text-decoration: none;}
a:hover {color: #4D4A39; text-decoration: underline;}
a:active {color: #8A6214; text-decoration: none;}

h1 {color:#8A6214;font-size:1.55em;font-weight:bold;margin:0 0 10px 0;line-height:1.1em;}
h2 {color:#8A6214;font-size:1.15em;font-weight:normal;margin:10px 0 10px 0;line-height:1.1em;}

#screen {width:100%}

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#head {background-color:#000;z-index: 10;}

#head .logo {margin:0 auto;width:774px;}


/* ---------- Navigation Menu -------- */
#navigation {
	position: relative;
	height: 43px;
	background-color: #A19B77;
	color: #fff;
	text-align: left;
	font-size:11pt;
	border-top:4px solid #4D4A39;z-index: 20;
}

#menu {width:785px;margin: 0 auto;z-index: 30;}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;z-index: 40;
}

#nav a {
	display: block;color:#4D4A39;
}

#nav a:hover {color:#DBD9CA;}

#nav li {
	float: left;
}

#nav li.home a{
	height:43px;
	background:url('images/home.jpg') no-repeat;
	width:67px;margin-right:15px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:30px; /* for IE5/Win only */
}
#nav li.home a:hover{background-position: 0 -43px;}

#nav li.services a.parent{
	height:43px;
	background:url('images/services.jpg') no-repeat;
	width:87px;margin-right:15px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:30px; /* for IE5/Win only */
}
#nav li.services a.parent:hover{background-position: 0 -43px;}

#nav li.portfolio a.parent{
	height:43px;
	background:url('images/portfolio.jpg') no-repeat;
	width:92px;margin-right:15px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:30px; /* for IE5/Win only */
}
#nav li.portfolio a.parent:hover{background-position: 0 -43px;}

#nav li.profile a{
	height:43px;
	background:url('images/designer.jpg') no-repeat;
	width:143px;margin-right:15px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:30px; /* for IE5/Win only */
}
#nav li.profile a:hover{background-position: 0 -43px;}

#nav li.resources a.parent{
	height:43px;
	background:url('images/resources.jpg') no-repeat;
	width:103px;margin-right:56px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:30px; /* for IE5/Win only */
}
#nav li.resources a.parent:hover{background-position: 0 -43px;}

#nav li.contact a{
	height:43px;
	background:url('images/contact.jpg') no-repeat;
	width:133px;
	padding: 40px 0 0 0;overflow: hidden;height: 0px !important; height /**/:30px; /* for IE5/Win only */
}
#nav li.contact a:hover{background-position: 0 -43px;}


#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

/* ---------- 2nd Level nav styles here -------- */

#nav li.child a {line-height:1.2em;padding-left:8px;padding-bottom:5px;width:250px;z-index: 50;}
#nav ul.sub {margin-top:0;border:1px solid #4D4A39;width:250px;background-color:#A19B77;}

#nav li ul ul {
	margin: -1em 0 0 10em;
	background-color:#2699EA;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


/* ---------- content area styles -------- */


#container {background: #F4EEC8 url('images/bg-design.gif') repeat-x;margin:0;padding:0;overflow:hidden;}

#content {width:785px;margin:0 auto;}
.main {width:595px;margin:0 0 0 5px;padding:0 0 1px 0;float:left;font-size:1.15em;}

#content .main .entry {margin:0 30px 30px 0;padding:40px 0 20px 0;clear:left;}
#content .main .entry p {line-height:1.3em;margin-bottom:10px;margin-top:10px;}

#content .main .entry h1 {color:#8A6214;font-size:1.55em;font-weight:bold;margin:0 0 10px 0;line-height:1.1em;}
#content .main .entry h2 {color:#8A6214;font-size:1.20em;font-weight:normal;margin:20px 0 15px 0;line-height:1.1em;}
#content .main .entry h3 {font-size:1.15em;font-weight:normal;margin:10px 0 5px 0;line-height:1.1em;}
#content .main .entry h3.bc {color:#8A6214;font-size:1.10em;font-weight:normal;margin:-5px 0 15px 0;line-height:1.1em;}

#content .main .entry ul {list-style:square;margin-left:25px;margin-bottom:15px;}
#content .main .entry li {line-height:1.3em}

table {border:1px solid #C5BFA1; padding:0;margin:0;width:100%;font-size:0.80em;border-collapse:collapse;}
tr {margin:0;padding:0}
td {border:1px solid #C5BFA1; padding:3px;}
td.options {text-align:center;}
td.services {width:300px;}
td.residential {width:150px;}
td.commercial {width:100px;}

ul.list li {list-style:decimal;}
ul.list2 li {list-style:disc;}
ul.list3 li {list-style:lower-roman;}

/* ---------Home Page Styles--------*/

#home-page {margin:10px 0 0 0;}

#home-box {height:230px; background-color:#C5BFA1;margin:45px 30px 20px 0;padding:10px;}
.home-three img {border: 3px solid #C5BFA1;}

.home-three {
	margin-top: 10px;
	margin-bottom: 0;
	width: 175px;
	float: left;
	font-size: 0.75em;
	padding-left: 0;
	padding-right: 20px;
}

.home-three h2 {font-size:1.5em;margin:10px 0 10px 0;}

/*------sidebar-------*/
.side {float:right;width:150px;margin:35px 0 0 0;padding:5px;}

.side h3 {color:#8A6214;font-size:1.7em;font-weight:normal;margin:0 0 5px 0;line-height:1.1em;}
.side h4 {color:#8D774D;font-size:1.25em;font-weight:normal;margin:5px 0 30px 0;padding-top:5px;line-height:1.1em;border-top:1px solid #C5BFA1;width:100px;}
.side h5 {color:#8A6214;font-size:1.0em;font-weight:bold;margin:5px 0 15px 0;line-height:1.1em;}

.side img {margin:25px 0 35px 0;}
.side  a:hover img.cont {background:url('images/contact-button2.gif') no-repeat;z-index:1;}
.side p {margin-bottom:10px;}

.side ul {list-style:none;}
.side li {margin:5px 0 10px 0;}
.side li a, p a {color:#8D774D;}

#credo {width:785px;margin-left:auto;margin-right:auto;margin-top: 50px;margin-bottom:20px;padding:5px 0 1px 0;border-top:1px solid #C5BFA1;position:relative;
		font-size:0.85em;line-height:3.5em;clear:both;}
#credo p {overflow:visible;}
#credo img {margin-bottom:-4px;display:inline;}

/* ---------- Portfoio Styles -------- */

#content .main .entry .portfolio {margin: 20px 10px 0 0;padding: 8px 8px 8px 8px;border-left: 0px;border-right: 4px solid #C5BFA1;background-color:##F4EEC8;}

#content .main .entry .portfolio h6 {color:#8A6214;font-size:1.0em;font-weight:normal; padding:0 0 14px 0; }

#content .main .entry .portfolio img {float:left;clear:left;margin:0 20px 0 4px;border:5px solid #C5BFA1;padding:0;}
/* #content .main .entry img.portfolio {float:left;border:6px solid #C5BFA1;margin:8px 20px 25px 0;clear:left;} */

#content .main .entry img.gallery {margin:10px 20px 10px 0;}

#content .main .entry .portfolio h2 {margin-top:0;margin-bottom:-3px}

/* ---------- Misc Styles -------- */


ol {
	list-style: circle;
	margin: 0 0 0 36px;line-height:125%;
}


ol.bigger {font-size:11pt;font-weight:bold;}

.pad {
	margin: 16px 10px;
}
small a {
	color: #0972cb;
}


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

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

#content .main .entry img {margin-top: 5px; margin-bottom:5px;border:3px solid #C5BFA1;margin-right:12px;}

img.center {display: block;margin-left: auto;margin-right: auto;margin-top:5px;margin-bottom:5px;}

img.right {padding: 0;margin: 5px 0 5px 15px;display: inline;}

img.left {padding: 0;margin: 5px 15px 5px 0;display: inline;}
img.left2 {padding: 0;margin: 5px 15px 5px 0;display: block;}

.right {float: right;}

.left {float: left}


/* End Images */


/* --------- WP styles ----------*/
#comment-stuff {width:488px;float:left;}

#comment-stuff h3 {font-style: italic;margin-top:25px;}

.postmeta {font-size:8pt;margin:0;padding:0;}
#left p.postdate {margin:-15px 0 0 0 ;padding:0;font-size:8pt;}

#left .entry {margin-top:30px;margin-bottom:25px;}

.commentlist {
	font-weight: normal;

	margin:10px 0 10px 0;
	}

.commentlist cite{
	font-weight: normal;
	font-style: normal;
	font-size: 8pt;
	}


.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 8pt;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	margin:5px 0 5px 0;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1em 'Courier New', Courier, Fixed;
	}

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



/* Begin Form Elements */


select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
width:400px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {margin: 0 0 8px 0;background-color:#F7F2DD;}

#comment-area {border-left: 3px solid #C5BFA1;margin:5px 10px 0 0;padding: 10px;background-color:#FBF9EE;}

.commentlist {padding: 0;text-align: justify;}

.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}

.commentlist p {margin:5px 0 5px 0;}

#commentform p {margin: 5px 0;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}
/* End Comments */



/* Begin Various Tags & Classes */

blockquote {margin: 20px 30px 0 10px;padding: 5px 5px 2px 20px;border-left: 5px solid #C5BFA1;background-color:#FBF9EE;}

blockquote p {height: 1%;}

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

.center {text-align: center;}

hr {display: none;}

a img {border: none;}