/* @override http://www.reallife.cc/css/styles.css */
/*=====
FILE: styles.css
CREATED: 9/7/2007
MODIFIED:
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
III. 	HEADER
IV.		NAVIGATION
V.		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VII. 	FOOTER
VIII.	CALENDAR
IX.		SERMON SECTION
X.		FORMS

=====*/

/* @group GLOBALS */
body				{ 
					  background:#a3a38c url(/images/body_bg.jpg) repeat-x center top; font-size:62.5%; margin:0; padding:0; 
					  font-family:"Lucida Grande", arial, verdana, tahoma, sans-serif; 
					}
#container			{ 
					  background:url(/images/container_bg.jpg) no-repeat; margin:0 auto; width:815px; height:500px;
					  padding:0 35px;
					}
#mainContent		{ width:813px; margin-top:56px; background:url(/images/maincontent_bg.gif) repeat-y; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

.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 */

ul#skip				{ position:absolute; top:-999em; }

/* @end */

/* @group HEADER */
#header				{ position:relative; padding-top:54px; width:813px; z-index:1000 }
#header h1			{ 
					  position:absolute; top:130px; right:24px;
					  display:block; width:232px; height:47px; margin:0; padding:0;
					  background:url(/images/logo.gif) no-repeat; text-indent:-999em;
					}
#header h1 a		{ display:block; width:232px; height:47px; }
#subnav				{ position:absolute; top:65px; right:10px; margin:0; padding:0; list-style:none;}
#subnav li			{ float:left; margin-right:15px;}
#subnav li a		{ display:block; text-indent:-999em; width:20px; height:20px;}
#subnav li#pod a	{ background:url(/images/subnav_podcast_bg.gif) no-repeat; }
#subnav li#rss a	{ background:url(/images/subnav_rss_bg.gif) no-repeat; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ position:absolute; padding-left:20px;height:41px; }
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ 
					  display:block; font-size:1.5em; font-weight:bold; color:#c6c3a7; padding:0 12px; 
					  line-height:41px; text-decoration:none; font-family:Arial, verdana, sans-serif;
					}
#nav li:hover a 	{ background:#2d0c00; color:#fff; }
#nav li li			{ float:none; display:block; }
#nav li li a,
#nav li:hover li a	{ 
					  font-size:12px; line-height:30px; background:#423c30; 
					  color:#b2ac92; font-weight:normal; 
					}
#nav li li a:hover	{ background:#564f42; color:#fff;  }
#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:160px; }
#nav li:hover ul 	{ left:auto; padding-top:7px; }
#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;}
#nav li:hover ul li:hover ul 
					{ margin:-37px 0 0 160px;}
					
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent		{ float:left; width:494px; margin-left:7px; padding:0 17px 18px;}
#home #primaryContent { width:531px; padding:0; }
#primaryContent p,
#primaryContent li	{ font-size:1.2em; line-height:1.5em; color:#625e53; }
#primaryContent a	{ color:#79341a; }
#primaryContent a:hover { text-decoration:none; }
#banner				{ 
					  border:4px solid #a3a38c; background:url(/mediafiles/subpage-banner.jpg) no-repeat; 
					  width:523px; height:157px; margin-left:-17px;
					}
#home #banner		{ background:#fff; display:block;  height:400px; margin-left:0}

	/* @group HEADINGS */
	#primaryContent h2, h3, h4, h5, h6 { color:#79341a; }
	#primaryContent h2		{ 
							  font-size:1.6em; color:#79341a; margin-top:18px;padding-bottom:5px; text-transform:lowercase;
							  background:url(/images/dotted_bg.gif) repeat-x left bottom; 
							  font-family:arial, verdana, sans-serif;
							}
	#primaryContent h3		{ font-size:1.4em; }
	#events h5 a			{ color:#727340; }
	#primaryContent h4		{ font-size:1.3em; }
	#primaryContent h5, h6	{ font-size:1.2em; }
	/* @end */
	
	/* @group ARTICLES */
	.article h4				{ margin-bottom:0; }
	.article p				{ margin-top:0; margin-bottom:3px; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks ul			{ margin-left:10px;padding:0; list-style:none; }
	#home #quicklinks ul	{ margin:8px 0 0 3px; }
	#quicklinks ul li		{ float:left; margin-right:3px; margin-bottom:7px;}
	#home #quicklinks ul li { margin-bottom:0; }
	#home #quiclinks li#quick4	{ margin-right:0 }
	#quicklinks li a		{ 
							  display:block; padding-top:90px; width:112px; height:19px; text-align:center;
							  font-family:Arial, verdana, sans-serif; text-decoration:none;
							  color:#79341a; font-weight:bold;
				 			}
	#home #quicklinks li a	{ 
							  width:129px; font-size:13px; font-family:Arial, verdana, sans-serif; 
							  padding-top:105px; height:22px;
							}
	#quicklinks li#quick1 a	{ background:url(/mediafiles/subpagequicklink1.jpg) no-repeat; }
	#quicklinks li#quick2 a	{ background:url(/mediafiles/subpagequicklink2.jpg) no-repeat; }
	#quicklinks li#quick3 a	{ background:url(/mediafiles/subpagequicklink3.jpg) no-repeat; }
	#quicklinks li#quick4 a	{ background:url(/mediafiles/subpagequicklink4.jpg) no-repeat; }
	#home #quicklinks li#quick1 a { background:url(/mediafiles/quick1.jpg) no-repeat; }
	#home #quicklinks li#quick2 a	{ background:url(/mediafiles/quick2.jpg) no-repeat; }
	#home #quicklinks li#quick3 a	{ background:url(/mediafiles/quick3.jpg) no-repeat; }
	#home #quicklinks li#quick4 a	{ background:url(/mediafiles/quick4.jpg) no-repeat; }	
	#quicklinks li:hover	{ background:#c9c9b6; }
	#quicklinks li:hover a	{ color:#423e35 }
	/* @end */
/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent	{ float:right; margin:100px 14px 0 0; width:248px;  }
#secondaryContent h3{
					  text-transform:lowercase; font-size:1.6em; color:#727340; font-family:Arial, verdana, sans-serif;
					  background:url(/images/dotted_bg.gif) repeat-x left bottom; padding-bottom:5px; 
					}

	/* @group UPCOMING EVENTS */
	#upcoming-events h3 a	{ font-size:11px; color:#79341a; font-weight:normal; float:right; margin-top:-15px;}
	#upcoming-events h3 a:hover	{ text-decoration:none; }
	#upcoming-events .event	{ clear:both; }
	.event h4				{ font-size:1.2em; font-weight:bold; margin-bottom:3px }
	.event h4 a				{ color:#79341a; text-decoration:none; }
	.event h4 a:hover		{ text-decoration:underline; }	
	.event					{ clear:both; display:block; margin-bottom:2em;}
	.event p.summary		{ font-size:1.1em; color:#625e53; margin-top:0; margin-left: 40px;}
	.event div.date			{ 
							  background:#531904 url(/images/cal_bg.gif) repeat-x left top; float:left; margin:0 10px 0 0; 
							  width:29px; height:38px; text-align:center;
							}
	.event div.date p		{ margin:0; padding:0; display:block; line-height:1; }
	.event div.date span.month	{ 
							 font:9px "Trebuchet MS", Arial, Verdana, sans-serif; color:#e2e3b8; 
							 font-weight:bold; 
							}
	.event div.date span.day	{ font:18px "Trebuchet MS", Arial, Verdana, sans-serif; color:#fff; display:block  }
	/* @end */
	
	/* @group RECENT SERMON */
	#recent-sermon		{ margin-bottom:20px; }
	#recent-sermon h3	{ clear:both; }
	.sermon				{ position:relative; }
	.sermon h4			{ font-size:1.2em; margin:0; padding:0; width:70%; }
	.sermon h4 a		{ color:#79341a; text-decoration:none;  }
	.sermon h4 a:hover 	{ text-decoration:underline; }
	.sermon p.date		{ font-size:1em; color:#676155; margin-top:3px; text-transform:uppercase }
	.sermon ul			{ position:absolute; top:0; right:10px; margin:0; padding:0; list-style:none; }
	.sermon li			{ float:left; margin-right:5px; }
	.sermon li a		{ display:block; width:25px; height:23px;  text-indent:-999em; }
	.sermon li.play a	{ background:url(/images/sidebar_play.gif) no-repeat; }
	.sermon li.download a { background:url(/images/sidebar_download.gif) no-repeat;  }
	.sermon li a:focus	{ outline:none; }
	
	/* @end */
	
	/* @group SERVICE TIMES */
	#service-times			{ background:url(/images/service_times_bg.gif) repeat-x; padding:20px 14px 0; height:69px; }
	#service-times p		{ 
							  font-size:1.1em; color:#585143; font-family:"Lucida Grande", arial, verdana, sans-serif; 
							  margin-top:0; margin-bottom:5px; 
							}
	#service-times p b	{ font-size:14px; font-family:Arial, verdana, sans-serif; }
	#service-times a		{ 
							  display:block;background:url(/images/map_btn.gif) no-repeat; width:212px; height:43px; 
							  text-indent:-999em; 
							}	
	/* @end */

/* @end */

/* @group FOOTER */
#footer				{ background:url(/images/footer_bg.gif) no-repeat left top; padding-top:11px; padding-bottom:20px; }
#footer p			{ color:#4f4a40; font-size:1.1em;  text-align:center; }
#footer p a			{ color:#4f4a40; }
#footer p a:hover	{ text-decoration:none; }
/* @end */

/* @group SERMON STYLES */
.sermonlist			{ border-top:8px solid #2d0c00; border-bottom:1px solid #2d0c00; margin-bottom:2em;}
.sermonbox			{ position:relative; padding:10px; background:#fff; }
.sermonbox:hover	{ background:none; }
.sermonlist h4		{ background:#fff; margin:0; padding:10px; font-size:1.4em; color:#2d0c00; }
.sermonbox h5		{ margin:0; font-size:1.2em; }
.sermonbox p		{ margin:2px 0; font-size:1.1em; }
.sermonbox ul		{ position:absolute; top:25px; right:30px; margin:0; padding:0; list-style:none; }
.sermonbox li		{ float:left; margin-right:5px; }
.sermonbox li a		{ display:block; height:16px; width:16px; text-indent:-999em; }
.sermonbox li a:focus{ outline:none; }
/* ICONS */
.sermonbox li.sl_listen a 	{ background:url(/images/play_icon.gif) no-repeat left top; }
.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:hover ul li a	{ background-position:left bottom; }

/* HOW IT WORKS */
#how-it-works ul			{ margin:0; padding:0; list-style:none; }
#how-it-works li			{ margin-bottom:1.5em; font-size:1.2em; color:#625e53; padding-left:20px; }
#how-it-works li span		{ font-weight:bold; font-size:14px; }
#how-it-works li#play		{ background:url(/images/play_icon_app.gif) no-repeat; }
#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat; }
#how-it-works li#notes		{ background:url(/images/notes_icon_app.gif) no-repeat; }
#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat; }

/* SORTING */
#sorting ul				{ margin:0; padding:0; list-style:none; }
#sorting li				{ padding:4px 0; margin-bottom:.8em; }
#sorting li a			{ font-size:1.2em; color:#79341a;  }
#sorting li a:hover 	{ text-decoration:none; }

/* MEDIA LINKS */
ul#byline					{ float:left; width:300px; margin:0 0 2.5em; padding:0; list-style:none; }
#byline li					{ float:left; margin-right:10px; color:#625e53; }			
#mediabox					{ float:right; width:140px; margin:0; padding:0; list-style:none; border:1px solid #2d0c00}
#mediabox li				{ padding:5px; font-size:1.2em;}
#mediabox li#mb_links		{ background:#2d0c00; color:#fff; }
#mediabox li a				{ padding:2px 0 2px 20px; }
#mediabox li#mb_jukebox a	{ background:url(/images/play_icon_app.gif) no-repeat; }
#mediabox li#mb_video a		{ background:url(/images/video_icon_app.gif) no-repeat; }
#mediabox li#mb_download a	{ background:url(/images/download_icon_app.gif) no-repeat; }
#mediabox li#mb_notes a		{ background:url(/images/notes_icon_app.gif) no-repeat; }
#mediabox li#mb_podcast a	{ background:url(/images/feed_icon_app.gif) no-repeat; }
#text						{ clear:left; width:370px; margin-top:2em; }
/* @end */

/* @group CALENDAR */
#primaryContent table.calendar{
   margin-bottom: 25px;
   border: 1px solid #79341a;
   border-bottom: 0;
   border-collapse: collapse;
}

#primaryContent table.calendar caption{
   padding-bottom: 10px;
   color: #79341a;
   font-size: 1.4em;
}

#primaryContent table.calendar caption span{ color: #79341a;}
#primaryContent table.calendar th{
   padding: 6px 0;
   background: #79341a;
   color: #fff;
   font-size: 1.3em;
   font-weight: normal;
}

#primaryContent table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #79341a;
   border-left: 0;
   border-top: 0;
   background: #fff;
   color: #625e53;
   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.calendar td li	{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
/* @end */