﻿/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper {
    display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */

a {
	color:#8a1f03;
	font-weight:bold;
}
	#mainheader a {
		color:#f0c87d;
	}

#promocontent {
	background:url("../images/bg_content.jpg") no-repeat bottom left #ecbf6f;
	min-height:400px;
	padding:0 88px 0 101px;
}
	* html #promocontent {
		height:400px;
	}
	#promocontent #mainheader {
		background-color:#801802;
		margin-bottom:20px;
	}
		#promocontent #mainheader #promologo {
			float:left;
			display:inline;
		}
		#promocontent #mainheader #productshot {
			position:relative;
			margin:-6px 26px -5px -62px;
			float:left;
			display:inline;
		}
		#promocontent #mainheader h1 {
			padding:40px 0 11px 0;
			margin:0;
		}
		#promocontent #mainheader p {
			padding:0;
			margin:0;
			color:#fff;
			font-weight:bold;
		}

	#promocontent p {
		padding:0;
		margin:0 0 .7em 0;
	}
		#promocontent p.intro {
			margin-bottom:25px;
		}
		#promocontent p.disclaimer {
			font-size:11px;
		}
	#promocontent #formwrapper {
		padding:8px 139px 25px 139px;
	}
		#promocontent #formwrapper .textareawrapper {
			width:512px;
			background-color:#e6e6e6;
			border:1px solid #919191;
			margin-bottom:22px;
		}
		#promocontent #formwrapper textarea {
			width:512px;
			height:219px;
			border:0;
		}
		#promocontent #formwrapper input.essaybutton {
			display:block;
			margin-top:25px;
		}
	.wordcountwrapper .wordcount {
		float:right;
		display:inline;
		padding:4px 13px 4px 13px;
		background-color:#8a1f03;
		color:#fff;
		font-weight:bold;	
	}
		* html .wordcountwrapper .wordcount {
			zoom:1;
			position:relative;
			margin-right:-2px;
		}
	#promocontent h2.withedit {
		float:left;
		display:inline;
		padding:0;
		margin:0 10px .4em 0;
	}
		#promocontent .formsection {
			clear:left;
			margin-bottom:25px;
		}
	#promocontent input.submitbutton {
		margin-bottom:10px;
	}
#promofooter {
	background:url("../images/bg_footer.jpg") no-repeat top left;
	height:153px;
	position:relative;
}
	#rightfooter {
		width:322px;
		float:right;
		display:inline;
		margin-right:121px;
		padding-top:17px;
	}
	#sponsors {
		height:0;
		width:0;
		overflow:hidden;
	}
	#npcalink {
		display:block;
		position:absolute;
		top:14px;
		left:134px;
		width:64px;
		height:56px;
		overflow:hidden;
		text-indent:-1000em;
	}
	#yosemitelink {
		display:block;
		position:absolute;
		top:16px;
		left:364px;
		width:107px;
		height:28px;
		overflow:hidden;
		text-indent:-1000em;
	}
	
	/* Add This */
	
	#addthiscontainer {
		white-space:nowrap;
		padding-right:12px;
		padding-top:22px;
		float:right;
		display:inline;
		width:190px;
		text-align:right;
	}
		#addthiscontainer .sharetext {
			float:left;
			display:inline;
		}
		#addthiscontainer img {
			display:inline;
		}
		.addthis_toolbox .custom_images a {
			width: 18px;
			height: 18px;
			margin: 0;
			padding: 0;
		}
	#rulesfooter {
		float:right;
		display:inline;
		padding:22px 0 17px 12px;
		border-left:1px solid #bf7c3d;
	}
	#legalfooter {
		position:absolute;
		top:115px;
		left:109px;
	}
	#privacyfooter {
		position:absolute;
		top:115px;
		right:98px;
	}
	#legalfooter a,
	#privacyfooter a {
		color:#BF9B5A;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}

/* Homepage */
#landingpage #promocontent {
	background:url("../images/bg_content_home.jpg") no-repeat bottom left #ecbf6f;
	min-height:585px;
}
	* html #landingpage #promocontent {
		height:585px;
	}
#landingpage #promofooter {
	background:url("../images/bg_footer_home.jpg") no-repeat top left;
}
 #landingpage #mainheader {
	background-color:#801802;
	margin-bottom:0;
	width:639px;
	position:relative;
}
	#landingpage #mainheader #promologo {
		float:left;
		display:inline;
	}
	#landingpage #mainheader #productshot {
		margin:0;
		position:absolute;
		top:-9px;
		right:-120px;
	}
	#landingpage #mainheader #slideshow {
		position:absolute;
		width:232px;
		height:148px;
		top:50px;
		left:335px;
	}
		#landingpage #mainheader #slideshow img {
			position:absolute;
		}
			#landingpage #mainheader #slideshow img.first {
				z-index:1;
			}
	#landingpage #first100entrants {
		margin-bottom:15px;
	}
	#landingpage #enternow {
		float:left;
		display:inline;
		width:431px;
		margin-left:50px;
		margin-bottom:10px;
	}
		#landingpage #enternow p {
			margin:0.3em 0 1em 0;
			font-size:1.0em;
			line-height:1.3em;
		}
		#landingpage #enternow img#hdr_prizes {
			margin:22px 0 0 0;
		}
		#landingpage #enternow ul {
			margin:0.5em 0 0 16px;
			padding:0;
		}
		#landingpage #enternow p#rules {
			margin:0.5em 0 0 ;
		}
		#landingpage #enternow ul.essaylist {
			margin:0;
			padding:0;
			list-style:none;
			width:20em;
		}
		#landingpage #enternow ul.essaylist li {
			position:relative;
			padding-right:8em;
			font-weight:bold;
			line-height:150%;	
		}
		#landingpage #enternow ul.essaylist li a {
			position:absolute;
			right:0;
		}
		#landingpage #enternow #buttonandrules {
			margin-top:15px;
			padding-top:9px;
		}
			#landingpage #enternow #buttonandrules .button {
				float:left;
				display:inline;
				margin-right:9px;
				position:relative;
				margin-top:-9px;
			}
	#landingpage #ecotips {
		float:left;
		display:inline;
		padding-top:56px;
	}
		#landingpage #ecotips .plant {
			float:left;
			display:inline;
			margin-right:17px;
		}
		#landingpage #ecotips #ecocontent {
			float:left;
			display:inline;
			width:150px;
			padding-top:22px;
		}
			#landingpage #ecotips #ecocontent .header {
				margin-bottom:4px;
			}
			#landingpage #ecotips #ecocontent p {
				margin-bottom:10px;
			}
			
/* Ecotip Entry page */


	#ecotiptip {
		position:relative;
		border:5px solid #8a1e04;
		background-color:#fff;
		margin-bottom:0;
		width:545px;
		height:652px;
		margin-right:-42px;
	}
		#ecotiptip #tiplist {
			position:absolute;
			top:0;
			left:0;
			width:524px;
			height:582px;
		}
		#ecotiptip #tiplist img#btn-up {
			position:absolute;
			top:21px;
			right:0;
		}
		#ecotiptip #tiplist img#btn-down {
			position:absolute;
			bottom:-18px;
			right:0;
		}
		#ecotiptip ol {
			margin:0 15px 0 24px;
			padding:0;
		} *html #ecotiptip ol {
			margin-left:29px;
		} *+html #ecotiptip ol {
			margin-left:29px;
		}
			#ecotiptip ol li {
				margin:1.0em 0 0 0;
				padding:0;
			}
				#ecotiptip ol li.first {
					margin-top:0;
				}
		#ecotiptip p#source {
			position:absolute;
			bottom:11px;
			left:21px;
		}
		#ecotiptip h2 {
			color:#801802;
			font-size:18px;
			padding:0;
			margin:0 0 10px 0;
		}

	#ecotipformwrapper input.button {
		display:block;
		margin-bottom:10px;
	}

#promocontent #calloutwrapper {
	padding:10px 0 25px 59px;
}
	#calloutleft, #calloutright {
		float:left;
		display:inline;
	}
		#calloutleft {
			margin-right:23px;
		}
	
	#calloutwrapper .recipecallout {
		width:329px;
	}
	#calloutwrapper .callout h2 {
		padding:0;
		margin:30px 0 10px 0;
	}
	#calloutwrapper .callout img.calloutimage {
		float:left;
		display:inline;
		margin-right:15px;
	}
	#calloutwrapper .callout img.plant {
		margin-right:10px;
	}
	#calloutwrapper .callout .calloutcontent {
		float:left;
		display:inline;
	}
	#calloutwrapper .callout .calloutcontent img.button {
		margin-bottom:10px;
	}
		/* Ecotip callout */
		#calloutwrapper .ecotipscallout {
			width:315px;
		}
		#calloutwrapper .ecotipscallout .calloutcontent {
			width:190px;
		}
		/* Recipes callout */
		#calloutwrapper .recipecallout {
			width:338px;
		}
		#calloutwrapper .recipecallout .calloutcontent {
			width:157px;
		}
			#calloutwrapper .recipecallout .calloutcontent p {
				margin-bottom:25px;
			}
		/* Cause a Stir callout */
		#calloutwrapper .essaycallout {
			width:292px;
			margin-right:45px !important;
		}
		#calloutwrapper .essaycallout h2 {
			margin-top:10px;
		}
			#calloutwrapper .essaycallout .calloutcontent p {
				margin-bottom:15px;
			}
			#calloutwrapper .essaycallout .button {
				vertical-align:middle;
				display:inline;
			}
.formrow {
	margin-bottom:14px;
}
	#ecotipformwrapper .formrow {
		margin-bottom:11px;
	}
.formrow .formcell {
	float:left;
	display:inline;
	width:225px;
}
	.formrow .statecell,
	.formrow .zipcell {
		width:auto;
	}
		.formrow .statecell {
			margin-right:15px;
		}
	.formrow .formcellleft {
		margin-right:40px;
	}
	.formcell label {
		display:block;
		font-weight:bold;
		margin-bottom:3px;
	}
		.formcell label span {
			font-weight:normal;
			font-size:10px;
		}
	.formcell input.text {
		width:225px;
	}
		
	.formcell input.zip {
		width:87px;
	}
	.formcell input.phone {
		width:63px;
		margin-right:1px;
	}
	.requiredfield {
		color:#8a1f03;
	}
	.captcha .code {
		float:left;
		display:inline;
		margin-right:13px;
	}
	
		#friendphotos {
			margin-bottom:15px;
		}
		#tellafriendform {
			margin-bottom:17px;
			margin-top:23px;
		}
		#tellafriendform .formrow {
			margin-bottom:5px;
		}
		#tellafriendform .formcell {
			width:283px;
			margin-right:0;
		}
		#tellafriendform .formcell input.text {
			width:278px;
		}
		
		#tellafriendform .formcellleft {
			width:214px;
			margin-right:14px;
		}
		#tellafriendform .formcellleft input.text {
			width:208px;
		}
		#tellafriendform p.disclaimer {
			margin-top:15px;
		}
		#tellafriendform .button {
			margin-top:20px;
			margin-bottom:5px;
			display:block;
		}
#friendphotos img {
	float:left;
	display:inline;
	margin-right:8px;
}
	#friendphotos img.last {
		margin-right:0;
	}
	
#formwrapper div.error,
#ecotipformwrapper div.error {
	color:#b12804;
	font-size:12px;
	margin-bottom:18px;
	font-weight:bold;
	display:none;
}
	#formwrapper div.error img,
	#ecotipformwrapper div.error img {
		display:inline;
		vertical-align:bottom;
		padding-right:3px;
	}
	#formwrapper div.error ul.errorwrapper,
	#ecotipformwrapper div.error ul.errorwrapper {
		display:none !important;
	}
	#formwrapper .formrow input.text,
	#formwrapper .formrow textarea,
	#ecotipformwrapper input.text, 
	#ecotipformwrapper textarea {
		background-color:#fff;
		border:1px solid #999;
		color:#333;
	}
	#formwrapper .formrow input.error, 
	#formwrapper .formrow select.error, 
	#formwrapper .formrow textarea.error,
	#ecotipformwrapper input.error, 
	#ecotipformwrapper select.error, 
	#ecotipformwrapper textarea.error {
		background-color:#FFFFD5;
		border:1px solid #b12804;
		color:#b12804;
	}