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

/*=====
CLIENT: Pembury Baptist Church (UK)
FILE: styles.css -
CREATED: 2/19/2008
MODIFIED: 10/21/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */

body 						{ 
							  background:#fff; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Trebuchet MS", arial, verdana, sans-serif; color:#333; 
							}
hr 							{ display: none; }
#container 					{ margin:0 auto; width:735px;  }
#mainContent 				{ }
a 							{ overflow: hidden; }
.column						{ float:left; }
.hidden						{ display:none; }
.show						{ display:block; }
.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 */
/* @end */


/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ position:absolute; bottom:16px; right:-10px; }
#nav li 				{ float:left; display:inline; }
#nav li a 				{ 
						  display:block; font-size:1.3em; padding:0 14px; text-decoration:none; color:#333; 
						  text-transform:lowercase; border-right:1px solid;
						}
#nav li:hover a, 		
#nav li.current a, 		
#nav li.current:hover a { color:#b4b450 }

#nav li li 				{ float:none; } 
#nav li.current li a, 
#nav li.current:hover li a, 
#nav li li a 			{ border:0; line-height:24px; padding-left:15px; }
#nav li li a:hover		{ background:#f4f4f4; }
#nav li.current li a:hover, 
#nav li li a:hover 		{ color:#333 }


#nav li ul 				{ position:absolute; left:-5000px; z-index:1001; padding-top:10px; width:170px; background:#fff; }
#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:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul
						{ left:auto; display:block;}
#nav li:hover ul li:hover ul 
						{ padding:0; margin:-24px 0 0 170px;}
/* @end */

/* @group HEADER */
#header				{ position:relative; z-index:1000; height:133px; }
#header h1,
#header h1 a		{ display:block; width:207px; height:81px; }
#header h1 			{ 
					  margin:0; padding:0; text-indent:-999em; background:url(/images/logo.gif) no-repeat; 
					  position:absolute; top:35px; left:2px;
					}
#header h1 a:focus	{ outline:none; }

#header form		{ 
					  margin:0; padding:0; border:0; background:url(/images/search_bg.gif) no-repeat left top; width:180px;
					  position:absolute; top:0; right:-1px;
					}		
#header fieldset	{ margin:0; padding:0; border:0; position:relative; }
#header label		{ display:block; padding-top:14px; margin:0 0 0 6px; font-weight:bold; font-size:1.2em; clear:both; }
#header input		{ border:0; padding:0; position:relative; top:4px; left:6px; width:120px; height:16px; float:left; }
#header input#submit{ 
					  position:relative; top:4px; left:10px; display:block; width:45px; height:16px; 
					  background:#666; color:#fff; padding:0 4px; font-size:10px;
					}
#header #newsheet	{ position:absolute; right:190px; top:0; height:10px; padding-top:30px; background:url(/images/adobe.png) no-repeat left 4px;  }
#newsheet a			{ padding:4px 0; color:#333; font-size:1.2em; font-weight:bold; }

#skip				{ position:absolute; top:-999em; left:-999em; }
/* @end */

/* @group TOP CONTENT */
#top-content		{ 
					  display:block; padding:11px 12px; width:711px; height:240px; overflow:hidden; position: relative; 
					  background:url(/images/topcontent_bg.gif) no-repeat; 
					}
#banner				{ 
					  display:block; width:436px; height:238px;
					  background:#fff url(/mediafiles/home-header.jpg) no-repeat 8px 6px; float:left;  
					}

	/* @group UPCOMING EVENTS */
	#upcoming-events			{ 
								 float:left; margin-left:11px; display:block; width:260px; height:238px; 
							 	 /*background:url(/images/upcoming_events_bg.gif) no-repeat left 30px;*/ position:relative;
							 	 background:none;
								}
	#upcoming-events h3			{ 
								  display:block; margin:0 0 5px; padding:6px 8px; width:246px; height:12px; 
								  background:url(/images/upcoming_events_h3.gif) no-repeat; font-size:1.2em;
								  color:#191d34; position:relative; text-transform:uppercase; font-weight:normal;
								}
	#upcoming-events h3 a		{ color:#191d34; text-decoration:none; }
	#upcoming-events img		{ border:0; }
	#all-events					{ 
								  display:block; width:16px; height:16px; background:url(/images/cal_icon.gif) no-repeat; 
								  position:absolute; top:5px; right:60px; text-indent:-999em;
								}
	#all-events:focus			{ outline:none; }
	.event						{ padding:9px 3px; margin:0 9px; background:url(/images/event_bg.gif) no-repeat left bottom; }
	.event h4					{ font-size:1.2em; text-transform:uppercase; color:#b4b450; margin:0; }
	#upcoming-events p			{ font-size:1.2em; color:#5b5b5b; margin:5px 0 0; }
	#upcoming-events p a		{ color:#5b5b5b; text-decoration:none; }
	#upcoming-events p a:hover	{ text-decoration:underline; }
	/* @end */
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent					{ padding:11px 13px 0; }
#home #primaryContent			{ padding-left:0; padding-right:0; }
#primaryContent a				{ color:#b4b450 }
#primaryContent a:hover			{ text-decoration:none; }
#primaryContent p,
#primaryContent li,
#primaryContent td				{ font-size:1.2em; line-height:1.5em; }
#primaryContent li p,
#primaryContent td *			{ font-size:1em; margin:0; }
#primaryContent img.left-align	{ float:left; margin:10px 10px 10px 0; }
#primaryContent img.right-align	{ float:right; margin:10px 0 10px 10px; }
#primaryContent img.no-border	{ border:0; }
	
	/* @group HEADINGS */
	h2							{ font-size:2.4em; color:#b4b450; text-transform:lowercase; font-weight:normal; }
	h3, h4, h5, h6				{ color:#b4b450; }
	#primaryContent h3			{ font-size:2em; }
	#primaryContent h4			{ font-size:1.8em; }
	#primaryContent h5			{ font-size:1.6em; }
	#primaryContent h6			{ font-size:1.4em; }
	#primaryContent .article h4	{ font-size:1.4em; margin:0; }
	#primaryContent .article p	{ margin-top:3px; }
	/* @end */ 
	
	/* @group RECENT SERMONS */
	#recent-sermons			{ width:260px; }
	#recent-sermons h3,
	#current-series h3		{ position:relative; font-size:1.2em; margin:0 0 6px 12px; color:#b4b450; text-transform:uppercase; }
	#recent-sermons h3 a	{ 
						 	 position:absolute; top:0; left:106px; display:block; width:16px; height:16px;
						 	 background:url(/images/feed_icon.gif) no-repeat; text-indent:-999em; 
						 	}
	.sermon					{ 
							  background:url(/images/sermon_bg.gif) repeat-x left bottom; position:relative; 
							  padding:12px 9px; margin-left:3px; width:239px;
							}
	#recent-sermons .sermon h4			{ font-size:1.1em; font-weight:normal; margin:0; text-transform:uppercase; width:80%; }
	#primaryContent .sermon h4 a		{ color:#000; text-decoration:none; }
	#recent-sermons .sermon h4 a:hover	{ text-decoration:underline; }
	#recent-sermons .sermon p			{ margin:0; color:#474747; line-height:1em;}
	#recent-sermons .sermon ul			{ margin:0; padding:0; list-style:none; position:absolute; top:20px; right:-2px; width:60px; }
	.sermon li							{ float:left; display:inline; margin-right:11px;}
	.sermon li a						{ display:block; width:16px; height:16px; text-indent:-999em; }
	.sermon li a:focus					{ outline:none; }
	.sermon li.play	a					{ background:url(/images/play_btn.gif) no-repeat; }
	.sermon li.download a				{ background:url(/images/download_btn.gif) no-repeat; }
	.sermon li.sl_notes a				{ background:url(/images/notes_icon.gif) no-repeat; }
	/* @end */
	
	/* @group PODCAST */
	#podcast				{ display:block; width:85px; padding-top:13px;}
	#podcast img			{ border:0; margin-left:1px; }
	/* @end */
	
	/* @group CURRENT SERIES */
	#current-series			{ width:383px; position:relative; }
	#current-series	h3		{ margin-left:125px; }
	#current-series h4		{ 
							  font-size:1.2em; margin:0; padding:10px 9px 0 0; position:relative; color:#000; width:213px; 
							  text-align:right; float:left;
							}
	#current-series p		{ 
							  display:block; margin:0; padding:15px 9px 7px 5px; width:208px; height:59px; 
							  background:url(/images/current_series_bg.gif) repeat-x; text-align:right; 
							  font-size:1.1em; color:#474747; line-height:1.1em;
							}
	#current-series	img		{ position:absolute; top:2px; right:0; padding:2px; border:2px solid #dccfcc; }
	/* @end */
/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent		{ clear:both; padding:27px 3px 0;} 
#bottom-content			{ clear:both; padding:27px 3px 0; }
	/* @group NEWS */
	#news				{ 
						  display:block; width:457px; padding:0 12px 10px; background:url(/images/news_bg.gif) repeat-y; 
						  float:left; position:relative; 
						}
	#news h3			{ 
						  display:block; background:url(/images/news_h3_bg.gif) no-repeat; font-size:1.4em;
						  margin:0 -12px -18px; padding:15px 12px; text-transform:uppercase; color:#333;						  
						}
	#news .article		{ padding:18px 20px 0 0; }
	#news .article h4	{ font-size:1.2em; text-transform:uppercase; margin:0; }
	#news h4 a			{ color:#b4b450; text-decoration:none; }
	#news h4 a:hover	{ text-decoration:underline; }
	#news p				{ 
						  font:1.2em "Lucida Grande", "Trebuchet MS", verdana, arial, sans-serif; 
						  color:#333; line-height:1.5em; margin:3px 0 0;
						}
	#news-bottom		{ 
						  height:45px; width:480px; display:block; background:url(/images/footer_bg.gif) no-repeat left top; 
						  margin-left:-12px; position:absolute; bottom:-45px;
						}
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks				{ float:left; }
	#quicklinks ul			{ margin:0; padding:0; list-style:none; position:relative; top:-6px; }
	#quicklinks li a		{ 
							  display:block; width:238px; height:71px; background:url(/images/quicklink_bg.gif) no-repeat; 
							  padding:9px 6px; margin:0 -30px 0 0;
							}
	#quicklinks li img		{ border:0; }
	/* @end */
/* @end */

/* @group FOOTER */
#footer 			{ position:relative; margin:-5px 0 0; padding:20px 0 50px; clear:both; }
#footer p 			{ font-size:1.1em; float:left; width:40%; }
#footer p#designed	{ float:right; width:auto; }
#footer a			{ color:#b4b450; }
#footer a:hover		{ text-decoration:none }
/* @end */


/* SMALL CALENDAR */
#cal table.calendar	{ 
					  width:220px; margin:0 auto; background:#fff; border-collapse: collapse; 
					  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
					}
#cal table.calendar caption	{ 
							  position:relative; margin:0 auto 10px; color: #b4b450; font-size: 1.3em; padding:0 0 7px; 
							  height:20px; width:220px; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
							}
#cal table.calendar caption span{ color: #A6A763; }
span.calendar-prev				{ font-size:2em; position:relative; top:3px }
span.calendar-next			    { font-size:2em; position:relative; top:3px } 

#cal table.calendar th			{ 
								  background: #b4b450; padding: 3px 0; color: #fff; font-size: 1.1em; 
								  font-weight: normal; text-align: center;
								}
#cal table.calendar td			{ 
								  width: 24px; height: 20px; border: 1px solid #f4f4f4; border-top: 0; 
								  border-left: 0; color: #333; font-size: 1.1em; font-weight: normal;
								  text-align: center;
								}
#cal table.calendar a			{ 
								  display: block; padding: 5px; background: #b4b450; color: #fff; 
								  text-decoration: none;
								}
#cal table.calendar a:hover		{ background:#f4f4f4; color:#333 }

#traildiv						{ 
								  position: absolute; top: 0px; left: 0px; z-index: 999; visibility: hidden; 
								  width: 200px; height: 200px; color: #FFF;
								}

#traildiv ul					{ 
								  padding: .75em; padding-bottom: 0; border: 3px solid #fff; 
								  background: #b4b450; font-size: 1.1em;
								}
#traildiv li					{ color: #fff; margin-left: 1em; margin-bottom: .75em; }
#traildiv a						{ color: #fff; text-decoration: none; }