/* @override 
	http://www.harvestcc.us/css/styles.css
	http://www.harvestcommunitychurch.com/css/styles.css
	http://harvest.dev/css/styles.css
*/

/*=====
CLIENT:   Harvest Community Church
CREATED:  7/24/2008
MODIFIED: 11/24/2008
AUTHOR:   Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */
body 						{ 
							  background:#1d1f21 url(/images/body_bg.jpg) repeat-x; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#2A3135; 

							}
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#outer-container			{ background:url(/images/outer_container_bg.jpg) no-repeat center top;  }
#container 					{ margin:0 auto; width:960px; padding-bottom:30px; }
a 							{ overflow: hidden; }

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

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

.hidden						{ display:none }
.show						{ display:block; }
/* @end */

/* @group HEADER */
#header					{ position:relative; z-index:1000; height:152px; }
#header h1 a,
#header h1				{ display:block; width:300px; height:83px; }
#header h1				{ position:absolute; top:4px; left:-5px; background:url(/images/logo.png) no-repeat; text-indent:-999em; }
#header h1 a:focus		{ outline:none; }

#header fieldset,
#header form			{ margin:0; padding:0; border:0; }
#header form			{ 
						  position:absolute; top:18px; right:14px; display:block; width:232px; height:31px; 
						  background:url(/images/search_bg.gif) no-repeat;
						}
#header input			{ 
						  background:#44484c; margin:4px 0 0 15px; padding:4px; float:left; border:0; font-size:11px; color:#fff; text-
						  transform:capitalize; 
						}
#header form a			{ 
						  display:block; width:22px; height:22px; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em; 
						  position:relative; top:4px; right:8px;float:right; 
						}
/* @end */

/* @group SERVICE TIMES */
#service				{ position:absolute; top:67px; right:12px; }
#service p				{ font:15px/18px georgia, times, serif; color:#fff; text-align:right; margin:0;}
#service a				{ font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif; color:#e0c373; font-size:13px;}
#service a:hover		{ text-decoration:none; }
/* @end */

/* @group NAVIGATION */ 
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ 
						  padding-left:10px; height:42px; width:950px; background:url(/images/nav_bg.gif) no-repeat left bottom; 
						  position:absolute; bottom:0;
						}
#nav li 				{ float:left; background:url(/images/nav_li_bg.gif) no-repeat right bottom; padding-right:2px; }

#nav li.current			{ background:url(/images/nav_li.gif) no-repeat right top; padding-right:6px; position:relative; top:-3px;}
#nav li.current a,

#nav li.current:hover a { background:url(/images/nav_a.gif) no-repeat left top; color:#1d1e20; padding:0 14px 0 20px; line-height:45px; }

#nav li a 				{ display:block; font-size:1.3em; padding:0 18px 0 20px; line-height:42px; text-decoration:none; color:#fff; }

#nav li:hover a,
#nav li a:hover			{ background:#575d62; line-height:37px; position:relative; top:3px; margin-bottom:2px; } 
#nav li.current:hover a,
#nav li.current a:hover	{ top:0px; line-height:45px; margin-bottom:0px; }

#nav li li 				{ border:none; float:none; background:none; padding:0; }  

#nav li.current li,
#nav li.current:hover li,
#nav li:hover li		{ background:none; top:0; padding:0; }

#nav li.current li a,
#nav li.current:hover li a,
#nav li:hover li a		{ background:#212325; color:#fff; font-weight:bold; padding:5px 20px; line-height:12px; width:130px; top:0; margin:0; font-size:12px; }

#nav li:hover li:hover	{ top:0; }
#nav li:hover li a:hover{  background:#575d62; top:0; }


#nav li ul 				{ 
						  display:none; /*position:absolute; left:-5000px; z-index:1001; background:#212325;
						  width:170px; padding-top:8px;  */
						}
/*							
#nav li:hover ul 		{ left:auto; display:none; }
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
						{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul
						{ left:auto; display:none; }
#nav li:hover ul li:hover ul 
						{ margin:-28px 0 0 140px;}
*/						
/* @end */

/* @group BANNER */
#banner					{ display:block; width:944px; height:222px; background:#fff url(/images/subpage-header.jpg) no-repeat 8px 8px; padding:8px; }
#mainContent			{ 
						  background:#fff url(/images/maincontent_bg.jpg) no-repeat center top; padding-bottom:30px; 
						  min-height:335px; height:auto !important; height:335px; 
						}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent			{ float:right; width:680px; margin-right:20px; } 
#primaryContent p,
#primaryContent li		{ font-size:1.2em; color:#2e2f30; line-height:19px; }
#primaryContent a		{ color:#2b93e7; }
#primaryContent a:hover	{ text-decoration:none; }

#primaryContent td p	{ font-size:1.2em; }
#primaryContent td *	{ font-size:1; }

img.left-align			{ float:left; position:relative; left:-10px; margin:5px 0; }
img.right-align			{ float:right; position:relative; right:-10px; margin:5px 0; }
img						{ border:none; }
h2						{ font-size:2.1em; font-weight:normal; color:#af8719; margin-bottom:0; }
h3						{ font-size:1.6em; }
h4						{ font-size:1.4em; color:#2b93e7; }
.article h4				{ margin-bottom:10px; }
.article p				{ margin-top:0; }
h5						{ font-size:1.5em; color:#2e2f30; }
h6						{ font-size:1.5em; color:#666d73; }
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent		{ float:left; padding:25px 0 0 30px; width:190px; } 

/* @group NEWS */
#news				{ width:205px; float:left; margin: -20px 0 0 -10px;}
#news dl			{ margin:0; padding:14px 0 0; }
#news dt			{ margin:0; padding:14px 0 0; border-top:1px solid #e6e6e6; font-size:12px; font-weight:bold; }
#news dt.first		{ padding:0; border:0; }
#news dt a			{ color:#7e3e3e; text-decoration:none; }
#news dt a:hover	{ text-decoration:underline;  }
#news dd			{ margin:0; padding:0 0 14px; font-size:11px; color:#2e2f30; font-weight:normal; line-height:15px; }
#news dd.date		{ padding:0; margin:0; font-size:10px; color:#837d76; line-height:17px;}
/* @end */


/* @group SUBNAV */
#subnav, #subnav *		{ margin:0; padding:0; list-style:none; }
#subnav					{ width:178px; } 
#subnav li a			{ text-decoration:none; display:block; } 

#articles #subnav_resources a,
#subnav li.current a	{ font:bold 1.5em georgia, times, serif; color:#1d1e20; padding-bottom:12px; border-bottom:1px solid #ccc8c5; margin-bottom:8px;}

#articles #subnav_resources li a,
#subnav li.current li a	{ font:normal 13px "Lucida Grande", arial, sans-serif; color:#3a3c3f; border:none; padding:10px 0; line-height:14px; }

#articles #subnav_resources #subnav_resources_articles a,
#subnav li.current li.current a	
						{ 
						  background:url(/images/current_arrow.gif) no-repeat left center; display:block; line-height:14px; width:183px; padding:10px 0 10px 10px;
						  position:relative; left:-10px; color:#fff;
						}
#subnav li li.current.children a	{ background:none; color:#3a3c3f; }

#subnav li.current li a:hover	
						{ 						    
						  color:#fff; padding:10px 0 10px 10px; display:block; width:183px; background:url(/images/grey_subnav_arrow.gif) no-repeat left center;
						  position:relative; left:-10px; line-height:14px;
						}  
						
#subnav li li ul					{ padding-left:10px; }
#subnav li.current li.current li a	{ background:none; color:#3a3c3f;}  
#subnav li li.current li.current a	{  
								    	color:#fff; padding:0 0 0 10px; display:block; width:183px; 
								    	background:url(/images/current_arrow.gif) no-repeat left center;  position:relative; left:0; line-height:28px;
									}  


/* @end */
/* @end */

/* @group FOOTER */
#footer 		{ padding:20px; }
#footer p 		{ font-size:1.1em; line-height:16px;color:#64696d; text-align: right; margin:0; padding:0; width:50%; float:right;}
#footer a		{ color:#64696d; }
#footer a:hover	{ text-decoration:none; color:#fff; 1}
#footer p#copyright	{ float:left; width:auto; text-align:left; }
/* @end */


/* @group SERMONS */
#filter select						{ width:100px; margin-left:10px; }
#filter a							{ margin-left:20px; }
#primaryContent .sermonlist h4		{ margin:0; padding:10px 0; }
.sermonbox							{ position:relative; padding:10px 0; border-top:1px solid #d8d5d2; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:11px; margin-left:10px; color:#666d73; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 				{ color:#556c6b }
#primaryContent .sermonbox p		{ margin:0;}


.sermonbox ul					{ position:absolute; top:20px; right:10px; margin:0; padding:0; list-style: none;}
.sermonbox li					{ float:left; display:inline; margin-right:5px; }
.sermonbox li a					{ display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li.sl_listen a		{ background:url(/images/play_icon.gif) no-repeat; }
.sermonbox li.sl_download a		{ background:url(/images/download_icon.gif) no-repeat; }
.sermonbox li.sl_notes a		{ background:url(/images/notes_icon.gif) no-repeat; }
.sermonbox li.sl_video a		{ background:url(/images/video_icon.gif) no-repeat; }
.sermonbox li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#text						{  }
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; padding:10px; margin:-75px 0 0 10px; list-style:none; ; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ color:#2f2e30; font-size:15px; margin:-10px -10px 10px; padding:10px 10px 10px 0; border-bottom:1px solid #d8d5d2; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat left 2px; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ height:30px; margin:0 0 1em; padding:0; list-style:none; background:#e0dedb; border:3px solid #ccc8c5;}
	#how-it-works li			{ padding-left:20px; font-size:1.2em; float:left; display:inline; line-height:30px; margin-right:30px;}
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat left center; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat left center; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat left center; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ width:180px; margin-top:2.5em; }
	#sorting h3					{ 
								  font:bold 1.5em georgia, times, serif; color:#1d1e20; padding-bottom:12px; border-bottom:1px solid #ccc8c5; 
								  margin-bottom:8px; 
								}
	#sorting label,
	#sorting select				{ display:block; }
	#sorting label				{ margin-bottom:.5em; font-size:1.2em; font-weight:bold; color:#1d1e20; }
	#sorting select				{ margin-bottom:1.5em; width:100%; }
	#sorting a					{ color:#4eaefc; font-size:1.2em; font-weight:bold; }
	#sorting a:hover			{ text-decoration:none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; width:100%; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #666; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#4a4f53; color:#fff;  font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0;
											  border-top: 0; background:#f4f4f4; color:#55636b; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: none; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#primaryContent table.calendar td li		{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#primaryContent table.calendar td li a		{ text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */

/* @group Enews Signup */

#eletter{
   border-bottom: 1px solid #e2e2e2;
   padding-bottom: 13px;
}

#eletter fieldset{
   border: none;
   padding: 0;
   margin: 0;
}

#eletter fieldset p{
   margin: 0;
   float: left;
}

#eletter input#ea{
   font-size: 1.1em;
   color: #898989;
   padding: 5px 4px;
   float: left;
   display: inline;
   margin-right: 2px;
   width: 126px;
   border: 1px solid #d0d0d0;
   margin-top: 0;
}

#eletter input#submit{
   float: left;
}

/* @end  */