/* @override http://westvalleyonline.org/css/styles.css */

/*=====
CLIENT: West Valley Christian Fellowship
FILE: styles.css
CREATED: 3/20/2008
MODIFIED:3/21/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADER
III.	NAVIGATION
IV.		PRIMARY CONTENT
V.	 	SECONDARY CONTENT
VI. 	FOOTER
VII.	CALENDAR
VIII.	SERMON SECTION
XI.		MISCELLANEOUS

=====*/

/* @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:723px; height:268px; 
					  text-indent:-999em; position:absolute; top: 108px; left:11px; margin:0; 
					}
#home #header h1 a	{ display:block; width:723px;height:268px; }
#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			{ float:none; display:block; }
#nav li a:hover		{ background:#2b0000; }
#nav li li a		{ font-size:15px; line-height:30px; }

#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		{ font-size:1.35em; color:#000; }
#primaryContent a		{ color:#2b0000; text-decoration:underline; }
#primaryContent a:hover	{ text-decoration:none; }

	/* -- HEADINGS --*/
	#primaryContent h2	{ 
		background:url(/images/heading_bg.gif) no-repeat center bottom; font-size:2.1em; height:40px; text-align:center; padding-bottom:3px;
		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; }
#primaryContent .sermonlist h4	{ background:#fff; margin:0; padding:10px; }
.sermonbox						{ position:relative; background:#fff; padding:10px; }
.sermonbox:hover				{ background:none; }
.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; }
	.sermonbox:hover li a			{ background-position:left bottom; }
	/* @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{
   margin-bottom: 25px;   
   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 */

/* @group BLOG */
#blog p.byline				{ margin-bottom:.5em; }
#detail p.byline			{ margin-top:1em; }
#post-options				{ margin-bottom:1em; }
#detail #comments			{ margin-top:1em; }
#blog p.content 			{ margin:.5em 0; }
#blog p.comments			{ margin-top:1em; }
#blog h4					{ margin-top:1.5em; }
#blog #footer-inner			{ padding-top:40px; }
#send fieldset				{ border:0; }
#send label					{ display:block; }
#send input					{ width:65%;  }
#send textarea				{ height:200px; width:65%;  }
#send #send-it				{ width:50px; }
#blog-text p,
#comments p					{ margin:1em 0; }
#detail .comments			{ margin:2em 0; }
#blog-text ul,
#blog-text ol				{ padding:1em 2em; margin:1em 2em; }
/* @end */