/*   
Theme Name: South County Landscaping
Theme URI: www.southcountylandscaping.com
Description: 2 Column theme with featured content
Author: Design by Josh Walker, Development by Capitol Web Design
Author URI: www.capitolwebdesign.net
*/
body {
	color: #404040;
	font-size: 11px;
	font-family: Verdana;
	line-height: 2em
	text-align: justify;
}
.wrap {
	width:934px;
	margin:0 auto;
}

.no-border {
	border:none !important;
}

/*** top section ***/
#top {
	background-color: #C8D7E3;
	}

#header {
	position:relative;
	height:81px;
	background-color:  #C8D7E3;
	
}

#tagline {
	position:absolute;
	right:-40px;
	top:0;
}

#tagline h1 {
	color: #074B07;
	font-family: Georgia;
	font-size: 1.7em;
	font-style: italic;
	margin-right:35px;
	text-align: right;
	line-height: 1.7em;
}
/*** nav section ***/
/* Page Nav */
#nav {background-image:url(http://southcountylandscaping.com/wp-content/themes/landscaping/images/nav-bg.jpg);}
.menu {width:934px; margin:0 auto;}
#nav ul {
	padding: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
	height:31px;
}
#nav a {
	display: block;
	line-height: 27px;
	padding: 0 10px;
	z-index: 100;
	color:#fff;
	text-decoration:none;
}
#nav a:hover {
	display: block;
	line-height: 27px;
	padding: 0 10px;
	z-index: 100;
	color:#fff;
	text-decoration:underline;
}
#nav li {
	float: left;
	background:  url(images/nav-div.gif) no-repeat right 10px;
}
/* Style drop down list */
#nav li ul {
	position: absolute;
	width: 203px;
	left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto; text-decoration:underline;
}
#nav li ul li a {
	background:  url(images/nav-div.gif) repeat-x;
	line-height: 27px;
	font-size: 12px;
	color: #ffffff;
	width: 160px;
	text-decoration:none;
}
#nav li ul li a:hover {
	background:  url(images/nav-div.gif) repeat-x;
	line-height: 27px;
	font-size: 12px;
	color: #ffffff;
	width: 160px;
	text-decoration:underline;
}
#nav li ul li a {
	border-right: #2A2A2A 1px solid;
}
#nav li ul ul {
	margin: -36px 0 0 180px;
}
#nav li ul ul li a {
	line-height: 25px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em; text-decoration:underline;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}
/* IE7 Fix */
#nav li:hover, #nav li.hover {  
	position: static;
}

/*** mid section ***/
#mid {
	background: url(images/mid-bg.jpg) #C8D7E3 repeat-x;
}

#content {
	background-color:#fff;
	padding-bottom:20px;
	background:  url(images/waterfall-background.png) #fff no-repeat;
	background-position: bottom right;
	background-repeat:no-repeat;
}

#content-left {
	position:relative;
	float:right;
	margin:2em;
	width:600px;
	height:400px;
	padding-bottom: 400px;
}
#content-left-full {
	float:left;
	display:inline;
	width:900px;
	margin:20px 0 0 15px;
	font-family: Verdana;
	size: 11px;
	color: #404040;
	line-height: 2em;
	
	}
#content-left-full a:link {color: #4283BB; text-decoration:underline;}
#content-left-full a:visited {color: #4283BB; text-decoration:underline;}
#content-left-full a:hover {color: #4283BB; text-decoration:none;}
#content-left-full a:active {color: #000; text-decoration:underline;}
#content-left-full h2 {
	color: #007400;
	font-size: 2em;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 10px;
		
}
#content-left-full p {
	text-align: justify;
	padding-bottom: 15px;
}
#content-left-full ul {
	list-style-position: outside;
	list-style-type: square;
	margin-bottom: 10px;
	}
#content-left-full li {
	margin-left: 25px;
	}
#gallery {
	position:relative;
	float:right;
	margin:4em;
	width:600px;
	height:400px;
	padding-bottom: 400px;
	border: 1px solid #808080;
}

#gallery-text {
	background-color:#000;
	position:relative;
	bottom:30px;
	left:0;
	color:#d8d8d8;
	font:14px "Century Gothic", Arial, Helvetica, sans-serif;
	padding:5px 5px;
	}

#content-right {
	width:187px;
	display: inline;
	float: left;
	background-color:#004000;
	margin:2em;
	border:1px #939393 solid;
	/* for IE */
  /*filter:alpha(opacity=90);*/
  /* CSS3 standard */
 /* opacity:0.9; */
  }

.content-right-box {
	background-color:#e7e4e3;
	width:143px;
	margin:10px auto;
	border:1px #939393 solid;
	padding:20px 5px 10px 5px;
	font:13px Georgia, Helvetica, sans-serif;
	text-align: center;
	color:#91908b;
}

.content-right-box p {
	color: #404040;
}

.content-right-box a:link {color: #404040; text-decoration:none;}
.content-right-box a:visited {color: #404040; text-decoration:none;}
.content-right-box a:hover {color: #404040; text-decoration:underline;}
#content-right .textwidget {margin-left:-25px; width:243px; padding:0;}
.content-right-box h1, h2, h3 {
	font-size:14px;
	font-family: Georgia;
	font-style: italic;
	color: #007400;
	font-weight: bold;
	text-align: center;
}
.thumbnail {
	text-align: center;
	margin: 0;
	border:2px #fff solid;
}

.content-right-box h2 {
	color: #007400;
	font-weight:bold;
	font-size: 16px;
	
}

/*** footer section ***/
#footer {
	background-color:#346188;
	text-align:center;
	clear:both;
	}

#footer .wrap {
	background-color:#6D94B5;
	padding:10px 0 3px 0;
}

#footer ul {
	margin-bottom:10px;
}

#footer ul li {
	display:inline;
	font:14px Arial, Helvetica, sans-serif;	
}

#footer a {
	color:#d8d8d8;
	text-decoration:none;
	padding:0 5px;
}
#footer a:visited {
	color:#d8d8d8;
	text-decoration:none;
	padding:0 5px;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
	padding:0 5px;
}

#footer p {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#d8d8d8;	
}

#footer span {
	font-size:10px;
	padding-right:15px;
}

/*** footer logos ***/
#footer-logos {
	text-align:center;
	padding:20px 0;
}

#footer-logos img{
	padding-right:20px;
}

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

.clear {
	clear:both;
}
input,select,textarea{

	border: #808080 1px solid;

	font-size: 12px;

	padding: 2px

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
/* =Comments
-------------------------------------------------------------- */
#comments {
	float:left; margin:0; clear: both;display: block; width:550px; padding-bottom:200px;
}
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border:1px solid #1F401A; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:bold; font-size: 16px; font-style:italic; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; font-weight:bold;}
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.comment-meta { font-weight:bold; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }
ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#eaeaea; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; list-style-type:none;} 
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; list-style-type:none;}
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; list-style-type:none;}
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; list-style-type:none; }
ol.commentlist ul.children li.odd { background:#E3EBE3; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.comment div.vcard span.says {font-size: 14px; font-style:italic;}


/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0; 
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0; 
}
#comments-list ul #respond {
	margin: 0; 
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
.entry-meta {font-size:10px; color:#404040;padding-bottom:10px;}