/*=====
CLIENT: West Valley Presbyterian Christian
FILE: styles.css
CREATED: 11/10/2008
MODIFIED:11/10/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBALS */
body						{ 
							  background:url(/images/body_bg.jpg) repeat; margin:0; padding:0; font-size:62.5%; 
							  font-family:georgia, "Times New Roman" serif; 
							}
#container					{ margin:0 auto; width:763px; }
#mainContent				{ background:url(/images/content_bg.gif) repeat-y -1px top; margin-left:32px; padding-top:10px; width:692px; }
#skip 						{ position:absolute; top:-999em; }
.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 */
/* @end */

/* @group HEADER */
#header						{ position:relative; background:url(/images/sub_header.jpg) no-repeat; height:155px; margin-left:7.5px; }
#home #header				{ background:url(/images/header_bg.jpg) no-repeat; height:416px; margin:0; }
#header h1					{ text-indent:-999em; margin:0; }
#home #header h1			{ 
							  display:block; background:url(/images/logo.png) no-repeat; width:378px; height:259px; 
							  text-indent:-999em; position:absolute; top:84px; left:195px; margin:0; 
							}
#home #header h1 a			{ display:block; width:378px;height:259px; }
#header h2					{ 
							  display:block; background:url(/images/title.gif) no-repeat; width:421px; height:79px; 
							  text-indent:-999em; position:absolute; top:255px; left:180px;
							}
/* @end */


/* @group NAVIGATION */
#nav, #nav * 				{ list-style:none;margin:0;padding:0;}
#nav						{ 
							  padding-left:72px; margin-left:-6px;
							  background:url(/images/nav_bg.jpg) no-repeat; width:691px; height:49px; z-index:101;
							}
#nav li 					{ cursor:pointer;float:left;}
#nav li a 					{ 
							  display:block; font-size:1.8em; color:#fff; text-decoration:none; text-transform:lowercase; padding:0 12px; 
							  line-height:37px; 
							}

#nav li li					{ display:block; }
#nav li:hover a,  
#nav li a:hover				{ background:#2b0000; }

#nav li:hover li a,
#nav li li a				{ font-size:15px; line-height:30px; background:none; width:136px; }

#nav li li a:hover			{ background:#2b0000; }

#nav li ul 					{ position:absolute;left:-5000px;z-index:1001; width:160px; background:#000; margin-top:-1px;}
#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:-28px 0 0 160px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent				{ padding:0 20px 20px; width:650px;}

#primaryContent p,
#primaryContent li,
#primaryContent td			{ font-size:1.35em; color:#000; }

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

#primaryContent a			{ color:#2b0000; text-decoration:underline; }
#primaryContent a:hover		{ text-decoration:none; }

img.left-align				{ float:left; position:relative; left:-10px; }
img.right-align				{ float:right; position:relative; right:-10px; }

	/* -- HEADINGS --*/
	#primaryContent h2		{ 
					  		  background:url(/images/heading_bg.gif) no-repeat center bottom; font-size:2.4em; height:40px; text-align:center;
							  font-weight:normal; margin-top:0;
							}
	#primaryContent h3		{ font-size:2em; color:#000; font-weight:normal;  }
	#primaryContent h4		{ font-size:1.8em; color:#000; font-weight:normal; margin-bottom:.5em;}
	#primaryContent h5		{ font-size:1.3em; }
	#primaryContent h6 		{ font-size:1.3em; }
/* @end */

/* @group FOOTER */
#footer						{ margin:0 auto; background:url(/images/footer_bg.gif) no-repeat 1px top; width:740px; padding-bottom:50px;}
#footer-inner				{ padding:23px 0 0; width:637px; margin:0 auto; }
#footer-bottom				{ clear:both; padding-top:10px; }
#footer-bottom p			{ font-size:1.2em; color:#fff; float:left; }
#footer-bottom p#designed	{ float:right; }
#footer-bottom a			{ color:#fff; }
#footer-bottom a:hover	 	{ text-decoration:none;  }

.col						{ float:left; width:186px; margin-right:31px; }
#cal-section.col			{ margin-right:-30px;  }


#footer h3					{ 
							  font-size:2em; color:#e9d5b2; background:url(/images/underline_bg.gif) repeat-x left bottom; 
							  text-transform:lowercase; font-weight:normal; padding-bottom:5px; margin-bottom:5px; 
							}
				
	/* @group SERVICE TIMES */
	#service-times p						{ font-size:2.4em; color:#e9d5b2; margin:0; }
	#service-times p a						{ font-size:18px; color:#fff; text-decoration:none; }
	#service-times a:hover					{ text-decoration:underline; }
	/* @end */
	
	/* @group ARTICLES AND SERMONS */
	#recent-sermon h3,
	#recent-articles h3						{ margin-bottom:8px; }
	#recent-sermon h4, 
	#recent-articles h4						{ font-size:1.4em; font-weight:normal; margin:0; }
	#recent-sermon h4 a,
	#recent-articles h4 a					{ color:#e9d5b2; text-decoration:none; }
	#recent-sermon h4 a:hover,	
	#recent-articles h4 a:hover 			{ text-decoration:underline;	}
	#recent-articles p a,
	#recent-sermon p a						{ color:#fff; font-size:1.4em; }
	#recent-sermon p a:hover				{ text-decoration:none; }
	#recent-articles p						{ color:#e9d5b2; font-size:1.4em; margin:0 0 1.2em; }
	
	/* @end */
	
	/* @group SMALL CALENDAR */
	#cal-section h3							{ margin-bottom:10px; }	
	#footer table.calendar 					{ 
											  background: #f5f2e4; 
											  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
											}	
	#footer table.calendar caption			{ color: #382510;  font-size: 1.4em; background:#f5f2e4; margin:0; padding:4px 0 }
	#footer table.calendar caption span 	{ color: #382510; }
	#footer table.calendar th				{ 
											  padding: 3px 0; color: #b7902a; font-size: 1.1em; font-weight: normal; text-align: center; 
											  border-bottom:1px solid #e0d1a5;
											}	
	#footer table.calendar td				{ width: 28px; height: 28px; font-size: 1.1em; color:#382510; text-align: center; }
	#footer table.calendar td.linked-day	{ background:#b7902a; color:#fff; }
	#footer table.calendar a				{ display: block; padding: 7px; background: #310100; color: #BFBB65; 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 #b7902a;
											  background: #b7902a; font-size: 1.1em; 
											}	
	#traildiv li							{ color: #FFF; margin-left: 1em; margin-bottom: .75em; 	}
	#traildiv a								{ color: #310100; text-decoration: none; }

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

/* @group SERMON SECTION */
.sermonlist									{ border-top:6px solid #000; margin-bottom:2em; }
#subscribe									{ background:url(/images/feed_icon_app.gif) no-repeat right center; padding-right:20px; margin-left:20px; }
#articles #subscribe						{ background-position:left center; padding-left:20px; margin:0;}
#primaryContent .sermonlist h4				{ background:#fff; margin:0; padding:10px; }
.sermonbox									{ position:relative; background:#fff; padding:10px; }
.sermonbox h5,	
.sermonbox p								{ margin:0; }
.sermonbox h5								{ font-size:1.35em;  }
.sermonbox h5 a								{ color:#2b0000; }

	/* @ group SERMONBOX ICONS*/
	.sermonbox ul							{ position:absolute; top:20px; right:20px; margin:0; padding:0; list-style:none; }
	.sermonbox li							{ float:left; 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) left top no-repeat }
	.sermonbox li.sl_download a				{ background:url(/images/download_icon.gif) left top no-repeat; }
	.sermonbox li.sl_notes a				{ background:url(/images/notes_icon.gif) left top no-repeat; }
	.sermonbox li.sl_video a				{ background:url(/images/video_icon.gif) left top no-repeat; }
	/* @end */
	
	/* @group MEDIABOX */
	ul#byline								{ margin:0; padding:0; list-style:none; float:left;  width:60%; }
	#mediabox								{ float:right; width:30%; margin:0; padding:10px; list-style:none; }
	#mediabox li							{ font-size:1.3em; padding:5px;}
	#mediabox li a							{ padding:0 0 1px 20px;  }
	#mediabox li#mb_jukebox a				{ background:url(/images/play_icon.gif) no-repeat left bottom; }
	#mediabox li#mb_video a					{ background:url(/images/video_icon.gif) no-repeat left bottom; }
	#mediabox li#mb_download a				{ background:url(/images/download_icon.gif) no-repeat left bottom; }
	#mediabox li#mb_notes a					{ background:url(/images/notes_icon.gif) no-repeat left bottom; }
	#mediabox li#mb_podcast a				{ background:url(/images/feed_icon_app.gif) no-repeat;  }
	#mediabox li#mb_links					{ padding:5px; background:#000; color:#fff; }
	#text									{ clear:both; width:60%; }
	/* @end */


/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ border-collapse: collapse; width:90%; margin:0 auto 25px; }
#primaryContent table.calendar caption 		{ padding-bottom: 10px; color: #000; font-size: 1.8em; width:100%; text-align:center; }
#primaryContent table.calendar caption span	{ color: #2b0000; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#2b0000; color:#fff; font-size: 1.4em; font-weight: normal;}
#primaryContent table.calendar td			{
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #e9d5b2; border-left: 0;
											  border-top: 0; background: #fff; color: #2b0000; font-size: 1em; vertical-align: top;
											}
#primaryContent table.calendar td a			{ color: #2b0000; }
#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; line-height: 1.2; }
#primaryContent table.calendar td.linked-day{ background:#dcc9b2; }

/* @end */

/* @group MISCELLANEOUS */
#primaryContent .article h4					{ margin:10px 0 5px; font-size:1.7em; }
.article p									{ margin-top:0;  }
.article p.date								{ margin:0 0 2px; }
/* @end */