/* @override http://thepromisechurch.cpmpreview1.com/css/styles.css */

/*=====
CLIENT: The Promise Church
FILE: styles.css
CREATED: 10/16/2008
MODIFIED:11/11/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */
body 						{ 
							  background:#dedddb url(/images/body_bg.gif) repeat-x; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#636667; 
							}
html, body					{ height:100%; }
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#container 					{ 
							  background:url(/images/container_bg.gif) repeat-x center -1px; margin:0; padding:21px 0 20px; position:relative; 
							}
#content-wrap				{ background:url(/images/content_wrap_bg.gif) no-repeat; position:relative; margin:0 auto; padding:5px 5px 5em; width:960px; }
#content					{ background:url(/images/sub_content_bg.gif) repeat-y; min-height:700px; margin-bottom: -37px;  }
#content.wide,
#home #content				{ background:url(/images/content_bg.gif) repeat-y; }
a 							{ overflow: hidden; }

.show						{ display:block }
.hidden						{ 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						{ height:158px; position:relative; z-index:2000; }
#header-inner				{ width:970px; margin:0 auto; position:relative; }
#header h1,
#header h1 a				{ display:block; width:470px; height:97px; }
#header h1					{ background:url(/images/logo.png) no-repeat; text-indent:-999em; margin:0; padding:0; position:absolute; top:11px; left:4px; }
#header h1 a:focus			{ outline:none; }
	
	/* @group SHELF */
	#new-here				{ 
							  text-indent:-999em; margin:-53px 15px 0 0; z-index:5000; zoom:1; position:absolute; top:1px; right:0;
							  display:block; width:154px; height:32px; background:url(/images/new_here_btn.gif) no-repeat; 							  
							} 
	#new-here:focus			{ outline:none; }
	#shelf					{ display:none; background:#080a0c; position:relative; margin-top:-1px; padding-top:1px; color:#f1f1f1; }	
	#shelf-inner			{ width:970px; margin:0 auto; position:relative; margin-top:-15px; padding:50px 0; zoom:1; }
	#shelf-left				{ float:left; width:60%; }
	#shelf-right			{ float:right; width:25%; }
	#shelf a				{ color:#fff; }
	#shelf a:hover			{ text-decoration:none; }
	#shelf li,
	#shelf td,
	#shelf p				{ font-size:1.2em; }
	
	#shelf p *,
	#shelf td *,
	#shelf li *				{ font-size:1em; }
	
	#shelf h3				{ font-size:1.8em; margin-top:0; }
	#shelf h4				{ font-size:1.6em; margin-top:0; }
	#shelf h5				{ font-size:1.5em; margin:0; }
	#shelf h6				{ font-size:1.3em; margin:0; }
	#map-canvas				{ float:left; }
	#contact				{ float:left; width:25%; padding-left:23px; }
	#contact h4				{ font-size:1.3em; color:#f4f2e9; margin:5px 0 0; }
	#contact p				{ font-size:1.2em; color:#d7d3c1; }
	#contact a				{ color:#62ace0; }
	#contact a:hover		{ text-decoration:none; }
	/* @end */
	
	/* @group CONTACT FORM */
	#contact-form			{ float:left; padding-left:28px; width:40%; }
	#contact-form h4		{ font-size:1.3em; color:#f4f2e9; margin:5px 0 1em; }
	#contact-form div		{ padding-bottom:1em; }
	#shelf fieldset,
	#shelf form				{ margin:0; padding:0; border:none; }
	#shelf label			{ float:left; font-size:1.2em; color:#d7d3c1; margin:.3em 0 0; }
	#shelf input			{ float:right; border:none; padding:4px; height:18px; width:254px; }
	#shelf input#sp-trap	{ position:absolute; left:-999em; }
	#shelf textarea			{ float:right; padding:4px; height:75px; width:232px; border:0; }
	#shelf input.submit		{ width:auto; height:auto; padding:0;   }
	/* @end */
	
	/* @end */
	
	/* @group SERVICE TIMES */
	#service-times			{ 
							  position:absolute; right:-49px; background:url(/images/gatherings_bg.gif) no-repeat; display:block; padding-right:75px; 
							  width:388px; height:41px; 
							}
	#service-times p		{ text-align:right; font-size:1.2em; color:#fff; font-weight:bold; margin:2px 0 0;  }
	#service-times img		{ position:relative; top:8px; left:5px; border:none; }
	/* @end */
/* @end */


/* @group NAVIGATION */
#nav, #nav * 				{ list-style:none; margin:0; padding:0; margin-left:1px}
#nav 						{ height:36px; position:absolute; top:117px; left:-1px; }
#nav li 					{ float:left; margin:0 2px;}
#nav li a 					{ 
							  display:block; line-height:36px; padding:0 21px; font-weight:bold; font-size:1.3em; text-transform:uppercase; color:#fff; 
							  text-decoration:none; 
							}

#nav li:hover,
#nav li.current 			{ color: #b1b3b4; }

#nav li:hover a             { color: #b1b3b4; }
#nav li.current a			{ background:url(/images/nav_a.gif) no-repeat right top; color:#080a0c; }
	
#nav li ul 					{ position:absolute; left:-5000px; z-index:1001; width:180px; display:none; }

/* @end */

/* @group MAIN */
#main						{ float:left; padding-left:35px; width:650px; }
#home #main					{ width:614px; padding:0; }
#content.wide #main			{ width:94%; }
#main a						{ color:#0a81bc; }
#main a:hover				{ text-decoration:none; }
#main img					{ margin:0; padding:0; border:none; margin-bottom:-2px; }

#main h2					{ font:normal 2.1em georgia, times, serif; color:#1f282f; padding-top: 10px;  }
#main h3					{ font-size:1.8em; font-family:georgia, times, serif; color:#1f282f; }
#main h4					{ font-size:1.6em; color:#b34c3c; margin-bottom: 13px; }
#main h5					{ font-size:1.4em; color:#080a0c; }
#main h6					{ font:normal 1.3em georgia, times, serif; font-style:italic; color:#1f282f; }

#main p,
#main td,
#main li					{ font-size:1.2em; line-height:1.5em; color:#1f282f; }

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

img.left-align				{ float:left; margin:10px 10px 10px 0;  }
img.right-align				{ float:right; margin:10px 0 10px 10px;  }

	/* @group MESSAGE */
	#message				{ 
							  background:#f5f4f4 url(/images/message_bg.gif) repeat-x; padding:21px 25px 13px; border-bottom:1px solid #e1e0de; 
							  position:relative; margin-bottom:1.5em;
							}
	#message ul				{ 
							  position:absolute; top:9px; right:10px; margin:0; padding:0; list-style:none; width:236px; height:35px; 
							  background:url(/images/audio_ul.gif) no-repeat;
							}
	#message li 			{ display:inline; float:left; }
	#message li a			{ display:block; float:left; background:url(/images/audio_a.gif) no-repeat; height:35px; width:100px; text-indent:-999em; }
	#message li#play a		{ width:102px; }
	#message li#download a	{ width:133px; background-position:right top; }
	
	#message #play a:hover		{ background-position:left bottom; }
	#message #download a:hover	{ background-position:right bottom; }
	#message h3				{ 
							  font:normal 18px georgia, times, serif; color:#e1e0de; margin:0; padding-bottom:19px;
							  background:url(/images/message_arrow.gif) no-repeat 75px bottom;
							}
	#message h4				{ font-size:21px; font-weight:normal; margin:15px 0 0; width:80%; }
	#message h4 span		{ font-size:12px; margin-left:15px; color:#8c8c77; }
	#message h4 a			{ color:#232d35; text-decoration:none; }
	#message h4 a:hover		{ text-decoration:underline; }
	#message p 				{ color:  #7c7c7a; line-height: 20px; margin-top: 7px;}
	
	a.recent				{ 
							  display:block; width:92px; height:22px; background:url(/images/recent_weeks_btn.gif) no-repeat; text-indent:-999em; 
							  position:absolute; top:65px; right:10px;
							}
	/* @end */
	
	/* @group NEWS */
	#news					{ position:relative; padding:0; margin-left:25px; width:560px;  }
	#news .inner			{ width:590px; margin-right:-50px; }
	#news h3				{ 
							  font:normal 18px georgia, times, serif; color:#7a2418; margin:0 0 5px; padding:9px 0 10px 38px;
							  background:url(/images/news_bg.gif) no-repeat left center; border-bottom:1px solid #eae9e8;  
							}
	#news a.entries			{ font:normal 12px "Lucida Grande", verdana, sans-serif; color:#0a81bc; position:absolute; top:12px; right:0px;}
	#news a.entries:hover	{ text-decoration:none; }
	#news .article			{ padding:7px 8px 0; width:250px; float:left; margin-right:28px; }
	#news .article h4		{ font-size:1.2em; color:#101416; margin-bottom: -3px; }
	#news p					{ font-size:1.1em; color:#636667; line-height:1.6em; padding-bottom: 17px; }
	#news img				{ margin-left:-7px; border:0; }
	/* @end */
/* @end */

/* @group SIDEBAR */
#sidebar					{ float:left; padding:27px 15px; width:209px; } 
#home #sidebar				{ width:346px; padding:0; }	
#sidebar h3					{ font-size:1.4em; color:#1f282f; padding:0 0 9px 15px; background:url(/images/subnav_dotted.gif) repeat-x left bottom;  }
#home #sidebar h3			{ background:none; padding:0; }

	/* @group SUBNAV */
	#subnav, #subnav *		{ margin:0; padding:0; list-style:none; }		
	#subnav 				{ background:url(/images/subnav_dotted.gif) repeat-x left 25px; padding-bottom:2.5em; }
	#subnav li.current a	{ 
							  font-size:1.4em; color:#1f282f; font-weight:bold; text-decoration:none;
							  padding-left:12px; height:25px; display:block; margin-bottom:9px;	text-transform:uppercase;					
							}
	
	
	#subnav li.current li a			{ display:block; line-height:36px; font-weight:normal; font-size:13px; color:#2e363d; height:auto; text-transform:none; }
	#subnav li li.current			{ background:url(/images/subnav_li.gif) no-repeat right top; width:225px; padding-top:2px; }
	#subnav li li.current a			{ background:url(/images/subnav_a.gif) no-repeat right bottom; line-height:32px; }
	
	#subnav li li a:hover			{ text-decoration:underline; } 
	#subnav li li.current a:hover	{ text-decoration:none; }
	
	#subnav li li.children.current a{ background:url(/images/subnav_children_a.gif) no-repeat right bottom; }    
	#subnav li li a:hover			{ text-decoration:underline; }	
	
	/* THIRD LEVEL */
	#subnav li li ul				{ display:none; }
	#subnav li li.current ul		{ margin-top:5px; display:block; }
	#subnav li li.current li,
	#subnav li li.current li a,
	#subnav li li.current.children li a		{ background:none; padding-left:10px; line-height:20px;} 
	#subnav li li.current li		{ padding-top:0; }
	#subnav li li.current li a		{ font-size:12px; color:#757575; padding-right:10px; } 
	#subnav li li.current li a:hover,
	#subnav li li li.current a		{ color:#313131; text-decoration:underline; }
	
	/* @end */
	
	/* @group WELCOME */
	#welcome		{ padding:40px; height:236px; position:relative; background:url(/images/welcome_bg.gif) no-repeat right top;}
	#welcome h2		{ margin:0; padding:0;}
	#welcome p		{ font-size:1.3em; line-height:20px; color:#2c2c2c; margin-top: 10px;}
	
	#tabs			{ height:36px; margin:0; padding:0; list-style:none; width:346px; position:absolute; left:0; bottom:0; }
	#tabs li		{ float:left; display:inline; }
	#tabs li a		{ 
					  display:block; line-height:36px; float:left; width:173px; text-align:center; text-decoration:none; font-size:1.2em; color:#1c2022; 
					  text-transform:uppercase; background:url(/images/tabs_bg.gif) repeat-x; font-weight:bold; 
					}
	#tabs li a.active{ background:url(/images/current_tabs_bg.gif) repeat-x; }
	
	#tab-two		{ display:none; }
	/* @end */
	
	/* @group UPCOMING EVENTS */
	#upcoming-events	{ background:url(/images/events_h3_bg.gif) repeat-x; padding:20px 27px;}
	#upcoming-events h3	{ padding:0; margin:0 0 1em; font:normal 1.8em georgia, times, serif; color:#fff; }
	
	.event				{ clear:both; padding:11px 0 16px; background:url(/images/dotted_bg.gif) repeat-x left top;}
	.event.first		{ background:none; }
	.event h4			{ font:14px georgia, times, serif; margin:0; padding-top:4px;}
	.event h4 a			{ color:#1c2022; text-decoration:none; }
	.event h4 a:hover	{ text-decoration:underline; }
	.event p			{ margin-top:7px; font-size:11px; color:#898988; margin-left: 48px; line-height: 16px;margin-bottom: 0px;; }
	.event p.times		{ margin:0; padding-top: 1px; margin-bottom: -4px;}
	.event .date		{ 
						  display:block; float:left; width:35px; height:35px; border:1px solid #d9d8d6; margin:0 11px 0 0; text-align:center; 
						  font:bold 17px helvetica, arial, verdana, sans-serif; color:#434343; padding-top:2px;
						}
	.date span			{ display:block; font:normal 10px georgia, times, serif; text-transform:uppercase; padding-top: 2px; }
	p.more				{ font-size:1.2em; }
	p.more a			{ color:#0a81bc; }
	p.more a:hover		{ text-decoration:none; }
	/* @end */

/* @end */

/* @group FOOTER */
#footer 			{ background:#31404c url(/images/footer_bg.gif) repeat-x; padding:35px 0; }
#home #footer		{ margin:0; }
#footer-inner		{ width:960px; margin:0 auto; }
#footer .column		{ width:345px; float:left; }
#footer p 			{ }
	
	/* @group CONTACT */
	#contact.column		{ background:url(/images/contact_bg.gif) no-repeat; padding:25px; width:295px; height:143px; margin-right:15px; }
	#contact h4			{ margin:0; font-size:1.3em; color:#fff; }
	#contact p			{ font-size:1.2em; color:#fff; margin-top:7px; }
	#contact a			{ color:#44baf4; }
	#contact a.external	{ color:#fff; }
	#contact a:hover	{ text-decoration:none; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks.column		{ margin-right:16px; width:294px; position:relative; }
	#quicklinks div			{ float:left; width:122px; margin:0 17px 9px 0; padding:4px; background:#212e38; position:relative; }	
	#quicklinks img			{ border:0; }
	#quicklinks div:hover	{ padding:3px; border:1px solid #3d88ac }
	#quicklinks a			{ text-decoration:none; font-weight:bold; }
	#quicklinks span		{ 
							  display:block; position:absolute; width:113px; background:url(/images/ql_overlay.png) no-repeat; 
							  bottom:4px; line-height:26px; color:#fff; font-size:12px; text-align:right; padding-right:9px;
							}
	
	/* @end */
	
	/* @group GIVING */
	#giving.column			{ margin-right:0; width:240px; float:left; }
	#giving h3				{ border-bottom:1px solid #282f33; }
	#giving p				{ font-size:1.2em; color:#e6e6e4; line-height:1.5em; }
	#giving img				{ border:0; }
	a.giving-button			{ display:block; width:275px; height:38px; background:url(/images/giving_button.gif) no-repeat; text-indent:-999em }
	a.giving-button:hover	{ background-position:left bottom }
	a.giving-button:focus	{ outline:none; }
	/* @end */
	
/* @end */

/* @group SERMONS */
#filter								{ margin-top:2em; }
#filter select						{ width:100px; margin-left:10px; }
#filter a							{ margin-left:20px; }
#main .sermonlist h4				{ margin:0; padding:10px 0;}
.sermonbox							{ position:relative; padding:12px 0; border-top:4px solid #efefef; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

#main .sermonbox h5					{ margin:0;padding-bottom: 2px;}
#main .sermonbox h5 span			{ font-size:10px; margin-left:10px; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9; }
.sermonbox h5 a:hover 				{ color:#556c6b }
#main .sermonbox p					{ margin:0; line-height: 19px;}


.sermonbox ul					{ position:absolute; top:20px; right:10px; margin:0; padding:0; list-style: none;}
.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; padding-left: 5px; }
.sermonbox li.sl_download a		{ background:url(/images/download_icon.gif) no-repeat;padding-left: 5px; }
.sermonbox li.sl_notes a		{ background:url(/images/notes_icon.gif) no-repeat; padding-left: 5px;}
.sermonbox li.sl_video a		{ background:url(/images/video_icon.gif) no-repeat; }
.sermonbox li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#text						{  }
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; padding:10px; margin:-75px 0 0 10px; list-style:none; background:#f5f4f4; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ background:#1f282f; color:#fff; margin:-10px -10px 10px; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat left 2px; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ height: 30px; margin:0em 0; padding:0; margin-bottom: 25px; list-style:none; background:#efefef; border:2px solid #ccc; }
	#how-it-works li			{ padding-left:20px; font-size:1.2em; display:block; line-height:30px; margin-right:20px; float:left; }
	#how-it-works li#how		{ font-weight:bold; padding-left:10px; }
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat left center; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat left center; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat left center; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ padding:0 15px; }
	#sorting h3					{ margin-left:-15px; }
	#sorting label 				{ font-size:1.2em; display:block; margin:0 0 .5em; font-weight:bold; color:#1f282f; }
	#sorting select				{ width:96%; display:block; margin-bottom: 1.5em; }
	#sorting a					{ color:#0a81bc; font-size:1.2em; }
	#sorting a:hover			{ text-decoration: none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#main table							{ width:100%; }
#main table.calendar				{ margin-bottom: 25px; border-collapse: collapse; }
#main table.calendar caption		{ padding-bottom: 10px; color: #666; font-size: 1.4em; }
#main table.calendar th				{ padding: 6px 0; background:#1f282f; color:#fff;  font-size: 1.3em; font-weight: normal; }
#main table.calendar td				{ 
									  width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0;
								  	  border-top: 0; background:#f5f4f4; color:#55636b; font-size: 1em; vertical-align: top; 
									}
#main table.calendar td.current		{ background:#1f282f; color:#fff; }
#main table.calendar td a			{ text-decoration: none; }
#main table.calendar td.current a	{ color:#fff; }
#main table.calendar td ul			{ margin: .5em 0 0 .5em; font-size: 100%; list-style: none; padding:0; }
#main table.calendar td li			{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#main table.calendar td li a		{ text-decoration: underline; }
#main table.calendar td li a:hover	{ text-decoration: none; }
/* @end */