/*-------------------------------
Master Stylesheet
Project: Lawncare 1 Template Site
Version: 1
Last Changed: - dev
Author: Andrew Shooner
Editor: CSSEdit 2.6
------------------------------------*/

/*-----------------------------------
[Table of contents]

i.  Site Guide
	i.i  Layout Markup Reference
	i.ii Typography Reference
	i.iii Color Reference

ii. Global Modifications
	ii.i standard reset (per Eric Meyer)
	
1. Typography
	1.1 Headings
	1.2 Paragraphs
	1.3 Anchors
	1.4 Lists

2. Navigation
	2.1 First Level 
	2.2 Secondary 
	2.3 Breadcrumb 
	
3. Layout
	3.1 Master
	
4. Content
-------------------------------------*/

/* 

i. Site Guide ****
	
****i.i Layout Markup Reference
	EXAMPLE --- REPLACE
		i.i.i Master Template
			Body
				#content
					#top
						img#logo
						#extra-nav
					#middle
						#left-column
							#nav1
						#right-column
					#bottom
						#footer
						
		i.i.ii Content
					#middle
						#left-column
							.lead-in
						#right-column
							img#panel
							.content-wrapper
								.content
									.install-box
									#class-calendar
										.day
											.event
									#recent-events
										.event-entry
							#map-top-panel
							#map-bottom-panel
								.map-thumbnail

		
****i.ii Typography Reference 
	EXAMPLE --- REPLACE
 serif 1:  font-family:Times, "Times New Roman", Georgia, serif;
 sans 1 :  font-family: Verdana, "Lucida Grande", Lucida, sans-serif;

			
****i.iii Color Reference 
	EXAMPLE --- REPLACE
	#3a9f49;  /* @Green */ 				/*
	#38841d;  /* @WarmGreen */ 				/*
	#044108;  /* @DarkGreen */ 				/*
	#add394;  /* @Drab */ 				/*
	#ffe100;  /* @Yellow */ 				/*
    #fcfec2;  /* @lightyellow */			/*

 */ 

/* @group ii. Global Modificatons */
/* @group ii.i. standard reset */
		@import "../../../css/reset.css";
/* @end */

/* @end */

/* @group 1.Typography */
	/* @group 1.1 Headings */
		h1 {
		font-family:Times, "Times New Roman", Georgia, serif;
		color: #38841d;  /* @WarmGreen */ 
		font-size: 20px;
		font-weight: bold;
		border-bottom: 4px solid #ffe100;  /* @Yellow */ 	
		margin-bottom: 10px;
		text-transform: uppercase;
}		

		h2 {
		font-family:Times, "Times New Roman", Georgia, serif;
		color: #044108;  /* @DarkGreen */ 
		font-size: 16px;
		font-weight: bold;	
		margin-top: 10px;
}	
	/* @end */
	
	/* @group 1.2 Paragraphs */
		p {
			font: 16px/23px Times, "Times New Roman", Georgia, serif;
			
}	
		sup {font-size: 12px;}
	/* @end */
	
	/* @group 1.3 Anchors */
		a:link, a:visited {
			color: #38841d;  /* @WarmGreen */ 
			text-decoration: none;
}
		a:hover {
			text-decoration: underline;
}
	/* @end */
	
	/* @group 1.4 Lists */
	#nl-right-column ul{ margin: 0 0 0 25px;}
		#nl-right-column ul li {list-style: outside; margin-top: 14px;}
	/* @end */
	
/* @end */


/* @group 2. Navigation */

/* @group 2.1 nav 1 */
 ul#nav1 {
	display: inline;
	list-style: none;
	background: url(../images/nav1-ul-bg.png) repeat-x;
	width: 100%;
	float: left;
	padding-top: 10px;
	z-index: 10;
	position: relative;
	}

 ul#nav1 li, ul#nav1 li#home{

	width: 122px;
	height: 37px;
	float: left;
	text-align: center;
	background: url('../images/nav1-li-bg.png') no-repeat 0px 0px;
	margin-right: 1px;
	margin-left: 1px;
	/*z-index: 10;
	position: relative;*/
}

 ul#nav1 li:hover,  ul#nav1 li.sfhover {
	background-position: 0px -40px;

}

 ul#nav1 li a:link,  ul#nav1 li a:visited {
	height: 40px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	color: #ffe100;  /* @Yellow */ 
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	display: block;
	
}

 ul#nav1 li a:hover {
	text-decoration: none;
	background-position: 0px -40px;
}

 ul#nav1 li.active {
	background: url('../images/nav1-li-bg.png') no-repeat 0 -80px;
	color: white;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
}

/* @end */

/* @group 2.2 subnav */
			/* implementing this suckerfish method:
			http://www.htmldog.com/articles/suckerfish/dropdowns/ */
			ul#nav1 ul.sub-nav {
				position: relative;
				left:  -999em;
				/*left: 0px;*/
				background-color: #38841d;  /* @WarmGreen */ 
				width:130px;
				top: -30px;
				padding-top:  15px;
				padding-left: 10px;
				padding-bottom: 10px;
				margin-left: 0px;
				z-index: -1;
				display: block;
				float: left;
						
}
			ul#nav1 li:hover ul.sub-nav, ul#nav1 li.sfhover ul.sub-nav {
				left: auto;
}
			ul#nav1 ul.sub-nav li {
				background-image: none;
				z-index: 11;
				text-align: left;
				height: 20px;
				margin-bottom: 22px;
				display: block;
}
			ul#nav1 ul.sub-nav li a {
				font-weight: bold;
				margin-bottom: 10px;
				
}

			ul#nav1 ul.sub-nav li a:hover {
				color: white;
}
/* @end */

/* @group 2.3 Nav 2 */

			ul#nav2 {
				}
				
			ul#nav2 li {
				background:url(../images/nav2-li-bg.gif) repeat-x #fcfec2;  /* @lightyellow */
				margin-bottom: 10px;
				/*line-height: 22px;*/
				border: 1px solid #e4d21d;
				padding-left: 15px;
			}
			
			ul#nav2 li.last {
}

		 ul#nav2 li a{
				color: #044108;  /* @DarkGreen */
				font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
				font-size: 13px;
				line-height: 23px;		
}

			ul#nav2 ul.sub-nav {
				
}

			ul#nav2 ul.sub-nav li{
				background-image: none;
				border: none;
}

/* @end */

/* @group 2.4 Extra Nav */				
			#extra-right-nav, #extra-left-nav {
			
			width: 122px;
			height:35px;
			margin-top: 137px;
			}
			
			#extra-left-nav {
			
			float: left; 	
			}
			
			#extra-right-nav {
			float: right; 		
			}
			
			
			#extra-right-nav, #extra-left-nav {
				font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			
			}
			
			#extra-right-nav a:link, #extra-right-nav a:visited, #extra-left-nav a:link, #extra-left-nav a:visited{
			 overflow: hidden; 
			 padding-top: 10px;
			 height:  25px;
			 background-image:url('../images/extranav-top-bg.png'); 
			 background-repeat: no-repeat;
			 width: 122px;
			 background-position: 0px 0px;
			 display: block;
			
			
			 font-size: 12px;
			 font-weight: bold;
			 text-align: center;
			 text-decoration: none;
			 color: #044108;  /* @DarkGreen */ 
			 font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
			 }
			 
			 #extra-right-nav a:hover,  #extra-left-nav a:hover  {
			 background-position: 0px -35px;
			 color: #044108;  /* @DarkGreen */ 
			 }	
				
			
			#extra-home-nav {
			float: left;
			position: relative;
			width: 275px;
			height: 125px;
			top: 15px;
			left: 130px;
			overflow:hidden;
			}
			
			#extra-home-nav a { display:block; padding-top: 125px;}
			

			ul#newsletter-nav  li#newsletters {
				background:url(../images/nav2-li-bg.gif) repeat-x #fcfec2;  /* @lightyellow */
				margin-bottom: 10px;
				line-height: 22px;
				border: 1px solid #e4d21d;
				padding-left: 15px;
			}
			
		ul#newsletter-nav  li#newsletters.last {
}

		 ul#newsletter-nav  li#newsletters a{
				color: #044108;  /* @DarkGreen */
				font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
				font-size: 13px;
				line-height: 23px;		
}

			ul#newsletter-nav  ul.sub-nav {
				
}

			ul#newsletter-nav  ul.sub-nav li{
				background-image: none;
				border: none;
}


	
/* @end */

/* @end */

/* @group 3. Layouts */

/* @group 3.1 Master */
		body {
				/*background: #add394 url(../images/body-bg.gif) repeat-x 0 top;*/
				background: #044108;
}
			#content {
				margin: 0px auto;
				width: 744px;
				/*border: 3px solid #3a9f49;*/  /* @Green */ 
				margin: 20px auto;	
	}
			#top {
				width: 744px;
				height: 172px;
				background: url(../../../content/images/banner-bg.jpg) 0 bottom;
}

			#middle {
				width: 744px;
				background: #fff url(../images/middle-bg.gif) repeat-x 0 bottom;
				min-height: 400px;
				_height:400px;
}

			#bottom {
				width: 744px;
				background-color: #38841d;  /* @WarmGreen */ 
				
}

			#bottom:after {
			    content: ".";
			    display: block;
			    height: 0;
			    clear: both;
			    visibility: hidden;
			}

			#bottom #footer-l, #bottom #footer-r {
				margin-top: 10px;
				margin-bottom: 10px;
				padding-left: 20px;
				padding-right: 20px;
				width: 330px;
				float: left;
}


		#bottom #footer-l { border-right: 1px solid white; }
		#bottom #footer-l li, #bottom #footer-r li {font-family: Trebuchet, "Lucida Grande", Lucida, Verdana, sans-serif; color: white; font-size: 14px; line-height: 22px;}
		#bottom #footer-r li strong {display: block; float: left; font-size: 24px; padding-top: 0px; padding-right: 5px;}
		#bottom #footer-r li { line-height: 30px; margin-top: 5px;}
		
/* @end */

/* @group 3.2 wide-left */
			#wl-left-column{
				float: left;
				width: 290px;
				padding-left: 10px;
				padding-top: 20px;
				padding-bottom: 30px;
			
}

			#wl-right-column {
				float: right;
				width: 390px;
				padding-right: 10px;
				padding-top: 20px;
				padding-bottom: 30px;
				
}

/* @end */

/* @group 3.2 nav-left */
			#nl-left-column {
				width: 215px;
				float: left;
				padding-left: 10px;
				padding-top: 20px;
				padding-bottom: 30px;
				
}

			#nl-right-column {
				width: 475px;
				float: right;
				padding-right: 10px;
				padding-top: 20px;
				padding-bottom: 30px;
				
} 
	


/* @end */

				
/* @end */

/* @group Apps */
/* @group weblog */
.weblog-lead-in { margin-bottom: 20px; background: white; border: 1px solid #38841d; float: left; }
.weblog-lead-in h2 {color: white; margin-top: 0px; font-family: Verdana, "Lucida Grande", Lucida, sans-serif;}
.weblog-article-head {background: #38841d; padding: 4px 8px; /* @WarmGreen */ }
.weblog-article-intro, .weblog-article-media {margin: 10px;}
.weblog-article-intro {width: 280px; float: left;}
.weblog-article-media {width: 150px; float: right;}
.weblog-article-media a {font-size: 10px; font-family: Verdana, "Lucida Grande", Lucida, sans-serif;}
.weblog-article-media .file-size{font-size: 10px; font-family: Verdana, "Lucida Grande", Lucida, sans-serif; margin-left: 10px;}
.weblog-article-head span.date, .weblog-article-head span.category {font-size: 11px; font-family: Verdana, "Lucida Grande", Lucida, sans-serif; color: white;} 
	

#weblog-archive {background: white; border: 1px solid #38841d;}
#weblog-archive h2 {background: #38841d; padding: 4px 8px; color: white; margin-top: 0px; text-align: center; font-family: Trebuchet MS, Verdana, "Lucida Grande", Lucida, sans-serif;}
	
#weblog-archive td.year {font-size: 14px; font-family: Verdana, "Lucida Grande", Lucida, sans-serif; color: #38841d; padding: 8px 0 5px 5px;}	
	
#weblog-archive td.month {padding-left: 20px;}	
	
/* @end */

/* @group Static Content */

/* @group Forms */

form {
	border: 1px solid #cdcdcd;
	padding-left: 40px;
	background-color: white;
	padding: 10px;
	vertical-align: top;
}

form:after {content: "."; display: none; clear: both;}

form fieldset legend {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #855b27;  /* @Brown */ 
	padding: 6px;	
	margin-left: 0px;
}

form h3 {
	margin: 20px 0 10px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	}

form .field {
	float: left;
	width: 400px;
	margin-bottom: 20px;
	padding: 0 62px 0 0;
	
}
form .field.list {
	margin-bottom: 5px;}

form .field label {
	float: left;
	font-size: 15px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 25px;
}

form .field input {
	padding-left: 5px;
	
	float: right;
	line-height: 25px;
	font-size: 15px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid #b2b2b2;
	background: url(../images/form-field-bg.gif) repeat-x 0 top;
}

form .field input[type='checkbox'] {
	float:left; border: none; background: none;}

form  textarea  {
	width: 450px;
	line-height: 25px;
	font-size: 18px;
	margin-bottom: 10px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid #b2b2b2;
	background: url(/workspace/images/form-field-bg.gif) repeat-x 0 top;
}

label em{
	font-size: 10px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: red;
	margin-left: 10px;
}

input#submit {
	position: relative;
	bottom: 10px;
	float: right;
	background-image: none;
	background-color: 	#044108; /* @darkgreen */
	color: white;
	padding-left: 5px;
	margin-bottom: 20px;
	line-height: 25px;
	font-size: 18px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid #b2b2b2;

}

label.highlight {
	color: red;
	font-weight: bold;
}

form .field input.highlight {
	border: 2px solid red;
}

fieldset#classes {
	padding-left: 0px;
}

fieldset#classes p {
	font-size: 12px;
}

form select {
	/*width: 560px;
	height: 300px;*/
	float:right;
}
form select option {
	font-size: 12px;
	margin-bottom: 5px;
}

optgroup.date {
	margin-bottom: 12px;
	padding-top: 4px;
	padding-left: 4px;
	border-bottom: 1px solid black;
	padding-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

optgroup.date option {
	padding-left: 4px;
}

#form-result-message {
	width: 500px;
	height: 350px;
}

#form-result-message.error {

	height: auto;
}

#form-result-message.error h1 {
	color: red;
}
#form-result-message.error p  {
	color: red;
}

#fence-list {
	padding: 20px;
	margin-left: 70px;
}

#fence-list ul {
	float: left;
	margin-left: 15px;
}

#fence-list ul li {
	margin-bottom: 5px;
}

/* @end */

/* @group table */
.table1 {
	border: 1px solid #888888;  /* @grey */	
	float:left;
	background-color: #38841d; /* @WarnGreen  */					
}
.table1 h2{
		background: url(../images/head-horizontal-gold-bg.gif) repeat-x 0 bottom;
		color: #044108; /*  @DarkGreen */
		padding: 5px;
		padding-top: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: Trebuchet MS, "Lucida Grande", Lucida, Verdana, sans-serif;
}

.table1 dl {
	margin:  0px;
	width: 450px;
	float: left;
	clear: left;}
	
	.table1 dl dt {
	border-top: 1px solid #235937;  /* @huntergreen */ 
	color:  white;
	width: 75px;
	float: left;
	padding-top: 15px;
	text-align: center;
	font-family: Trebuchet MS, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;}
	
	.table1 dl dt.last {
	background-image: bottom left;
}

.table1 dl dd {
	border-top: 1px solid #235937;  /* @huntergreen */ 
	border-left: 1px solid #888888;  /* @grey */	
	width: 354px;
	min-height:35px;
	_height:35px;
	margin-left: 0px;
	float: left;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Trebuchet MS, Verdana, "Lucida Grande", Lucida, sans-serif;
	color: black;	
	line-height: 18px;
	font-size: 13px;
	}
	
	.table1 dl dd.last{
	background-color: white;
}



/* @end */

#nl-left-column img, #wl-left-column img {
			border-width: 3px;
}
	#nl-left-column img{
			border: 3px solid #38841d;  /* @WarmGreen */ 
}
#nl-left-column .as-logo {text-align: center;}
	#nl-left-column .as-logo img{
			border: 0px solid #38841d;  /* @WarmGreen */ 
			margin-bottom: 15px;
}

	#wl-left-column img {
			border-color: #044108;  /* @DarkGreen */ 	
}

	#nl-right-column img {
		float: right;
		clear: right;
		border: 3px solid #38841d;  /* @WarmGreen */ 
		margin:10px;
		
}



.list-item {width: 475px; margin-bottom:20px; border-top: 1px solid ;border-color: #92714c; float: left;}
.list-item h2 {font-size: 18px; margin-bottom: 10px;}
.list-item p {margin: 5px 0 10px;}

#weed-grid {float: left; width: 100%; margin:  20px 0 30px;}
#weed-grid .item {width: 130px; float: left; margin: 20px 10px 0 ; position: relative;}
#weed-grid .item img {margin: 10px 0;}
#weed-grid .item div.title {width: 130px; padding-right: 20px; text-align: center; position: absolute; bottom: 10px; float: left;}
#weed-grid .item {height: 175px;}
#weed-grid .item img {width: 125px;}
/* @end */



/* @end */