/**
* Brian Fox of Fox Digital Media 
* 2012-January
* FoxDigitalMedia.com
*/

@import url(http://fonts.googleapis.com/css?family=Varela);


/* Zero Out */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;}

html {
	font-size: 62.5%;
}

body {
	font-family: arial, helvetica, sans-serif;	
	margin: 25px;
	padding: 0;
	background-color: #3a6587;
	color: #666666;
	text-align: center;
	font-size: 1.05em;
}




#wrapper {
  margin: 0 auto;
  width: 920px;
	text-align: left;
	background-image: url('../images/wrapper_bg.gif');
	background-repeat: repeat-y;
}

#inside {
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background-image: url('../images/wrapper_top.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

.hRule {
	border-bottom: 1px solid #e3e3e3;
	height: 0;
	font-size: 1px;
	line-height: 0;
	margin: 15px 0;
}

#logo {
	width: 154px;
	float: left;
	text-align: right;
	padding: 21px 0 0 0;
}


/* Top Nav */

#topNav {
	width: 766px;
	float: left;
}

#topNav ul {
  list-style: none;
	float: right;
}

#topNav .banner {
  width: 300px;
	padding: 15px 0 0 0;
	float: right;
}


/* Upper Nav */

#upperNav {
	text-align: right;
	padding: 15px 28px 0 0;
	height: 90px;
}

#upperNav li {
	float: left;
	padding: 0 5px 0 0;
}

#upperNav img {
	vertical-align: top;
	margin: 0 3px 0 0;
}

#upperNav a, #upperNav a:visited {
	font-size: 12px;
	color: #111111;
	text-transform: uppercase;
	text-decoration: none;
}
#upperNav a:active, #upperNav a:hover {
	font-size: 12px;
	color: #18486e;
	text-transform: uppercase;
	text-decoration: underline;
}

#upperNav span {
	color: #3a6587;
}


/* Lower Nav */

#lowerNav {
	text-align: right;
	padding: 0 33px 0 0;
}

#lowerNav li {
	padding: 0 0 0 34px;
	float: left;
}

#lowerNav a, #lowerNav a:visited {
	font-size: 14px;
	color: #111111;
	text-transform: uppercase;
	text-decoration: none;
}
#lowerNav a:active, #lowerNav a:hover {
	font-size: 14px;
	color: #18486e;
	text-transform: uppercase;
	text-decoration: underline;
}

#lowerNav span {
	color: #3a6587;
}


/* Home */

#homePhotoLeftBg {
	width: 339px;/*411px*/
	height: 300px;/*350px*/
	padding: 50px 0 0 72px;
	margin: 0 0 39px 0;
	background-image: url('../images/home_photo_left_bg.jpg');
	background-repeat: no-repeat;
	background-color: #577b1b;
	float: left;
	}
	#homeVideoLeftBg {
	width: 287px;/*411px*/
	height: 300px;/*350px*/
	padding: 20px 0 0 30px;
	margin: 0 0 39px 0;
	background-image: url('../i/home_video_left_bg.jpg');
	background-repeat: no-repeat;
	background-color: #577b1b;
	float: left;
	}

#homePhotoLeftBg h1 {
	font-size: 3.8em;
	line-height: 1.2em;
	color: #ffffff;
	padding: 0 0 15px 0;
}
	#homeVideoLeftBg h1 {
	font-size: 2.5em;
	line-height: 1.2em;
	color: #ffffff;
	padding: 0 0 15px 0;	}
#homePhotoLeftBg p{
	font-size: 1.4em;
	line-height: 1.4em;
	color: #ffffff;
	padding: 0 30px 15px 0;
}
#homeVideoLeftBg p {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #ffffff;
	padding: 0 10px 15px 0;
}

#homePhotoLeftBg a, #homePhotoLeftBg a:visited {
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	text-decoration: none;
}
#homePhotoLeftBg a:active, #homePhotoLeftBg a:hover {
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	text-decoration: underline;
}

#homePhotoRight {
	width: 509px;
	height: 350px;
	margin: 0 0 39px 0;
	background-color: #577b1b;
	background-image: url('../i/home_photo_right-bkg.jpg');
	float: left;
}
	#homeVideoRight {
	width: 603px;
	height: 320px;
	margin: 0 0 39px 0;
	background-color: #577b1b;
	background-image: url('../i/home_Video_right.jpg');
	float: left;
	}
	#homeVideoRight video {
	margin: 0px 0px 0px 25px;
	}

#contentHome {
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 0 0 25px 0;
	background-image: url('../images/content_home_bg.gif');
	background-repeat: repeat-y;
}

#bucketHome01 {
	width: 232px;/*340px*/
	padding: 0 55px 0 53px;
	float: left;
}

#bucketHome02 {
	width: 232px;/*285px*/
	padding: 0 53px 0 0;
	float: left;
}

#bucketHome03 {
	/*width: 232px;285px
	padding: 0 53px 0 0;*/
	width: 254px;/*285px*/
	float: left;
}

		#bucketHome03 .signupModule {
			min-height: 166px;
			height: auto !important;
			height: 166px;
			padding: 0 15px 0 15px;
			background-color: #83ad2f;
		}

		#bucketHome03 .signupModule h2 {
			color: #ffffff;
			padding: 0 0 5px 0;
		}

		#bucketHome03 .signupModule p {
			color: #333333;
			padding: 0 0 10px 0;
		}

#bucketHome01 h2, 
#bucketHome02 h2, 
#bucketHome03 h2 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2em;
	color: #3a6587;
	padding: 0 0 15px 0;
}

#bucketHome01 p, 
#bucketHome02 p, 
#bucketHome03 p {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0 0 15px 0;
}

#bucketHome01 a, #bucketHome01 a:visited, 
#bucketHome02 a, #bucketHome02 a:visited, 
#bucketHome03 a, #bucketHome03 a:visited  {
	font-weight: bold;
	font-style: italic;
	color: #3a6587;
	text-decoration: none;
}
#bucketHome01 a:active, #bucketHome01 a:hover, 
#bucketHome02 a:active, #bucketHome02 a:hover, 
#bucketHome03 a:active, #bucketHome03 a:hover {
	font-weight: bold;
	font-style: italic;
	color: #3a6587;
	text-decoration: underline;
}

#bucketHome01 a.homeHeader, #bucketHome01 a.homeHeader:visited {
	font-weight: normal;
	font-style: normal;
	color: #3a6587;
	text-decoration: underline;
}
#bucketHome01 a.homeHeader:active, #bucketHome01 a.homeHeader:hover {
	color: #3a6587;
	text-decoration: none;
}

.bucketHomeSocialMedia {
	float: right;
}

.bucketHomeSocialIcon {
	vertical-align: middle;
}


/* Level 2 */

#lev2BannerLeftBg {
	width: 345px;/*380px*/
	height: 115px;/*175px*/
	padding: 60px 0 0 35px;
	margin: 0 0 39px 0;
	background-image: url('../images/banners/00_left_bg.jpg');
	background-repeat: no-repeat;
	background-color: #577b1b;
	float: left;
}

#lev2BannerLeftBg h1 {
	font-size: 2.2em;
	color: #ffffff;
	padding: 0 0 5px 0;
}

#lev2BannerLeftBg p {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #ffffff;
	padding: 0 0 15px 0;
}

#lev2BannerRight {
	width: 540px;
	background-color: #577b1b;
	float: left;
}

#contentLev2 {
	min-height: 350px;
	height: auto !important;
	height: 350px;
	margin: 0 0 25px 0;
	background-image: url('../images/lev2_content_bg.jpg');
	background-repeat: repeat-y;
}

#lev2Left {
	width: 505px;/*625px*/
	padding: 0 65px 0 55px;
	float: left;
}

#lev2Left h1 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2em;
	color: #3a6587;
	padding: 0 0 15px 0;
}

#lev2Left h2 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
	color: #3a6587;
	padding: 0 0 15px 0;
}

#lev2Left h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #577b1b;
}

#lev2Left h4 {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #577b1b;
	padding: 0 0 15px 0;
}

#lev2Left h5 {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #3a6587;
	padding: 0 0 10px 0;
}

#lev2Left p {
	font-size: 1.25em;
	line-height: 1.5em;
	padding: 0 0 15px 0;
}
 
#lev2Left blockquote {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0 0 15px 25px;
}

#lev2Left ul, 
#lev2Left ol {
	padding: 0 0 15px 25px;
}

#lev2Left li {
	font-size: 1.2em;
	line-height: 1.4em;
}

		#lev2Left .leftColumn {
			width: 240px;
			float: left;
		}

		#lev2Left .rightColumn {
			width: 240px;
			float: right;
		}
		
#lev2Left .textSmall {
	font-size: 97%;
}
		
#lev2Left .textCenter {
	text-align: center;
}


/* Join Mailing List & Recipe Forms */
		
#lev2Left .labelColumn {
	font-size: 1.2em;
	text-align: right;
	padding: 2px 5px 5px 0;
	width: 175px;
	float: left;
}
		
#lev2Left .fieldColumn {
	padding: 0 0 5px 0;
	width: 300px;
	float: left;
}
		
		#lev2Left .textField {
			font-family: arial, helvetica, sans-serif;
			color: #666666;
			font-size: 1.2em;
			width: 275px;
		}
		
		#lev2Left .textField2 {
			font-family: arial, helvetica, sans-serif;
			color: #666666;
			font-size: 1.1em;
			width: 275px;
		}
		
		#lev2Left .textareaField {
			font-family: arial, helvetica, sans-serif;
			color: #666666;
			font-size: 1.1em;
			width: 100%;
		}
		
		#lev2Left .selectField {
			font-family: arial, helvetica, sans-serif;
			color: #666666;
			font-size: 1.2em;
			width: 280px;
		}
		
		#lev2Left .formSubmit {
			font-family: arial, helvetica, sans-serif;
			color: #666666;
			font-size: 1.2em;
			background-color: #ffffff;
			border: 1px solid #c0c0c0;
			width: 280px;
			cursor: pointer;
		}
		
		#lev2Left .formError {
			color: #ff0000;
			border: 1px solid #ff0000;
			padding: 10px;
			background-color: #f5f5f5;
			margin: 0 0 15px 0;
		}


/* Level 2 Right Column */

#lev2Right {
	width: 245px;
	float: left;
}

#lev2Right h2 {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
	color: #3a6587;
	padding: 0 0 10px 0;
}

		#lev2Right h2 a, #lev2Right h2 a:visited  {
			font-weight: normal;
			font-style: normal;
			color: #3a6587;
			text-decoration: underline;
		}
		#lev2Right h2 a:active, #lev2Right h2 a:hover {
			font-weight: normal;
			font-style: normal;
			color: #3a6587;
			text-decoration: none;
		}

#lev2Right p {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #999999;
	padding: 0 0 10px 0;
}

#lev2Right a, #lev2Right a:visited  {
	font-weight: bold;
	font-style: italic;
	color: #3a6587;
	text-decoration: none;
}
#lev2Right a:active, #lev2Right a:hover {
	font-weight: bold;
	font-style: italic;
	color: #3a6587;
	text-decoration: underline;
}


/* Products */

.productImage {
	float: right;
	margin: 0 0 10px 10px;
}


/* Menus */

.menuImage {
	float: right;
	margin: 0 0 10px 10px;
}


/* Footer */

#footer {
  text-align: center;
  margin-top: 10px;
}

#footer p {
  color: #acc5d8;
  font-size: 1.15em;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
}

#footer span {
  padding: 0 0 0 15px;
}

#footer a, #footer a:visited {
	color: #acc5d8;
	text-decoration: none;
}
#footer a:active, #footer a:hover {
	color: #acc5d8;
	text-decoration: underline;
}


/* Links */

a, a:visited {
	color: #3a6587;
	text-decoration: underline;
}
a:active, a:hover {
	color: #3a6587;
	text-decoration: none;
}

label.signup {
	width: 262px;
	background-color: white;
	color: #a5a5a4;
	font-size: 1.2em;
	position:absolute;
	left:0px;
	top: 3px;
	font-size: 1.5em;
	float:left;
	z-index: 1;
	padding:3px 0 2px 5px;}
	label.signup-visible {
	
	color: #a5a5a4;
	}

	label.signupright {
		left:137px;
		width:120px;}
.ifform {
	width: 325px;
	padding-bottom:10px;
	position:relative;
	}
	
	.ifform input {
		width: 262px;
		font-size: 1.5em;
		position:relative;
		background-color: transparent;
		z-index: 2}
		.ifform input.non-empty {
			background-color: white;
			color: #676767;}
		
		.ifform input.names, label.signupnames {
			width: 127px;}
		
		.ifform input.affiliateform{
		width: 217px;}
		
		.ifform input:hover {
		background-color: white;}
		
.right {
	float:right;}
.left {
	float:left;}
	

	
	/* =Widget Areas
-------------------------------------------------------------- */
.featured-footer li, .featured-footer-right li {
	list-style: none;
	margin-left: 0;}

.sidecar ul, .widget-container ul {
	list-style: none;
	margin-left: 0;
	padding: 0;
}
.sidecar ul ul, .widget-container  ul ul {
	list-style: none;
	margin-left: 5px;
	padding-left: 0px;
}
.sidecar select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	font-weight: bold;
}

#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}