/* @override http://thechurchoftheapostles.cpmpreview1.com/css/common.css */

/* @group TOC */
/*===== 
FILE: common.css - styles common to all site pages
CREATED: 10/4/2007
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBAL STYLES
II. 	HEADINGS
III. 	HEADER
IV. 	NAVIGATION
V. 		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VIII.	FOOTER
IX.		FORMS
X.		TABLES
XI.		DEFINITIONS
XII.	MISCELLANEOUS
=======================*/
/* @end */

/* @group GLOBALS */
body 					{ 
		  				  background:#6b5a3a url(/images/outer_body_bg2.jpg) repeat-x; margin: 0; padding:0; 
		  				  font-size:62.5%; 		  				  
		  				  font-family:"Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; 
						}
#outer-container		{ background:url(/images/body_bg2.jpg) no-repeat center top; }
#container 				{ position:relative; margin:0 auto; width:785px; padding-top:65px; }
#index #container		{ padding-top:62px; }
#mainContent 			{ background:url(/images/maincontent_bg2.jpg) repeat-y; margin:0; padding:0; position:relative; z-index:1; }
p 						{ font-size:1.2em; line-height:1.5em; }
hr 						{ display:none; }
#primaryContent li, 
#secondaryContent li 	{ font-size:1.1em; color:#fff; }

.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 HEADINGS */
h1 					{ margin:0; padding:0; }
h1 a#logo 			{ 
					  position:absolute; top:54px; left:68px; behavior:url(/iepngfix.htc); 
					  background: url(/images/logo.png) no-repeat; padding:0; width:345px; height:82px; 
					  display: block; text-indent: -9999px; z-index:2000;
					}
#index h1 a#logo	{ top:57px;}
h1 a#logo:focus 	{ outline:none; }
/* @end */

/* @group Header */
#header 		{ position:relative; background:url(/mediafiles/subpage-header.jpg) no-repeat; margin:0; padding:0; height:249px; z-index:0;}
#index #header	{ background:url(/mediafiles/home-header.jpg) no-repeat; height:328px;  }
#skip			{ position: absolute; text-indent: -9999px; list-style: none; }
/* @end */

/* @group Navigation */
#navigation			{ 
					  background:url(/images/nav_bg.png) no-repeat 1px top; position:relative; padding-left:27px; z-index:2000; 
					  margin:-65px 0 0 226px; height:63px; 
					}
#nav 				{ background:#231c13; padding:0; margin:0; height:35px; width:518px; }
#nav * 				{ list-style:none; padding:0; margin:0; }
#nav li 			{ cursor:pointer; float:left;}
#nav li a			{ 
					  font-size:11px; color:#fff; text-decoration:none; 
					  line-height:35px; display:block; padding:0 10px;
					}
#nav li a:hover,
#nav li:hover a,
#nav li.current a	{ background:#4d130d url(/images/nav_current_bg.gif) repeat-x; }
#nav li li 			{ clear:both; border-bottom:1px solid #682417; }

#nav li:hover li a,
#nav li.current li a,
#nav li li a		{ line-height:1; padding:8px 10px; background:#4d130d; color:#fff; display:block; width:125px; }

#nav li li a:hover, 
#article #nav li#nav_resources li a:hover, 
#sermons #nav li#nav_resources li a:hover
					{ background:#682417;  }


#nav li ul 					{ position:absolute; left:-5000px; width:200px; z-index:20001; }
#nav li.current:hover ul 	{ background: none }
#nav li:hover ul, 
#nav li.sfhover ul 			{ left:auto; margin:0; padding:0; }
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover 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,
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul
							{ left:auto;}
#nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul
							{ margin:-28px 0 0 140px; }
/* @end */


/* @group PRIMARY CONTENT */
#primaryContent 		{ 
						  float:right; position:relative; background:url(/images/primarycontent_bg.gif) repeat-x; padding:10px 15px; 
						  width:508px; margin-right:15px; margin-left:-10px; padding-bottom:50px; z-index:1; margin-top:-40px; 
						  border-left:5px solid #231c13;
						}
#index #primaryContent	{ margin-top:-7px; margin-left:-10px; width:517px; background:none; border:0; }
#primaryContent p 		{ font-size:1.1em; line-height:1.5em; color:#4f4230; }
#primaryContent p.date	{ margin-top:0; }
#primaryContent a 		{ color:#5d1a13; }
#primaryContent a:hover { text-decoration:none; }
#primaryContent h2		{ 
					 	  font:2em Georgia, "Times New Roman", serif; font-style:italic; 
						  font-weight:normal; color:#4e1610; padding:15px 10px 10px 0; margin-top:2px; margin-bottom:2em;
					    }
h3, h4, h5, h6			{ color:#4e1610; }			
#primaryContent h3		{ font-size:1.5em; }
#primaryContent h4		{ font-size:1.3em; }
#primaryContent h4.title{ margin-bottom:0; }
#primaryContent h5,		
#primaryContent h6		{ font-size:1.2em; }
#articles h4			{ margin-bottom:0; }
#articles p				{ margin-top:0; }


	/* @group WELCOME */
	#welcome			{ margin-top:-43px; background:#c1b298; width:502px; margin-left:-6px; padding:10px 18px; border-bottom:4px solid #ab9d85;}
	#welcome h2			{ font-size: 13pt;background:#c1b298; margin:0 0 0 -24px; padding:30px 0 0 18px; width:80%; border-left:6px solid #231c13; }
	#welcome p			{ font-size:1.2em; color:#4f4230; }
	#welcome p a		{ color:#5d1a13; font-weight:bold; }
	#welcome p a:hover	{ color:#5d1a13; text-decoration:none; }
	#welcome img		{ float:right; margin:-30px 0 10px 10px; border:5px solid #8c7b5d; }
	img.mcms_stats		{ display:none; }
	/* @end */
	
	/* @group LATEST NEWS */
	#latest-news		{ 
						  background: url(/images/latest_news_bg.gif) repeat-x left top;  position:relative; 
						  margin:0 0 0 -6px; width:538px; border-top:7px solid #b4a58b;
						}
	#latest-news h3		{ 
						  display:block; background:url(/images/latest_news_tab_bg.gif) no-repeat; width:180px; height:30px;
						  text-indent:-999em; padding-top:10px; margin:-7px 0 0 18px; 
						}
	.article			{ border-top:1px solid #cebfa7; margin:0 18px; }
	.top				{ border:0; }	
	#primaryContent .article h4		
						{ font:normal 1.1em Georgia, "Times New Roman", serif; color:#784336; text-transform:uppercase; margin-bottom:2px; font-style:italic; }
	.article p			{ margin-top:3px; line-height:1.5em; }
	
	#articles p			{ margin:0 0 .5em; }
	/* @end */
	
	/* @group QUICKLINKS */
	a#more-news				{ 							  
							  display:block; background:#090705 url(/images/more_news_tab.gif) no-repeat left top; width:126px; height:10px;  
							  text-align:center;
							  font:10px arial, verdana, sans-serif; color:#f2bb65; text-align:center; padding-top:5px; padding-bottom:5px;
							  margin:-36px 0 0 390px; text-decoration:none; position:relative; z-index:11;							  
							}	
	#quicklinks				{ 
							  background:#231c13; border-top:13px solid #090705; clear:both;
							  position:absolute; bottom:0; left:232px; z-index:1000; width:538px; padding:13px 0 0; height:121px;
							}
	#quicklinks ul			{ margin:10px 0 0 0; padding:0; list-style:none; }
	#quicklinks li a		{ 
							  display:block; float:left; width:167px; height:121px; text-indent:-999em; border:3px solid #463c30; 
							  margin-left:9px; display:inline;
							}
	#quicklinks li a:hover	{ border-color:#dfd0b7;  }
	#quicklinks li#quick1 a { background:url(/mediafiles/quicklink1.jpg) no-repeat; margin-left:0; }
	#quicklinks li#quick2 a	{ background:url(/mediafiles/quicklink2.jpg) no-repeat; }
	#quicklinks li#quick3 a	{ background:url(/mediafiles/quicklink3.jpg) no-repeat; }
	/* @end */
	
	/* @group SERMON PAGE */
	.sermonlist 								{ margin-top:1em; border-top:8px solid #49381d }
	.sermonbox 									{ background:#fff; position:relative; padding:10px;  }	
	#primaryContent .sermonbox h5				{ margin:0; }
	#primaryContent .sermonbox h5 a,
	#primaryContent .sermonbox p a 				{ color:#5d1a13;   }
	#primaryContent .sermonbox h5 a:hover 		{ text-decoration:none; }
	.sermonbox h5 span 							{ font-size:0.8em; margin-left:10px; }
	#primaryContent .sermonlist .sermonbox p 	{ color:#4f4230; margin:0; }
	
	.sermonbox ul 				{ position:absolute; top:20px; right:25px; margin:0; padding:0; list-style:none}
	.sermonbox li 				{ float:left; margin:0 3px }
	.sermonbox li a 			{ 
								  display:block; float:left; text-indent:-9999px; width:16px; height:16px; 
								  behavior:url(/iepngfix.htc); 
								}	
	.sermonbox li a:focus		{ outline:none; }							
	.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 { background:url(/images/notes_icon.gif) no-repeat; }
	.sermonbox li.sl_watch-video 	{ background:url(/images/video_icon.gif) no-repeat; }
	
	/*-----SERMON SIDEBAR -----*/
	#sermon-sidebar ul 			{ margin:0 5px 0 0; padding:0; list-style:none; }
	#sermon-sidebar li#play 	{ background:url(/images/play_icon_app.gif) no-repeat; }
	#sermon-sidebar li#notes 	{ background:url(/images/notes_icon_app.gif) no-repeat; }
	#sermon-sidebar li#save 	{  background:url(/images/download_icon_app.gif) no-repeat }
	#sermon-sidebar li#video 	{ background:url(/images/video_icon_app.gif) no-repeat; }
	#sermon-sidebar li 			{ padding:0 0 6px 20px; }
	#sermon-sidebar li span 	{ font-weight:bold; }
	.meta 						{ 
								  font-size:0.9em; margin:-1em 0 0; padding:0; font-style: italic; 
								  line-height:1em; 
								}
	#byline						{ margin:0; padding:0; list-style:none;  }
	#byline	li					{ color:#4f4320; }
	#mediabox 					{ background:#3f120d; float:right; margin:-4em 0 0; padding:10px; list-style:none; border:1px solid #000;}
	#mediabox li 				{ padding:4px 0 4px 20px; }
	#mediabox li a 				{ line-height: 1.5em; color:#fff; }
	#mediabox li#mb_links		{ background:#000; margin:-10px -10px 10px; }
	#mediabox li#mb_download 	{ background:url(/images/download_icon_app.gif) no-repeat 0 4px; }
	#mediabox li#mb_podcast 	{ background:url(/images/feed_icon.gif) no-repeat 0 4px; }
	#mediabox li#mb_jukebox 	{ background: url(/images/play_icon_app.gif) no-repeat 0 4px; }
	#mediabox li#mb_video 		{ background:url(/images/video_icon_app.gif) no-repeat 0 4px; }	
	
	/* @end */
	
	/* @group Calendar */
	#primaryContent table.calendar 			{ margin-left:10px; margin-bottom: 25px; border-collapse: collapse; }
	#primaryContent table.calendar caption 	{ padding-bottom: 10px; color: #4e1610; font-size: 1.4em;}
	#primaryContent table.calendar th 		{ padding: 6px 0; background: #4e1610; color: #fff; font-size: 1.3em; font-weight: normal;	}
	#primaryContent table.calendar td 		{
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #e2dfd7; border-left: 0; 
											  border-top: 0; background: #fff; color: #333; font-size: 1em; vertical-align: top; 
											}
	#primaryContent table.calendar td ul 	{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
	#primaryContent table a 				{ color:#4e1610; }
	#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 
											{ color:#120808;  text-decoration: none; }	
	/* @end */
	
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent 		{ float:left; border-top:5px solid #16130e; padding:10px; margin:0 0 0 10px; width:201px;  }
#secondaryContent p 	{ font-size:1.1em; line-height:1.5em; margin:0 0 0.5em; padding:0; color:#b3a389; }
#secondaryContent p a, 
#secondaryContent li a 	{ color:#f9fafb; text-decoration:none; }
#secondaryContent li a:hover	{ text-decoration:underline; }
#secondaryContent #sorting li a { line-height:1.5em; margin-bottom:.5em; }

#secondaryContent ul 	{ margin-bottom:1em; padding:5px 0 0 10px; list-style:none; }
#secondaryContent li 	{ font-size:1.1em; color:#f9fafb; }

#secondaryContent h3	{ 
						  font:normal 1.7em Georgia, "Times New Roman", serif; color:#d7c7ad; text-transform:lowercase; 
						  padding-bottom:8px; background:url(/images/h3_bg.gif) repeat-x left bottom;
						}
	
	/* @group Service Times */
	#service-times 		{ 
						  background:#531a14; text-align:center;
						  margin:-10px -5px 0 -7px; padding-top:8px; padding-bottom:12px;
						}
	#service-times h3 	{ margin:0; }
	#service-times p	{ margin:0; color:#c1b298; font-size:1.1em; }
	#service-times a	{	 
						  display:block; background:url(/images/directions_bg.gif) no-repeat; 
						  width:180px; height:25px; text-indent:-999em; margin:1em auto 0;
						}
	#service-times a:focus	{ outline:none; }
	/* @end */
	
	#sermon-sidebar ul	{ margin:0; padding:0; list-style:none; }
	/* @group FREEFORM */
	#sermon-sidebar,
	.freeform			{ padding:10px 10px; width:175px; margin-top:1em; }	
	.freeform h3		{ margin-bottom:.5em; }
	
	/* @end */

	/* @group Upcoming-Events */
	#upcoming-events 						{ margin:0 -11px 0 -9px; padding:10px 20px 10px 20px; width:175px; }	
	#upcoming-events table.calendar			{ 
									  	  	  border-right: 0; border-bottom: 0; 
									  	  	  border-collapse: collapse; background: #2d0c08; width:175px;
									  		}	
	#upcoming-events table.calendar caption	{ text-align:center; color: #ede0cc; font-size: 1em; text-transform:uppercase; margin-bottom:3px}	
	#upcoming-events table.calendar th		{ 
											  background: #483a2a; padding: 3px 0; color: #FFF; font-size: 1.1em; 
											  font-weight: normal; text-align: center;
											}	
	#upcoming-events table.calendar td		{ 
											  width: 28px; height: 28px; font: 1em arial, verdana, sans-serif;
											  color:#ab9d85; font-weight: normal; text-align: center; 
											}	
	#upcoming-events table.calendar td.linked-day	
											{ background:#4c1610; color:#fff; }	
	#upcoming-events table.calendar a		{ display:block; color:#fff; text-decoration: none; }
	#traildiv								{ 
											  position: absolute; top: 0px;left: 0px; z-index: 999; visibility: hidden; width: 100px;
											  height: 100px; color: #FFF;
											}	
	#traildiv ul							{ 
											  padding: .75em; padding-bottom: 0; border: 3px solid #15130D; background: #2d0c08; 
											  font-size: 1.1em;
											}	
	#traildiv li							{ color: #FFF; margin-left: 1em; margin-bottom: .75em; }	
	#traildiv a								{ color: #FFF; text-decoration: none; }	
	/* @end */
	
	/* @group Recent Sermon */
	#recent-sermon			{ 
							  background:url(/images/service_times_bg.gif) repeat-x left top;
							  margin:0 -11px 0 -9px; padding:5px 20px 0 20px; width:175px; position:relative; 
							}
	#recent-sermon h4		{ font-size:1.2em; font-weight:bold; margin:0; width:68%; }
	#recent-sermon h4 a		{ color:#f9fafb; text-decoration:none; }
	#recent-sermon p		{ font-size:1em; margin-top:.2em; color:#d1ccb2; text-transform:uppercase; }
	#recent-sermon ul			{ position:absolute; top:60px; right:10px; }
	#recent-sermon ul li		{ float:left; margin-right:5px; }
	#recent-sermon ul li a 		{ display:block; float:left; width:25px; height:23px; text-indent:-999em; }
	#recent-sermon li.play a	{ background:url(/images/recent_play_icon.gif) no-repeat; }
	#recent-sermon li.download a{ background:url(/images/recent_download_icon.gif) no-repeat; }
	#recent-sermon li a:focus	{ outline:none; }
	/* @end */
	
	
/* @end */

/* @group FOOTER */
#footer				{ 
					  background: url(/images/footer_bg.jpg) no-repeat left top; 
					  margin:0; padding:15px 25px 5px; height:70px;
					}
#footer p 			{ margin:0; padding:0; font-size:1em; font-family:arial, verdana, sans-serif; color:#c4b7a1; }
#footer p#copyright	{ float:right; margin-top:-1.5em;}
#footer a 			{ color:#a39378; }
#footer a:hover 	{ color:#c4b7a1; }
/* @end */