/*
Theme Name: EDEN
Theme URI: http://www.whatsyoureden.com
Description: Engineered and Designed Nutrition
Author: EDEN
Author URI: http://www.whatsyoureden.com
Version: 1.0
.
EDEN Theme
.
*/




/*----------------------------	NORMALIZE ----------------------------*/

body {
	background: #0b0c0d;
	font-family: Arial, verdana, sans-serif; 
	}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*----------------------------	END - NORMALIZE ----------------------------*/





/*----------------------------	TEXT styles ----------------------------*/
p {
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 160%;
	padding: .6em 0;
	}

a { outline: none;
	font-family: Arial, verdana, sans-serif; 
	}

h2 {
	color: #fff;
	font-family: Arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: .6em 0;
	}

h3 {
	color: #74b800;
	font-family: Arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding: .4em 0
	}

p strong { font-weight: bold; }

#content a { color: #9ca0a4; text-decoration:none; }
#content a:hover { color: #fff; text-decoration:underline; }


#content ul {
	color: #9d9d9d;
	font-family: Arial, verdana, sans-serif;
	list-style-image: url("../images/li_bullet.gif");
	font-size: 12px;
	line-height: 180%; 
	padding: .6em 0 .6em 45px;
	}
#content ul a { color: #9d9d9d }
#content ul a:hover {	color: #fff }

.indent {margin-left:25px;}
.italicized {font-style:italic;}
.quoted_person 
{
	font-size: 16px;
}
.quoted_person_description 
{
	color: #74b800;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
}
/*----------------------------	END - TEXT styles ----------------------------*/

	
	
	
	
	
	
/*----------------------------	STRUCTURE ----------------------------*/
#wrap {
	background: transparent url("../images/wrap_bg.gif");
	position: absolute;
	left: 50%;
	width: 880px;
	margin-top: 31px;
	margin-left: -440px;
	}
	
#logo_column {
	float: left;
	width: 159px;
	height: 289px;	
	}

#logo_column h1 a {
	display: block;
	height: 289px;
	width: 159px;
	margin: 0;
	padding: 0;
	background: transparent url("../images/logo_bg.gif") 0 0 no-repeat;
	letter-spacing : -1000em;
	text-indent: -200em;
	overflow: hidden;
	}

#content {
	background: transparent url("../images/content_top_bg.gif") top left no-repeat;
	float: right;
	width: 721px;
	padding-bottom: 20px;
	}

#gutter {
	position: relative;
	margin: 35px 60px 10px 30px;
	}
/*----------------------------	END - STRUCTURE ----------------------------*/



	
/*----------------------------	NAVIGATION ----------------------------*/

#navigation {
	width: 880px;
	background-color: #0b0c0d;
}

#nav_eden {
	background: #0b0c0d url("../images/nav_eden.gif");
	margin: 0; 
	padding: 0 0 0 0px;
	position: relative;
	top: 0;
	left: 159px;
	width: 690px; /*subtract area left of nav and right of nav*/
	height: 44px;
	}

#nav_eden li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }

#nav_eden li, #nav_eden a { height: 44px; display: block;}

#nav_eden #home 		{left: 0px;   width: 108px; }
#nav_eden #about_us 	{left: 108px; width: 95px;}
#nav_eden #our_team 	{left: 203px; width: 95px;}
#nav_eden #products 	{left: 298px; width: 95px;}
#nav_eden #research 	{left: 393px; width: 95px;}
#nav_eden #news 	    {left: 488px; width: 95px;}
#nav_eden #contact_us 	{left: 583px; width: 108px;}

#nav_eden #home a:hover 		{ background: transparent url("../images/nav_eden.gif") 0px -44px no-repeat;}
#nav_eden #about_us a:hover 	{ background: transparent url("../images/nav_eden.gif") -108px -44px no-repeat;}
#nav_eden #our_team a:hover 	{ background: transparent url("../images/nav_eden.gif") -203px -44px no-repeat;}
#nav_eden #products a:hover 	{ background: transparent url("../images/nav_eden.gif") -298px -44px no-repeat;}
#nav_eden #research a:hover 	{ background: transparent url("../images/nav_eden.gif") -393px -44px no-repeat;}
#nav_eden #news a:hover 	    { background: transparent url("../images/nav_eden.gif") -488px -44px no-repeat;}
#nav_eden #contact_us a:hover 	{ background: transparent url("../images/nav_eden.gif") -583px -44px no-repeat;}

#nav_eden #home.active 			{ background: transparent url("../images/nav_eden.gif") 0px -88px no-repeat;}
#nav_eden #about_us.active 		{ background: transparent url("../images/nav_eden.gif") -108px -88px no-repeat;}
#nav_eden #our_team.active 		{ background: transparent url("../images/nav_eden.gif") -203px -88px no-repeat;}
#nav_eden #products.active 		{ background: transparent url("../images/nav_eden.gif") -298px -88px no-repeat;}
#nav_eden #research.active 		{ background: transparent url("../images/nav_eden.gif") -393px -88px no-repeat;}
#nav_eden #news.active 		    { background: transparent url("../images/nav_eden.gif") -488px -88px no-repeat;}
#nav_eden #contact_us.active 	{ background: transparent url("../images/nav_eden.gif") -583px -88px no-repeat;}

#nav_eden span { display:none; }
/*----------------------------	END - NAVIGATION ----------------------------*/






/*----------------------------	PAGE TITLE styles ----------------------------*/

h2.swap { background-repeat: no-repeat; height: 29px; }
h2.swap span { display: none;}

h2#title_about_us 	{background: transparent url("../images/title_about_us.gif") top left no-repeat;}
h2#title_our_team	{background: transparent url("../images/title_our_team.gif") top left no-repeat;}
h2#title_products	{background: transparent url("../images/title_products.gif") top left no-repeat;}
h2#title_testimonials	{background: transparent url("../images/title_testimonials.gif") top left no-repeat;}
h2#title_research	{background: transparent url("../images/title_research.gif") top left no-repeat;}
h2#title_news	{background: transparent url("../images/title_news.gif") top left no-repeat;}
h2#title_contact_us	{background: transparent url("../images/title_contact_us.gif") top left no-repeat;}
/*----------------------------	END - PAGE TITLE styles ----------------------------*/





/*----------------------------	FORM styles ----------------------------*/
#formfields {
	border-top: 3px solid #353738;
	margin-top: 12px;
	padding: 14px 0;
	}	
	
#formfields input, #formfields textarea{
	border: 1px solid #66676a;
	background: #484a4e url("../images/input_bg.gif") top left repeat-x;
	color: #fff;
	width: 260px; 		/* Width of text input fields */
	}
	
#formfields input, #formfields textarea {
	font-family: Arial, verdana, sans-serif; 
	overflow: auto; 	/* Drops the scrollbar in IE */
	}
		
#formfields input { height: 24px; }
#formfields input:hover, #formfields textarea:hover { border: 1px solid #888b8f; }
#formfields input:focus,#formfields textarea:focus { border: 1px solid #cbcbcb; }

#formfields dt {
	float: left;
	clear: left;
	width: 20%;
	margin: 10px 10px 0 0;
	text-align: left;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	}	

#formfields dd {
	float: left;
	margin: 10px 0 0 0;
	width: 70%;
	}

#formfields input.submit_btn {
	background: transparent url("../images/form_submit_btn.gif");
	border: 0;
	width: 141px;
	height: 39px;
	}

#formfields input.submit_btn:hover {
	background: transparent url("../images/form_submit_btn_over.gif");
	border: 0;
	}
	
input#URL { display:none } /* Hides field to block spam-bots. Hopefully. */
/*----------------------------	END - FORM styles ----------------------------*/







/*----------------------------	PAGE SPECIFIC styles ----------------------------*/
.home p {
	float: right;
	width: 230px;
	margin: 15px 0 0 0;
	padding: 0 0 25px 0;
	}

.home img{
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	}

#float_left {
	float: left;
	width: 350px;
	}

#float_right {
	float: right;
	}
	
/* 
	Block-Styles 
*/

.block {	
	margin-bottom:20px;
	position:relative;
}

.block_inside { 
	display:block; 		
	padding:0px;
	overflow:auto;
}
.image_block {	
	float:left;
	width:365px;
	margin-left:0px;
	padding-top:0px;
}

.text_block {
	margin: 0 0 0 25px;
	padding:0;
	float:left;
}

#block_featuredblog .text_block { padding-top:5px }

.text_block ul {
	color: #9d9d9d;
	font-family: Arial, verdana, sans-serif;
	list-style-image: url("../images/li_bullet.gif");
	font-size: 12px;
	line-height: 180%; 
	padding: .6em 0 .6em 45px;
}
.text_block ul a { color: #9d9d9d }
.text_block ul a:hover {	color: #fff }

.text_block .product_picture { }

.LBM_calculation {margin:10px 0 0 85px;}
.LBM_example {margin:10px 0 0 190px;}
.LBM_chart {margin:10px 0 0 15px;}


	
#home_testimonial {
	margin: -70px 0 0 0;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 160%;
	padding: .6em 0;
	width: 375px;
	display: block;	
}
	
#testimonial_btn_desciption {
	padding: 62px  0 0 0;
}
	
#testimonials_btn {
	background: transparent url("../images/testimonials_btn.gif");
	margin: 100px 0 0 445px; 
	padding: 0;	
	left: 0px;
	top: 0px;
	width: 141px; 
	height: 39px; 
	}
	
#testimonials_btn a { height: 39px; display: block;}
	
#testimonials_btn a:hover { background: transparent url("../images/testimonials_btn.gif") 0px -39px no-repeat;}

#testimonials_btn span { display:none; }

#product_nav {	
	margin: 0; 
	padding: 0;
	position: relative;
	left: 52px;
	top: 20px;
	width: 521px; 
	height: 286px; }

	#product_nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
	#product_nav li, #product_nav a { height: 286px; display: block;}
	
#eden_recovery {background: transparent url("../images/eden_recovery_product_btn.jpg"); left: 0px; width: 221px; }
#eden_pure_whey {background: transparent url("../images/eden_pure_whey_product_btn.jpg"); left: 305px; width: 221px;}

#eden_recovery a:hover { background: transparent url("../images/eden_recovery_product_btn.jpg") 0px -286px no-repeat;}
#eden_pure_whey a:hover { background: transparent url("../images/eden_pure_whey_product_btn.jpg") 0px -286px no-repeat;}

#product_nav span { display:none; }


.research_splitter {margin: 20px 0 20px 20px;}

/*----------------------------	PAGE SPECIFIC styles ----------------------------*/



/*------------------------ Blog Styles */

.blog_title 
{
	color:#72b600;
	margin-bottom: -10px;
	font-size:16px;
}

#content .blog_title a
{
	color:#72b600;
}

#content .blog_title a:hover
{
	color:#FFF;
	text-decoration:none;
}

.blog_author_date
{
	background-color:#FFF;
	padding-top: 2px;
	height: 15px;
}

.blog_post_author
{
	color:#FFF;	
	font-size:x-small;	
}

.blog_post_author a{
	color:#222;
}

.blog_post_date
{
	
	font-size:x-small;
	color:#FFF;
	float:right;
}

#content .blog_post_author a {
	color:#72b600;
}

#content .blog_post_author a:hover {
	color:#FFF;
}

#content .blog_read_more 
{
	font-size:small;
	color:#72b600;
}

#content .blog_read_more:hover 
{
	font-size:small;
	color:#FFF;
}

#content .tags_title 
{
	font-size:x-small;
	color:#FFF;
}

#content .tags_title a
{
	font-size:x-small;
	color:#72b600;
}

#content .tags_title a:hover
{
	color:#FFF;
}

.horizontal_separator
{
	height:2px;
	background-color:#FFF;
	margin: 5px 0 1px 0;
}

#content .blog_spread_word 
{
	font-size:small;
	color:#fff;
}

#content .blog_spread_word_links 
{
	font-size:x-small;
	color:#72b600;
}

#content .blog_spread_word_links:hover 
{	
	color:#FFF;
}

#searchsubmit, #s
{
	margin: 3px 0px 2px 80px;
	width: 128px;	
}

input#s 
{
	background-color: #222222;
	border: 1px solid #414141;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	color: #FFFFFF;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 128px;
}

.blog_group
{
	margin: 40px 0px 2px 20px;
	color: #72b600;
}

.blog_group img
{
	margin: 0 0 -15px 60px;
	padding: 0;
}

.blog_group ul { margin:15px 0px 30px 15px; padding:0px; }
.blog_group ul li 
{ 
	background-color: #222222;
	border-top: 1px solid #414141;
	color: #72b600;
	font-size:x-small;
	list-style:none; 
	margin:0px 0px 0px 0px; 
	padding:2px 5px 2px 5px; 
}
.blog_group ul li:hover
{ 
	background-color: #171717;
}
.blog_group ul li a { color:#72b600; display:block; }
.blog_group ul li a:hover {color:#FFF;}



/* ------------------------------- FOOTER styles ------------------------------*/

#footer {
	clear: both;
	background: #0b0c0d url("../images/footer_bg.gif") top left no-repeat;
	height: 84px;
	width: 880px;
	position: relative;
	font-size: 11px;
	padding-bottom: 20px;
	}

#footer-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 53px;
	left: 188px;
	}

#footer-nav li{
	display: inline;
	list-style: none;
	padding-right: 10px;
	}

#footer-nav li a { color: #6fac05; text-decoration: none }

#footer li a:hover { text-decoration: underline }

#footer li.active { color: #6fac05 }

#copyright {
	position: absolute;
	top: 51px;
	right: 60px;
	padding: 0px;
	margin: 0px;
	color: #4e4e4e;
	font-size: 11px;
	}
	
/* ------------------------------- ND - FOOTER styles ------------------------------*/





/* ------------------------------- HACKS -------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* ------------------------------- END - HACKS -------------------------------------------*/