/* @override http://afuturefarm.com/css/screen.css */

/* @override 
	http://futurefarm.goodbarry.com/css/screen.css
	http://afuturefarm.com/css/screen.css
	http://www.afuturefarm.com/css/screen.css
*/

/* 
Title:		A Future Farm
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	June 25, 2008
Updated:	May 15, 2009
*/

/* --------------------------------------------------------------    
  GLOBAL
   * Sets site specific globel elements.     
-------------------------------------------------------------- */
body {
	background: #0D191E url(../Images/img/bg_body.jpg) no-repeat 50% 0;
	color: #FFF;	
	padding: 0;
	margin: 0;
}
body#inside {
	/*background: #0D191E url(../images/img/bg_body_onecol.jpg) no-repeat 50% 0;*/
}

/*--[Generic Link Rules]--*/
a:link, a:visited {
	color:#1694C9;
	text-decoration: none;	
}
a:hover {
	color: #D35900;
}
/*--[Generic List]--*/
ul.std {
	padding: 2px 0;
}
	ul.std li {
		background: url(../Images/img/bullet_orange.gif) no-repeat 0 50%;
		padding: 2px 0 2px 18px;
		font-size: 90%;
	}

/* --------------------------------------------------------------    
   STRUCTURE
   * Sets structure skeleton. Don't be frightened.     
-------------------------------------------------------------- */

	/*--[Main Wrapper]---------*/
	.wrapper {
		width: 1000px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}
	
	/*--[Master Columns]---------*/
	.left_col { 
		float: left;
		width: 401px;
		position: relative;
		color: #FFFFCC;	/* Light Yellow */
	}
	.right_col {
		float: right;
		width: 599px;
		position: relative;

	}
	.one_col {
		width: 100%;
		position: relative;

	}
	
	/*--[Content Area]---------*/
	.content {
			padding: 0 20px;
	}
		.left_col .content {
			padding: 240px 20px 0 20px;
		}
		#inside .left_col .content {
			padding: 150px 20px 0 20px;
		}

/* --------------------------------------------------------------    
  NAVIGATION
   * Sets navigation menus and buttons.     
-------------------------------------------------------------- */
	/*--[Top Navigation Area]-------*/
	.topnav_block {
		height: 102px;
		position: relative;
		border-bottom: 1px solid #2a3438;
		z-index: 9000;	
	}
		/*--[Main Navigation Bar]--*/
		ul#nav_233358 {
			position: absolute;
			bottom: 0px;
			right: 0;
			float: left;
			height: 30px;
			background-color: #253034;
		}
			ul#nav_233358 li {
				float: left;
				display: block;	
				padding: 0 2px;
			}
				ul#nav_233358 li.first {
					background-image: none;
				}
				ul#nav_233358 li a:link, ul#nav_233358 li a:visited {	 
					float: left;
					color:  #FFF;
					font: normal 130%/25px Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
					padding: 0 10px;
					background-color: #2a3438;
					margin-top: 5px;
				}
				ul#nav_233358 li a:hover {
					background-color: #FF9933; /*Bright Orange*/
					color: #FFF;
				}
				
				/*--[Top Navigation Links]--*/				
				ul#nav_top {
					position: absolute;
					top: 0px;
					right: 0;
					float: left;
				}
					ul#nav_top li {
						float: left;
					}
						
						ul#nav_top li a:link, ul#nav_top li a:visited {	
							display: inline;
							border-left: 1px solid #a3a3a3;
							font: 80% Arial, Helvetica, sans-serif;
							padding: 0 6px;	
							color:  #FFF;
						}
							ul#nav_top li.first a {
								border-left: none;
							}
						ul#nav_top li a:hover {
							color: #FF9933;
						}				
					

/* --------------------------------------------------------------    
   HEADLINES
   * H-tag styling and image replacement.      
-------------------------------------------------------------- */
	/*--[H1 Logo link and image replacement with H2 tagline]--*/
	h1.logo {
		background: url(../Images/img/logo_futurefarm_main.jpg) no-repeat;
		text-indent: -9926px;
		width: 401px;
		height: 240px;
		padding: 0;
		z-index: 9000;
		position: absolute;
	}
		h1.logo a {
			display: block;	
			background: url(../Images/img/logo_futurefarm_main.jpg) no-repeat;
			height: 240px;
		}
	h2.logo_tagline {
		text-indent: -9926px;
		display: none;
	}

	/*--[Big Words]--*/
	.bigorange {
		font: 300% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #FF9933; /*Bright Orange*/
		display: block;
		padding: 25px 0;
	}
	.medorange_line {
		font: 180% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #FF9933; /*Bright Orange*/
		border-bottom: 1px solid #333;	
		padding: 0;
		margin: 0 0 10px 0;
	}
	.medgray_line {
		font: 180% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color:#dbdcde; /*Light Gray*/
		border-bottom: 1px solid #333;	
		padding: 0;
		margin: 0 0 10px 0;
	}
	.medbigorange {
		font: 220% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #FF9933; /*Bright Orange*/
		padding: 0;
		margin: 10px 0;
	}	
	

/* --------------------------------------------------------------    
   TYPOGRAPY
   * Set custom typography. May override foundation.      
-------------------------------------------------------------- */





/* --------------------------------------------------------------    
	MISC
   * The bits and pieces.      
-------------------------------------------------------------- */
/*--[Front News Block]--*/
.news_block {
	padding: 0 10px;
}
	.news_block h4 {
		padding: 0;
		margin: 0;
		color: #FFF;
		font: normal 160%/normal Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;	
		line-height: normal;	
	}
	.news_block span.date {
		display: block;
		padding: 0 0 12px 0;
		margin: 0;
		color: #a8ad8c;
	}
	.news_block p {
		color: #FFF;
	}
	.news_block a:link, .news_block a:visited {
		display: block;
		height: 33px;
		width: 117px;
		text-indent: -9926px;	
		float: right;
		background: url(../Images/img/btn_tmp.gif);
		color: #FFF;
	}
	
/*--[Inside News Block]--*/	
#inside .news_block {
	padding: 0 10px;
}
#inside .right_col .news_block {
	padding: 30px 10px;
}
	#inside .news_block h4 {
		padding: 0;
		margin: 0;
		color: #FFF;
		font: normal 160%/normal Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;	
		line-height: normal;	
	}
	#inside .news_block span.date {
		display: block;
		padding: 0 0 12px 0;
		margin: 0;
		color: #a8ad8c;
	}
	#inside .news_block p {
		color: #FFFFCC;	/* Light Yellow */
	}
	#inside .news_block a:link, #inside .news_block a:visited {
		display: block;
		height: inherit;
		width: inherit;
		color: #FF9933; /*Bright Orange*/
		background: none;
		text-indent: 0;
		float: none;
		font: normal 110% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
		padding: 0 0 10px 0;
		margin-bottom: 10px;
		border-bottom: 1px solid #333;
	}
	#inside .news_block a:hover {	
		color:#1694C9;
	}
/*--[Focus Box]--*/
.focus_box {
	padding: 25px 0;
	
}
	.focus_box img {
		margin: -10px;
		border: 10px solid #CCC;
	}
	
/*--[Front Featured Products]--*/	
ul.featured_front {
	width: 100%;
	float: left;
}
	ul.featured_front li {
		float: left;	
		width: 172px;
		padding: 0 7px;
		
	}
		ul.featured_front li img {	
			display: block;
			border: 5px solid #CCC;
			height: 152px;
			width: 152px;
		}
		ul.featured_front li h4 {
			padding: 10px 0 3px 0;	
			color: #FFF;
			border-bottom: 1px solid #333;
			font-size: 130%;
		}
		ul.featured_front li p {
			font-size: 90%;		
		}
		ul.featured_front li a.go:link, ul.featured_front li a.go:visited {
			display: block;
			height: 27px;
			width: 64px;
			background: url(../Images/img/btn_arrow_tab_1.gif) no-repeat 0 0;
			color: #FFF;
			font-size: 120%;
			line-height: 27px;
			text-align: center;
			float: right;
		}
		ul.featured_front li a.go:hover {
			color: #333;
		}
		

/* Shop and Products classes and elements
-------------------------------------------------------------- */
ul.catalogueitemdump { padding:0 0 20px 0; }
ul.catalogueitemdump li { 
	background:url(../Images/img/icon_star_blue.gif) no-repeat 0 50%;
	padding: 3px 0 3px 24px; font-size:140%;
}

.product_box {
	background:url(../Images/img/bg_transback.png) repeat; 
	padding: 10px; border-bottom-style:solid; border-top:1px solid #333;
	margin:20px;
 }
 	.product_box h3 a:link, .product_box h3 a:visited  {
		font: 230%/1.0em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #FF9933; /*Bright Orange*/
		display: block;
		padding: 0 0 10px 0;
	}
 	.product_box h4 {
		padding: 0 0 10px 0;
		margin: 0;
		color: #FFF;
		font: normal 160%/normal Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;	
		line-height: normal;	
	}
	.product_box .thumbleft { 
		border: 4px solid #CCC;
		float:left;
	 }
	 .product_box ul { 
	 	float:right; font-size:130%; }
	  	.product_box ul li { 
	  		background:url(../Images/img/bullet_orange.gif) no-repeat 0 50%;
	  		padding:3px 0 3px 20px;
	  	}
	  	.product_box ul li.nobullet { 
	  		background:none;
	  		padding: 3px 0;
	  	 }

.product_detail {
	background:url(../Images/img/bg_transback.png) repeat; 
	padding: 10px; border-bottom-style:solid; border-top:1px solid #333;
	margin:0 20px;
 }
 	.product_detail h3 {
		font: 230%/1.0em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #FF9933; /*Bright Orange*/
		padding: 0 0 10px 0;
	}
 	.product_detail h4 {
		padding: 0 0 10px 0;
		margin: 0;
		color: #FFF;
		font: normal 160%/normal Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;	
		line-height: normal;	
	}
	.product_detail ul { 
		padding: 3px 0;
	 }
	.product_detail li { 
		background:url(../Images/img/bullet_orange.gif) no-repeat 0 50%;
		padding: 2px 0 2px 20px;
	 }
	.product_detail ul.boxed { 
		float:right;
		background:#334049;
		padding:10px;
		margin: 0 10px;
		border:1px solid #46463e;
		width: 140px;
	}	
		.product_detail ul.boxed li { 
			background-image:none;
			padding:2px 0;
		 }
	.product_detail ul.boxed .price { font-size:130%; }	 	
	.product_detail .image { 
		width:346px;
		float:left;
	 }
	 	.product_detail .image img {
			border:3px solid #46463e;
		} 
		
	.product_detail li.button { 
		margin: 10px 0 0 0;  
		text-align: center;
	 }	
 	.product_detail .description h4 {
		padding: 10px 0 5px 0;
		margin: 0;
		color: #FFF;
		font: normal 160%/normal Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;	
		line-height: normal;	
	}	 
.productTextInput { 
	width:15px;
 }		

/*--[Cart Summary]--*/
.catCartSummary { 
	line-height: 40px;
	color:#ff9900;
}
a.cartSummaryLink { 
	background:url(../Images/img/icon_cart.gif) no-repeat;
	padding: 2px 0 2px 22px;
	
 }

/*--[Buttons]----------*/
	.ovalbtn a:link, .ovalbtn a:visited {
		display: block;
		height: 33px;
		width: 117px;
		text-indent: -9926px;	
		float: right;
		color: #FFF; background-image:url(../Images/img/btn_oval_learnmore.gif); 
		}
	.learnmore { 
		background: url(../Images/img/btn_oval_learnmore.gif);
	 }
	 
/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/*--[Footer Section]--*/
img.right {
	float:  right;
	border: 5px solid #CCC;
	height: 152px;
	width: 152px;
	margin: 0 0 3px 15px;	
}
img.left {
	float:  left;
	border: 5px solid #CCC;
	height: 152px;
	width: 152px;
	margin: 0 15px 3px 0;			
}

	/*--[Footer Section]-------*/
	#footer {
		clear: both;
		margin: 25px 0 0 0;
		border-top: 1px solid #333;
		padding-bottom: 25px;
	}

		#footer p {
			padding: 20px 0 0 0; 
			font: 80% Arial, Helvetica, savns-serif;
			color: #757575;
			height: 25px;
		}
		#footer p.right {  
			float:right;
		}
		#footer p.oc { 
			float: left;
			background:url(../Images/img/bg_octag.gif) no-repeat 0 50%;
			padding-left: 30px;
		 }
			#footer p.oc a:link, #footer p.oc a:visited { 
				color: #757575;
			}
			#footer p.oc a:hover {
				color:#c9ff6a;
			}
		
		
#lightbox {
	z-index: 10000;
}
#overlay {
	z-index: 8000;
}