/* @override http://www.fbcgarner.org/css/styles.css */

/* @group TOC */
/*=====
FILE: styles.css
CLIENT: FBC Garner
CREATED: 8/17/2007
MODIFIED:
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
III. 	HEADER
IV.		NAVIGATION
V.		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VII. 	FOOTER

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


/* @group GLOBALS */
body 				{ 
					  background:#3c351e url(/images/body_bg.jpg) repeat-x; margin:0; padding:0;
					  font-size:62.5%; font-family:"Trebuchet MS", Arial, verdana, sans-serif; 
					}
#outer-container	{ background:url(/images/outer-container_bg.jpg) no-repeat center top; }
#container 			{ margin:0 auto; width:832px; }
#content-wrap		{ background:url(/images/maincontent_bg.gif) repeat-y; }
#mainContent		{ background:url(/images/maincontent_bg.jpg) no-repeat left top; margin-top:5px; padding:10px 0; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

#skip 				{ position:absolute; top:-999em; left:-999em; }
.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 */
a:focus 			{ outline:none; }
a img				{ border:0; }
/* @end */

/* @group HEADER */
#header 			{ position:relative; height:95px; z-index:10; }
#searchForm			{ position:absolute; top:10px; right:0; margin:0; padding:0; }
#searchForm fieldset{ position:relative; border:0; padding:0; width:200px;}
#searchForm input	{ float:left; width:130px; background:#eae5c3; color:#434034; padding:2px 0; font-size:1.1em; }
#searchForm a#search_go { 
						  display:block; background:url(/images/search_btn.gif) no-repeat; margin:0;
						  padding:0; width:63px; height:23px; text-indent:-999em; float:right;
						}
#subnav				{ position:absolute; top:66px; right:15px; margin:0; padding:0; list-style:none; }
#subnav li			{ float:left; ;}
#subnav li a		{ display:block; text-indent:-999em; }
#subnav li#podcast-feed a 	{ background:url(/images/podcast_subnav.gif) no-repeat; width:23px; height:23px; }
#subnav li#article-feed a	{ 
							  background:url(/images/article_feed_icon.gif) no-repeat; 
							  width:20px; height:21px; margin-left:14px 
							}
/* @end */


/* @group NAVIGATION */
#nav 				{ position:absolute; top:56px; height:40px; }
#nav, #nav * 		{ list-style:none; margin:0; padding:0;}
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ 
					  display:block; padding:0 12px; line-height:40px;
					  font-size:1.4em; font-weight:bold; color:#d8d9a7; text-decoration:none;
					}

#nav li.current,
#nav li:hover a		{ background:url(/images/current_nav_bg.jpg) repeat-x; }

#nav li.current li a,
#nav li:hover li a,
#nav li li a		{ background:#c4b871; color:#211f16; font-size:11px; padding:5px 12px; line-height:1; width:116px; }

#nav li li 			{ width:140px; }
#nav li li a:hover 	{ background:#395126; color:#c4b871 }

/* MENU POSITION */
#nav li ul 			{ position:absolute;left:-5000px; z-index:1001; width:140px; background:#c4b871; }
#nav li ul ul		{ margin:-1em 0 0 10em; }
#nav li:hover ul 	{ left:auto;}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
					{ left:-5000px;}
#nav li li			{ float:none; display:block; }
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
					{ left:auto; width:140px; }

#nav li:hover ul li:hover ul 
					{ margin:-22px 0 0 140px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent		{ float:right; margin-right:10px; width:532px; color:#b9b3a3; }
#banner				{ 
					  position:relative; background:url(/mediafiles/subpage-banner.jpg) no-repeat; 
					  height:165px;
					}
#banner-cover		{ 
					  position:absolute; top:0; left:0; background:url(/images/banner_cover.png) no-repeat;
					  height:165px; width:532px; 
					}
#mainContent p,
#primaryContent li	{ font-size:1.3em; color:#b9b3a3;  }
#primaryContent p	{ line-height:1.7em; }
#primaryContent a	{ color:#77a255 }
#primaryContent a:hover { text-decoration:none; }
	
	/* @group HEADINGS */
	#primaryContent h2	{ 
					  	  background:url(/images/h2_bg.gif) repeat-x left bottom; padding-bottom:10px; color:#c3b870; 
					  	  font-size:1.8em; text-transform:uppercase;
						}
	#primaryContent h3 	{ font-size:1.7em; }
	#primaryContent h4	{ font-size:1.6em; color:#77a255 }
	#primaryContent h5	{ font-size:1.5em;  } 
	#primaryContent h6	{ font-size:1.4em; color:#b9b3a3 }
	/* @end */

	/* @group Recent Sermon */
	#recent-sermon 			{ position:relative; background:#12110c; margin-top:1px; padding:10px 20px; height:37px; }
	#recent-sermon h3		{ 
							  float:left; margin:0px; color:#fff; width:64px; font-weight:normal;
							  font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; 
							}
	#recent-sermon .sermon 	{ 
								float:left; margin-left:5px; padding-left:12px; padding-top:2px; height:38px; width:335px; 
								border-left:2px solid #29261b; position:relative; 
							}
	#recent-sermon h4 		{ 
							  font:1.2em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; 
							  font-weight:normal; color:#abac71; margin:0px 0 0; 
							}
	#recent-sermon h4 a 	{ color:#abac71; text-decoration:none; }
	#recent-sermon h4 a:hover{ text-decoration:underline; }
	#recent-sermon p		{ color:#fff; text-transform:uppercase; font-size:1.1em; margin-top:3px; }
	#recent-sermon ul		{ 
							  position:absolute; top:15px; right:18px; margin:0; padding:0; list-style:none; 
							  background:url(/images/sermon_controls_bg.gif) no-repeat; width:86px; height:36px; 
							}
	#recent-sermon li		{ float:left; }
	#recent-sermon li a		{ display:block; text-indent:-999em; height:29px; }
	#recent-sermon li.listen a { width:44px; }
	#recent-sermon li.download a { width:42px; }		
	/* @end */
	
	/* @group Quicklinks */
	#quicklinks			{ margin-top:5px; }
	#quicklinks img 	{ float:left; margin-left:3px;}
	#quicklinks a img 	{ border:0; }
	/* @end */
	
	/* @group Events Calendar */
	#primaryContent table.calendar{
	   
	   margin-bottom: 25px;
	   border-right: 0;
	   border-bottom: 0;
	   border-collapse: collapse;
	}
	
	#primaryContent table.calendar caption{
	   padding-bottom: 10px;
	   color: #c6c78b;
	   font-size: 1.4em;
	}
	
	#primaryContent table.calendar caption span{
	   color: #8A4700;
	}
	
	#primaryContent table.calendar th{
	   padding: 6px 0;
	   background: #395126;
	   color:#c6c78b;
	   font-size: 1.3em;
	   font-weight: normal;
	}
	
	#primaryContent table.calendar td{
	   width: 68px;
	   height: 68px;
	   padding: 2px;
	   border: 1px solid #363123;
	   border-left: 0;
	   border-top: 0;
	   background: #14130d;
	   color: #FCFDFE;
	   font-size: 1em;
	   vertical-align: top;
	}
	
	#primaryContent table.calendar td a{
	   color: #FCFDFE;
	   text-decoration: none;
	}
	
	#primaryContent table.calendar td ul{
	   padding:0; 
	   margin: .5em 0 0 .5em;
	   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{
	   color: #FFF;
	   text-decoration: underline;
	}
	
	#primaryContent table.calendar td li a:hover{
	   text-decoration: none;
	}
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent 	{ float:left; width:260px; margin-left:14px; }
h1 					{ display:block; background:url(/images/logo.gif) no-repeat; width:233px; height:92px; 
					  margin:37px auto; text-indent:-999em; 
					}
h1 a				{ display:block; width:233px; height:92px; }
#secondaryContent h3 { font-size:1.2em; color:#77a255; }	
	/* @group TABS */
	#tabs 				{ margin:0; padding:0; list-style:none; height:25px; clear:both; }
	#tabs li			{ float:left;  }
	#tabs li a			{ 
						  display:block; background:url(/images/tabs_bg.gif) no-repeat right top;
						  padding:0 15px; margin-right:4px; line-height:25px; color:#a19877; text-decoration:none; font-size:1.1em;
						}
	#tabs li a.current 	{  color:#fff; background-position:left top; }
	#tabs li#cal a		{ 
						  background:url(/images/cal_icon.gif) no-repeat 3px 6px; padding-left:20px; color:#56763c;
						  text-decoration:underline; font-size:1em; text-transform:uppercase;
						}
	#tabs li#cal a:hover{ text-decoration:none; }
	
	#calendar-tab,
	#events-tab 		{ 
						  clear:both; background:url(/images/div_tab_bg.gif) repeat-x; padding-top:5px; 
						  margin-bottom:2.5em;
						}	
	/* @end */
	
	/* @group Events Tab */
	#events-tab 			{ padding:18px; }
	#events-tab h4 			{ margin:0; font-size:1.3em; text-transform:uppercase}
	#events-tab h4 a		{ color:#c6c78b; text-decoration:none; }
	#events-tab h4 a:hover 	{ text-decoration:underline; color:#fff; }
	#events-tab p			{ color:#b9b3a3; font-size:1.2em; line-height:1.7em; margin-top:0em; }
	/* @end */
	
	/* @group E-LETTER */
	#e-letter 				{ background:url(/images/sidebar_div_bg.gif) repeat-x; padding:18px; }
	#e-letter h3			{       
							  background:url(/images/dotted_bg.gif) repeat-x left bottom; font-size:1.4em; color:#fff; 
							  padding-bottom:10px; margin-top:0; text-transform:uppercase;
							}
	#e-letter fieldset, 
	#e-letter form			{ margin:0; padding:0; border:0; }
	#e-letter input.text	{ 
							  display:inline; background:#ccc4ae; padding:3px; width:131px; height:14px; font-size:1em; 	
							  color:#29261c; float:left;
							}
	#e-letter #submit		{ margin-left:5px; float:left; }
	
	/* @end */
	
	/* @group SERVICE TIMES */
	#service-times				{ background:url(/images/sidebar_div_bg.gif) repeat-x; padding:18px; margin-top:2em;}
	#service-times h3			{ margin:8px 0 0 105px; font-size:1.5em; color:#fff; text-transform:uppercase; }
	#service-times #clocks		{ 
							  	  display:block; float:left; background:url(/images/clocks_bg.gif) no-repeat; 
							  	  width:98px; height:59px; margin-top:3px;
								}
	#service-times p,
	#service-times p a			{ color:#c3b870; font-size:1.1em; margin:3px 0 0 0; text-decoration:none; }
	#service-times p			{ margin-left:105px; }
	#service-times a#directions { 
								  display:block; margin-top:1.5em; 
								  background:url(/images/directions_bg.gif) no-repeat;
								  width:230px; height:28px; text-indent:-999em; position:relative; left:-105px; 
								}
	/* @end */
	
	/* @group CALENDAR */
	#secondaryContent table.calendar{
	   border-collapse: collapse; background: #14130d; margin:0.5em auto;  width:225px;
	}
	
	#secondaryContent table.calendar caption{
	   color: #c6c78b;
	   font-size: 1.3em; padding-top:10px; 
	   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	}
	
	#secondaryContent table.calendar caption span { color: #a04b00	}
	
	#secondaryContent table.calendar th{
	   background: #395126;
	   padding: 3px 0;
	   color: #c6c78b;
	   font-size: 1.1em;
	   font-weight: normal;
	   text-align: center;
	}
	
	#secondaryContent table.calendar td{
	   width: 28px;
	   height: 28px;
	   color: #FEFEFB;
	   font-size: 1.1em;
	   font-weight: normal;
	   text-align: center;
	}
	
	#secondaryContent table.calendar td.linked-day{
	   /*padding: 1px 1px;*/
	}
	
	#secondaryContent table.calendar a{
	   display: block;
	   padding: 7px;
	   background:#395126;
	   color: #fff;
	   text-decoration: none;
	}
	#secondaryContent table.calendar a:hover { background:#28251b }
	
	#traildiv{
   	position: absolute;
   	top: 0px;
   	left: 0px;
   	z-index: 999;
   	visibility: hidden;
   	width: 250px;
   	height: 100px;
   	color: #FFF;
	}
	
	#traildiv ul{
	   padding: .75em;
	   padding-bottom: 0;
	   border: 3px solid #14130d;
	   background: #2B271B;
	   font-size: 1.1em; 	
	}
	
	#traildiv li{
	   color: #FFF;
	   margin-left: 1em;
	   margin-bottom: .75em;
	}
	
	#traildiv a{
	   color: #FFF;
	   text-decoration: none;
	}
	/* @end */
	
	
/* @end */

/* @group SERMON STYLES */
.sermonlist						{ border-top:8px solid #14130d; }
.sermonbox 						{ position:relative; background:#363123; padding:10px;}
#primaryContent .sermonbox h5	{ margin:0; padding:0; font-size:1.2em; }
.sermonbox p					{ margin:0;  }
.sermonbox ul					{ position:absolute; top:10px; right:30px; margin:0; padding:0; list-style:none; }
.sermonbox li					{ float:left; margin-right:4px; }
.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_download-notes a { background:url(/images/notes_icon.gif) no-repeat; }
.sermonbox li.sl_watch-video a	{ background:url(/images/video_icon.gif) no-repeat; }

/* --- APPENDIX -----*/
#how-it-works ul,
#sort-list 			{ margin:0; padding:0; list-style:none; }
#how-it-works li	{ color:#fff; font-size:1.2em; margin:1em 0; padding-left:20px;}
#how-it-works li span{ font-weight:bold; }
li#play 			{ background:url(/images/play_icon.gif) no-repeat 0 4px; }
li#save				{ background:url(/images/download_icon.gif) no-repeat 0 4px; }
li#notes			{ background:url(/images/notes_icon.gif) no-repeat 0 4px; }
li#video			{ background:url(/images/video_icon.gif) no-repeat 0 4px; }

#sort-list li a			{ font-size:1.2em; color:#77a255; }
#sort-list li a:hover	{ text-decoration:none; }

#byline				{ float:left; width:300px; clear:both; margin-bottom:2em; padding:0; list-style:none; }
#byline	li			{ float:left; margin-right:10px; }
#text				{ clear:both; display:block; }

#mediabox			{ float:right; margin:2em; padding:10px; list-style:none; background:#363123; border:1px solid 14130d; }
#mediabox li		{ padding:4px 0 4px 20px; }
#mediabox li#media-links{ background:#14130d; margin:-10px -10px 15px; }
#mediabox li#mb_jukebox	{ background:url(/images/play_icon.gif) no-repeat 0 2px;  }
#mediabox li#mb_download{ background:url(/images/download_icon.gif) no-repeat 0 2px; }
#mediabox li#mb_podcast	{ background:url(/images/feed_icon.gif) no-repeat 0 2px; }
/* @end */


/*@group Footer */
#footer 		{ background:url(/images/footer_bg.jpg) no-repeat left top; padding:15px; margin:0; height:54px;}
#footer a		{ color:#c35c00; }
#footer a:hover	{ text-decoration:none; }
#footer p		{ float:left; color:#807456;  }
#footer p#powered { float:right;  }
/*@end*/