/* @override http://www.lajotart.com.br/css/home.css */


/*=====
FILE: home.css
AUTHOR: Animasite (animasite@animasite.com.br)
=====*/

body { background:#edece8 url(imagens/body_bg.jpg) repeat-x; }

/*=====>> PRIMARY CONTENT <<=====*/
#primaryContent 		    { position:relative; margin-top:1em; }

	/*----- SUBNAV -----*/
	#subnav					{ float:left; margin:.8em 0 0; padding:0; list-style:none;  }
	#subnav li a			{ display:block; height:35px; width:227px; padding:30px 0 10px 50px; text-indent:-999em; }
	#subnav li:hover,
	#subnav li.selected		{ background:url(imagens/subnav_li_hover_bg.gif) no-repeat; }
	#subnav li#resources a			{ background:url(imagens/tools_resources_li_bg.gif) no-repeat left center; }
	#subnav li#planting-space a		{ background:url(imagens/planting_space_li_bg.gif) no-repeat left center; }
	#subnav li#eds-picks a			{ background:url(imagens/eds_picks_li_bg.gif) no-repeat left center;  }
	
	#sub_header { float:right; position:relative; margin:-233px 18px 10px 0; width:672px; height:239px; }
	/*
	#tab_holder { position:absolute; }
	#tab_holder div { width:672px; height:239px; }
	#tab_holder div div { position:relative; }
	*/
	
	.maintab	{ position:absolute; top:0; left:0; width:672px; height:239px; display:none; }
	#header_img-tab { background:url(imagens/sub_header_bg.jpg) no-repeat; z-index:2; display:block; }
	#sub_header div div { position:relative; }	
	#resources-tab { background:url(imagens/toolsres_bg.jpg) no-repeat; }
	#eds-picks-tab { background:url(imagens/edspicks_bg.jpg) no-repeat;  }
	#planting-space-tab { background:url(imagens/plantingspace_bg.jpg) no-repeat; }
	#sub_header div div p 	{ color:#494643; position:absolute; top:73px; left:287px; width:330px; color:#FFFFFF; line-height:20px; }
	#sub_header div div ul	{ position:absolute; top:165px; left:287px; margin:0; padding:0; list-style:none; }
	#sub_header div div li	{ float:left; margin-right:8px; }
	#sub_header div div li a { display:block; text-indent:-999em; height:38px; }
	
	
	/*---- TOOLS/RESOURCES TAB ----*/
	#resources-tab li#popular-downloads a { background:url(imagens/popular_downloads_bg.gif) no-repeat left top; width:189px; }
	#resources-tab li#free-resources a 	{ background:url(imagens/free_resources_bg.gif) no-repeat left top; width:144px; }
	#resources-tab li#popular-downloads a:hover,
	#resources-tab li#free-resources a:hover  { background-position: left bottom; }
	
	/*----- PLANTING SPACE TAB -----*/
	#planting-space-tab li#view-blogs a { background:url(imagens/view_the_blogs_bg.gif) no-repeat left top; width:144px; }
	#planting-space-tab li#view-podcasts a { background:url(imagens/view_podcasts_bg.gif) no-repeat left top; width:166px; }
	#planting-space-tab li#view-blogs a:hover, 
	#planting-space-tab li#view-podcasts a:hover { background-position:left bottom }
	
	/*----- ED'S PICKS TAB -----*/
	#sub_header #eds-picks-tab ul li	{ margin-right:2px;  }
	#sub_header div#eds-picks-tab div ul{ left: 350px; }
	#eds-picks-tab li#free-downloads a { background:url(imagens/free_downloads_bg.gif) no-repeat; width:152px; }
	#eds-picks-tab li#eds-blogs a { background:url(imagens/view_blogs_bg.gif) no-repeat; width:96px; }
	#eds-picks-tab li#eds-podcasts a { background:url(imagens/ed_podcasts.gif) no-repeat; width:116px; }
	#eds-picks-tab li a				 { background:url(imagens/eds_picks_a.gif) no-repeat; width:195px; }
	#eds-picks-tab li a:hover,
	#eds-picks-tab li#free-downloads a:hover,
	#eds-picks-tab li#eds-blogs a:hover,
	#eds-picks-tab li#eds-podcasts a:hover { background-position: left bottom; }

/*=====>> SECONDARY CONTENT <<=====*/
#secondaryContent { padding-bottom:2em; margin-top: -25px; }
#secondaryContent p{ text-align:justify;  }
#content { float:right; width:672px; }
.col { float:left; width:300px; }

	#featured, #news			{ background:url(imagens/tab_ul_bg.gif) repeat-x left 35px; }
	#featured h3, #news h3 span { display:block; text-indent:-999em; }
	#featured h3, #news h3		{ margin-top:1.2em; }
	
	/*----- FEATURED -----*/
	#featured 				{ position:relative; margin-right:34px;}
	#featured h3 			{ background:url(imagens/featured_h3_bg.gif) no-repeat; width:85px; height:16px; }
	#tabs 					{ position:absolute; top:2px; right:0; margin:5px 0 0; padding-bottom:4px; }
	
	
	#tabs li			{ float:left; display:inline; }
	#tabs li a			{ display:block; font:11px Arial, verdana, sans-serif; color:#3c3836; text-transform:lowercase; text-decoration:none; padding:10px 11px;}
	#tabs li a:hover	{ text-decoration:underline; color:#d06d01; }
	#tabs li.selected	{ background:url(imagens/tab_li_bg.gif) no-repeat left top;  padding-left:6px; }
	#tabs li.selected a { background:url(imagens/tab_li_a_bg.gif) no-repeat right top; padding-left:6px; } 
	#tabs li.selected a:hover { text-decoration:none; color:#3c3836; }
	
	/*----- BOOK TAB -----*/
	#book-tab img		{ float:left; margin:0 1em 0 0; padding:3px; background:#fff; border:1px solid #c7c3c1; }
	#book-tab p			{font-size:1.2em; margin:.5em 0; text-align:left; }
	#book-tab li a		{ font-size:11px; line-height:20px; color:#d06d01; display:inline; }
	#book-tab li a:hover{ text-decoration:none; }
	#book-tab small		{ margin-bottom:.5em; }
	
	/*----- PODCAST TAB -----*/
	#podcast-tab 		{ clear:both; padding-top:2em;}
	#podcast-tab h5 	{ font-size:1.2em; margin:0;	}
	#podcast-tab p		{ margin-top:0; margin-bottom:.5em; font-size:1.2em; }
	
	/*------ LATEST NEWS POST -----*/
	#news					{ position:relative; }
	#news h3				{ display:block; background:url(imagens/latest_news_bg.gif) no-repeat; width:107px; height:16px; text-indent:-999em; }
	#news a.view-all		{ position:absolute; top:10px; right:0; display:block; background:url(imagens/home_subscribe.gif) no-repeat; width:79px; height:20px; text-indent:-999em; }
	#news h3 a				{ color:red; margin-left:100px; }
	#news span.date 		{ text-transform:uppercase; }
	.news 					{ padding-top:2em; }
	#news h5				{ font-size:1.2em; margin:0; }
	#news p					{ margin:0 0 .5em; font-size:1.2em; }
	
	/*----- SIDEBAR -----*/
	#upcoming-events 	{ background:url(imagens/tab_ul_bg.gif) repeat-x left 25px; width:227px; margin-top:3em; margin-bottom: 15px; }
	#upcoming-events h3 { position:relative;  }
	#upcoming-events h3 span { display:block; background:url(imagens/upcoming_events_h3_bg.gif) no-repeat; width:139px; height:25px; text-indent:-999em; }
	#upcoming-events h3 a	{ position:absolute; top:0; right:0; display:block; background:url(imagens/view_all_bg.gif) no-repeat; width:59px; height:20px; text-indent:-999em; }
	#upcoming-events h3 a:hover { background-position: left bottom; }
	
	#upcoming-events div 		{ 	margin-left: 0px;
		padding-left: 0px;
		border-top: 1px solid #CCC;
	} 
	#upcoming-events div.top	{ border:none; }
	#upcoming-events div a small{ float:right; text-transform: uppercase; font-size:.9em; margin-top:2px; text-decoration: none;}
	#upcoming-events div a span { float:left; width:55%; font-size:1.1em; margin-bottom: 9px; }
	#upcoming-events div a span:hover {text-decoration: underline; }
	#upcoming-events div a 		{ display:block; padding: 9px 0px 20px 0px; color:#555352; text-decoration:none;  }
	#upcoming-events div a:hover{ color:#d06d00;  }