/* @override http://threshold.cpmpreview1.com/css/styles.css */
/*=====
SITE: Threshold
FILE: styles.css
CREATED: 12/18/2007
MODIFIED: 12/21/2007
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 */
*					{ margin:0; padding:0; line-height:1; }
body				{ background:#fff; font-size:62.5%; font-family:arial, verdana, tahoma, sans-serif; margin:0; padding:0; }
#container			{ margin:81px auto; width:759px; }
#mainContent		{ width:759px; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

.clearfix:after 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block;}
/* @end */

/* @group HEADER */
#header				{ position:relative; z-index: 1000; width:521px; }
#podcast			{ 
					  display:block; width:18px; height:19px; position:absolute; top:4px; right:9px; 
					  background:url(/images/podcast_btn.gif) no-repeat; text-indent:-999em;
					}
#podcast:focus		{ outline:none; }
#skip				{ position:absolute; top:-999em; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0; }
#nav				{ background:#1f1f1f; height:29px; width:521px;}
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ display:block; padding:0 12px; line-height:29px; text-decoration:none; color:#fff; font-size:1.2em; font-weight:bold; }

#events #nav_events a,
#articles #nav_resources a,
#sermons #nav_resources a,
#nav li a:hover,
#nav li:hover a,
#nav li.current a	{ color:#34cbc6; background:#010101; }
#nav li li			{ float:none; display:block; }

#articles #nav_resources li a,
#sermons #nav_resources li a,
#nav li:hover li a,
#nav li li a		{ font-size:11px; color:#171717; font-weight:normal; line-height:20px; width:145px; background:none; }

#articles #nav_resources li a:hover,
#sermons #nav_resources li a:hover,
#nav li li a:hover	{ text-decoration:underline; color:#31a09c }
#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:169px; background:url(/images/subnav_bg.png) no-repeat; }
#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;}
#nav li:hover ul li:hover ul 
					{ margin:-28px 0 0 169px;}

/* NAV FIXES FOR SERMON, EVENT AND ARTICLE PAGES */
#events #nav_home.current a,
#articles #nav_home.current a,
#sermons #nav_home.current a	{ color:#fff; background:none; }

/* @end */

/* @group PRIMARY CONTENT */
#primaryContent					{ float:left; position:relative; width:521px; border-bottom:4px solid #f1f1f1;}
#home #primaryContent			{ border-bottom:0; }
#primaryContent p,
#primaryContent li				{ font-size:1.2em; line-height: 1.5em; color:#777; }
#primaryContent p				{ margin-bottom:1em; }
#primaryContent li				{ margin-bottom:.5em; }
#primaryContent li p			{ font-size:1em; line-height:1em; margin:0; }
#primaryContent ul,
#primaryContent ol				{ padding-left:2.5em; margin-bottom:2em; }
#primaryContent blockquote		{ margin:1.5em 0; padding:0 2em; }
#primaryContent a				{ color:#31a09c; }
#primaryContent a:hover			{ text-decoration: none; }
#primaryContent img.left-align	{ float:left; margin:0 10px 10px 0; }
#primaryContent img.right-align	{ float:right; margin:0 0 10px 10px; }
#primaryContent img.no-border,
#primaryContent img.mcms_stats	{ border:0; }

#banner							{ display:block; width:521px; margin-bottom:15px; }
#home #banner					{ height:352px; background:url(/mediafiles/home-banner.jpg) no-repeat; margin:0; }
#text							{ margin-top:20px;width:370px; float:left; }

	/* @group HEADINGS */
	h2							{ 
								  font-size:2em; color:#2db0ac; font-weight:normal; padding-bottom:15px; 
								  border-bottom:4px solid #f1f1f1; margin-bottom:17px;
								}
	#primaryContent h3			{ font-size:1.5em; margin:1em 0; color:#333; }
	#primaryContent h4			{ font-size:1.4em; margin:1em 0; color:#31a09c; }
	#primaryContent h5			{ font-size:1.3em; margin:1em 0; color:#333 }
	#primaryContent h6			{ font-size:1.2em; margin:1em 0; color:#333; }
	/* @end */
	
	/* @group ARTICLES */
	.article 					{ padding-bottom:20px; }
	#primaryContent .article h4	{ margin-bottom:0; }
	/* @end */

	/* @group QUICKLINKS */
	#quicklinks 				{ margin:6px 0 0; padding:0; position:relative; margin-right:-30px; }
	#quicklinks ul				{ margin:0; padding:0; list-style:none; }
	#quicklinks li				{ float:left; display:inline; width:125px; height:109px; margin-right:7px; }
	#quicklinks li img			{ border:0; margin:0; padding:0; width:125px; }
	#quicklinks li span			{ 
								  display:block; padding:4px 0 0 8px; width:117px; height:16px; 
								  background:url(/images/ql_title_bg.png) no-repeat left top; position:relative; top:-22px;
								}
	#quicklinks li a			{ text-decoration:none; color:#fff; }
	#quicklinks li a:hover		{ color:#31a09c; }
	#quicklinks li#quick1 		{ background:url(/mediafiles/quicklink1.jpg) no-repeat; }
	#quicklinks li#quick2 		{ background:url(/mediafiles/quicklink2.jpg) no-repeat; }
	#quicklinks li#quick3 		{ background:url(/mediafiles/quicklink3.jpg) no-repeat; }
	#quicklinks li#quick4 		{ background:url(/mediafiles/quicklink4.jpg) no-repeat; margin-right:0;}
	
	/* @end */

/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent				{ float:right; position:relative; width:216px; top:-29px; right:-2px; }
#secondaryContent p				{ }
#secondaryContent a				{ text-decoration:underline; }
#secondaryContent a:hover		{ text-decoration:none; }

	/* @group LOGO */
	h1,
	h1 a					{ display:block; width:216px; height:34px; margin:0 0 17px -2px; }
	h1 						{ text-indent:-999em; background:url(/images/logo.gif) no-repeat; padding-bottom:9px; border-bottom:5px solid #f1f1f1;}
	h1 a:focus				{ outline:none; }
	/* @end */
	
	/* @group SUBNAV */
	#subnav					{ padding-top:8px; margin-bottom:26px; }
	#subnav li#subnav_home	{ display:none; } /* hide the home page on certain pages */
	#subnav li				{ display:none; }
	#subnav li ul			{ margin:0; padding:0; list-style:none; }
	
	#events #subnav_events,
	#sermons #subnav_resources,
	#sermons #subnav_resources li,
	#articles #subnav_resources,
	#articles #subnav_resources li,
	#events #subnav_events,
	#subnav li.current,
	#subnav li.current li	{ display:block; background:none; }
	
	#sermons #subnav_resources,
	#articles #subnav_resources,
	#events #subnav_events,
	#subnav li.current		
							{ background:url(/images/current_bg.gif) repeat-x; font-size:1.5em; padding-left:9px; }
	#subnav li.current a	{ margin-bottom:5px; }
	
	#sermons #subnav_resources a,
	#articles #subnav_resources a,
	#subnav #subnav_events a,
	#subnav li.current a	
							{ display:block; text-decoration:none; color:#1f1f1f; font-weight:bold; line-height:29px;}	
	
	#subnav li li.current	{ padding:0; font-size:1em; }
	
	#sermons #subnav_resources li a,
	#articles #subnav_resources li a,
	#subnav li.current li a	
							{ font-size:13px; font-weight:normal; color:#656565; margin-bottom:0; }
	
	#sermons #subnav_resources li a:hover,
	#sermons li#subnav_resources_sermons a,
	#articles #subnav_resources li a:hover,
	#articles li#subnav_resources_articles a,
	#subnav li li.current a,
	#subnav li.current li a:hover	
							{ color:#2db0ac; }
							
	#sermons li#subnav_resources_sermons a,						
	#articles li#subnav_resources_articles a,						
	#subnav li li.current a						
							{ 
							  font-weight:bold; background:url(/images/left_arrow.gif) no-repeat left 9px; 
							  padding-left:17px; position:relative; left:-17px;
							}
	#subnav li li			{ border-bottom:1px dashed #e8e7e4 }
	/* @end */
	
	/* @group CURRENT SERIES */
	#current-series h3		{ margin:0; }
	#current-series h4		{ font-size:1.5em; font-weight:bold; color:#36b1ad; margin:0 0 14px; }
	#current-series p		{ font-size:1.1em; color:#777; line-height:1.3em; margin-bottom:15px; }
	#current-series p a		{ font-size:12px; color:#333;  }
	/* @end */	
	
	/* @group SERVICE TIMES */
	#service-times		{ position:relative; padding:19px 0 12px 14px; margin-bottom:24px;border:1px solid #f1f1f1; border-width:5px 0;  }
	#service-times h3	{ text-align:center; }
	p.map a			{
					  display:block; width:149px; height:22px; background:url(/images/map_btn.gif) no-repeat; text-indent:-999em;
					  margin:7px auto; position:relative; top:-3px; left:-9px;
	 				}
	/* @end */
	
	/* @group SIGN UP */
	#signup			{  }
	#signup p		{ font-size:1.3em; color:#484848; line-height:1.5em; }
	#signup form	{ margin-top:14px; }
	#signup fieldset{ border:0; }
	#signup #ea		{ border:2px solid #e9e9e9; padding:4px; }
	#signup #submit	{ margin-left:4px; }
	/* @end */
/* @end */

/* @group FOOTER */
#footer							{ margin-top:2.1em; }
#footer p						{ font-size:1.1em; color:#777;}
#footer p#designed				{ float:right; width:auto; }
#footer a						{ color:#34cbc6; }
#footer a:hover					{ text-decoration:none; }
/* @end */

/* @group SERMONS */
#filter								{ margin-bottom:1em; }
#filter	select 						{ width:200px; margin-left:20px; }
#filter a							{ margin-left:70px; }
.sermonlist 						{ border-top:5px solid #f1f1f1; }
#primaryContent .sermonlist h4		{ margin-top:1em; padding:10px 10px 0; }
.sermonbox							{ position:relative; padding:10px; border-bottom:1px solid #f1f1f1; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }
#primaryContent .sermonbox h5		{ margin-bottom:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
#primaryContent .sermonbox p		{ margin:0; }


#primaryContent .sermonbox ul	{ position:absolute; top:20px; right:10px; margin:0; padding:0; }
.sermonbox li					{ float:left; display:inline; 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) no-repeat; }
.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 li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#primaryContent #byline		{ margin:0; padding:0; list-style:none; float:left; width:300px; }
	#primaryContent #mediabox	{ float:right; border:1px solid; padding:10px; margin:0; list-style:none; width:120px;}
	#mediabox li				{ padding:0 0 0 20px; margin-bottom:4px; }	
	#mediabox li#mb_links		{ background:#000; color:#fff; margin:-10px -10px 10px; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon.gif) no-repeat; }
	#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat; }
	#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat; }
	
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ margin-top:24px; }
	#sorting h3,
	#how-it-works h3			{ font-size:1.5em; margin-bottom:1em; }
	#how-it-works ul			{ margin:0; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; color:#777; }
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin-top:8px; }
	#sorting ul					{ margin:0; padding:0; list-style:none; }
	#sorting li 				{ padding-left:20px; margin-bottom:1em; }
	#sorting li a				{ font-size:1.2em; color:#2db0ac; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ 
											  margin-bottom:25px; border:1px solid #f1f1f1; border-right:0; border-bottom:0; 
											  border-collapse: collapse; 
											}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #34cbc6; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background: #f1f1f1; color: #777; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #f1f1f1; border-left: 0;
											  border-top: 0; color: #777; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ color: #34cbc6; text-decoration: none; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; padding:4px 0 0; font-size: 100%; list-style: none; }
#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; }
/* @end */