/* @override http://www.gracechurchsd.org/css/styles.css */

/* @group TOC */
/*=====
CLIENT: Grace Church
FILE: styles.css
CREATED: 8/22/2007
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADINGS
III. 	HEADER
IV.		NAVIGATION
V.		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VII. 	FOOTER
VIII.	CALENDAR
IX.		SERMON SECTION
X.		FORMS
XI.		TABLES
XII.	MISCELLANEOUS

=====*/

/* @end */


/* @group GLOBALS */
html, body			{ background:#fff; }

body 				{ margin:0; padding:0; font-size:62.5%; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; }
#container			{ margin:0 auto; padding-bottom:20px; width:960px; }
#mainContent		{ background:url(/images/maincontent_bg.gif) repeat-y 665px 0; padding-bottom:10px; border-bottom:1px solid #ddd; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }
#skip				{ position:absolute; top:-999em; left:-999em; }

#mainContent a		{ color:#ef352a; }
#mainContent a:hover{ text-decoration:none; }
a:focus				{ outline: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; 
					  border-bottom:1px solid #ddd; height:317px; 
					}
#home #header		{ height:381px;}
#header #banner		{ width:960px; height:179px; overflow:hidden; display:block; background:url(/mediafiles/subpage-banner.gif) no-repeat; position:absolute; top:81px; }
#rotator			{ background:url(/images/black-back.png) no-repeat left 82px; }
#header h1 			{ 
					  background:url(/images/logo.gif) no-repeat; margin:0; padding:0; 
					  width:185px; height:34px; position:absolute; top:32px; left:20px;
					}
#header h1 a		{ display:block; width:185px; height:34px; text-indent:-999em; }

#subnav				{ position:absolute; top:42px; right:10px; width:280px; }
#subnav ul			{ margin:0; padding:0; list-style:none; }
#subnav li			{ float:left; padding:0 10px; border-left:1px solid #e9e9e9; }
#subnav li a, 
#search-link		{ font-size:1.2em; color:#2c2c2c; text-decoration:none; }
#subnav li a:hover,
#search-link:hover	{ text-decoration:underline; }
#subnav li.contact	{ border:none; }
#subnav li.contact a{ color:#ef352a; font-weight:bold; }

#header #search-box		{ 
						  display:none; background:url(/images/search_arrow.gif) no-repeat 192px top; 
						  padding-top:8px; margin-right: 5px; margin-top:5px; width:228px; float:right;
				 		}
#header #searchForm 	{ float:right; margin-top:0; padding:10px 5px 0 10px; width:218px; height:37px; background:#ddd; }
#header a#search-link	{ float:left; padding-left:10px; border-left:1px solid #e9e9e9; }
#header form input	{ 
					  float:left; width:123px; padding:7px 5px 5px; height:13px; font-size:1.1em; 
					  font-family:Arial, Verdana, sans-serif; color:#727272; border:1px solid #d2d2d2;
					}
#header fieldset	{ border:0; margin:0; padding:0;}
#header a#search_go	{ 
					  display:block; background:url(/images/search_btn.gif) no-repeat left top; width:71px; height:27px; 
					  text-indent:-999em; float:left; margin-left:5px;margin-right: 0px;
					}
#header a#search_go:hover	{ background-position: left bottom; }

/* @end */


/* @group NAVIGATION */
#nav				{ position:absolute; top:280px; left:10px; height:17px;  }
#home #nav			{ top:344px; }
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav li 			{ cursor:pointer;float:left; border-left:1px solid #ddd; }
#nav li#nav_home	{ border:0; }
#nav li a 			{ 
					  display:block; font-size:1.4em; color:#8d8d8d; text-decoration:none; line-height:17px;
					  margin:0; padding:0 12px;
					}
#nav li:hover a, 
#nav li.current a	{ color:#ef352a; }
#nav li ul 			{ display:none; }
					

/* @end */

/* @group Primary Content */
#primaryContent			{ float:left; padding:29px 20px 10px 22px; width:605px; position:relative; }
#home #primaryContent 	{ padding-top:36px; }
#primaryContent ul,
#primaryContent ol		{ padding-left:3em; }
#primaryContent p		{ font-size:1.2em; color:#2c2c2c; line-height:1.5em; margin:1em 0; }
#primaryContent p span	{ font-weight:bold; color:#ef352a; }
#primaryContent p.date	{ font-size:1.1em; margin-top:-1em; color:#9b9b9b; }
#primaryContent .first	{ background:url(/images/divider_bg.gif) repeat-x left bottom; padding-bottom:20px; margin-bottom:2em; }
#primaryContent img		{ margin:0 10px 10px 0; }
#previous p.view-all a	{ 
						  margin-top:2em; text-decoration:none; background:url(/images/dotted_top_btm_bg.gif) repeat-x; 
						  padding:3px 0 7px; height:10px; width:97px; font-size:11px; color:#1db4eb;
						}
#previous p.view-all a:hover		{ text-decoration:underline; }
#text					{ margin-top:50px; }

	/* @group HEADINGS */
	#primaryContent h2	{ font-size:2em; color:#2c2c2c; margin-bottom:-5px; }
	#home h2			{ margin-bottom:0; }
	#articles h2		{ margin-top:-2px; }
	#primaryContent h3	{ font-size:1.4em; color:#ef352a; }
	#primaryContent h4	{ font-size:1.2em; color:#ef352a; text-transform:uppercase; }
	#primaryContent h5	{ font-size:1.2em; color:#2c2c2c; }
	#home #primaryContent h3 	{ 
								  font-size:1em; color:#202020; background:#e9e9e9; width:115px; padding:2px; 
								  text-transform:uppercase; margin-bottom:10px;
								}
	#previous h4		{ font-size:1.2em; text-transform:capitalize; }
	#previous h4 span	{ font-size:10px; color:#9b9b9b; text-transform:uppercase; }
	/* @end */

	/* @group SERMON STYLES */
	#primaryContent #byline 				{ margin:5px 0 0; padding:0; list-style:none; float:left; width:65%; }
	#byline li				{ float:left; margin-right:10px; font-size:1.1em; color:#8d8d8d; }
	
	/* ----- SERMONLIST -----*/
	#filter							{ position:absolute; top:20px; right:20px; }
	#filter select					{ margin-right:20px; width:150px; }
	#primaryContent .sermonlist h4	{ 
									  font-size:1.2em; margin:2.5em 0 0; color:#8d8d8d; border-bottom:1px solid #ddd; 
									  padding-bottom:5px; 
									}

	.sermonbox 						{ position:relative; padding:10px 0; border-bottom:1px solid #ddd; }
	.sermonbox h5					{ font-size:1.2em; font-weight:normal; }
	.sermonbox h5 span				{ font-size:0.8em; color:#8d8d8d }
	.sermonbox:hover span,

	#primaryContent .sermonbox:hover p,
	#primaryContent .sermonbox:hover p a,
	#primaryContent .sermonbox p a:hover
									{ color:#2c2c2c; }
	#primaryContent .sermonbox p,
	#primaryContent .sermonbox p a	{ color:#8d8d8d }	
	#primaryContent .sermonbox p	{ margin:0; }

	.sermonbox ul					{ position:absolute; top:15px; right:30px; margin:0; padding:0; list-style:none;  }
	.sermonbox li					{ float:left; margin-right:8px; }
	.sermonbox li a					{ display:block; text-indent:-999em; width:16px; height:16px; }
	.sermonbox li.sl_listen	a		{ background:url(/images/listen_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; }		
	
	/* HOW IT WORKS */
	#how-it-works				{ margin-top:10px; margin-left:-10px; }
	#secondaryContent #how-it-works h3			{ 
								  				  background:url(/images/sidebar_current_bg.gif) repeat-x;
								  				  font-size:1.4em; color:#ef352a; padding:5px 8px 10px;		
												}
	#how-it-works ul			{ margin:0; padding:0; list-style:none; }
	#how-it-works li			{ color:#2c2c2c;  padding:10px 10px 10px 8px; font-size:1.2em; color:#8d8d8d; }
	#how-it-works li span		{ font-weight:bold; color:#2c2c2c }
	#how-it-works li#play span	{ background:url(/images/listen_icon.gif) no-repeat; padding-left:20px; }
	#how-it-works li#save span 	{ background:url(/images/download_icon.gif) no-repeat; padding-left:20px;  }
	#how-it-works li#notes span	{ background:url(/images/notes_icon.gif) no-repeat; padding:2px 0 2px 20px; }
	#how-it-works li#video span	{ background:url(/images/video_icon.gif) no-repeat; padding-left:20px; }
	
	/*---- SORTING ----*/
	#sorting					{ margin:1em 0 2em; }
	#sorting ul					{ margin:0; padding:0; list-style:none; }
	#sorting li					{ margin:5px 0; padding:5px 0;}
	#sorting li a				{ font-size:1.2em; }
	
	/*----MEDIABOX ----*/
	#mediabox 					{ margin:0; padding:0; list-style:none; float:right; margin-right:20px;}
	#mediabox li				{ font-size:1.1em; padding:10px;}
	#mediabox li#mb_links 		{ font-weight:bold; padding-left:0; border-bottom:1px solid #ddd; }
	#mediabox li#mb_jukebox		{ background:url(/images/listen_icon.gif) no-repeat 0 10px; padding-left:20px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat 0 10px; padding-left:20px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat 0 10px; padding-left:20px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat 0 10px; padding-left:20px; }
	/* @end */
/* @end */

/* @group Secondary Content */
#secondaryContent 		{ float:right; margin-right:25px; padding-top:12px; padding-bottom:30px; width:247px; }
#home #secondaryContent	{ padding-top:2px; }
#quicklinks				{ margin-top:-2em; }
#secondaryContent p		{ font-size:1.1em; color:#10100b; line-height:1.5em; margin-top:2px;}
#secondaryContent img	{ margin-top:2.5em; }
#secondaryContent h3 	{ 
						  background:url(/images/dotted_bg.gif) repeat-x left bottom; padding-bottom:7px; 
						  font-size:1.3em; color:#10100b; font-weight:normal; margin:2px 0 0;
						}

	/* @groupd SIDEBAR NAV */
	
	#sidebar-nav						{ list-style:none; margin:11px 0 30px -21px; padding-left:21px; width:250px; }
	#sermons #sidebar-nav				{ display:none; }
	#sidebar-nav *						{ list-style:none; }
	#sidebar-nav li						{ display:none; }
	#sidebar-nav li a					{ text-decoration:none; }
	#sidebar-nav li.current,
	#sidebar-nav li.current li			{ display:block;  }
	#sidebar-nav li.current				{ background:url(/images/sidebar_current_bg.gif) repeat-x; }	
	#sidebar-nav li.current a			{ 										  
										  display:block; font-size:1.4em; color:#ef352a; padding:5px 8px 18px 30px;
										  margin-left:-23px;
										}
	
	#sidebar-nav li.current li a		{ 
										  font-size:1.2em; color:#8d8d8d; text-decoration:none; 
										  padding:5px 8px; height:18px; margin-left:0; 
										  background:url(/images/subnav_arrows.gif) no-repeat 0 10px;
										}
	
	#sidebar-nav li.current li			{ margin:0; background:none;}
	#sidebar-nav li.current li.current a{ 
										  color:#2c2c2c; background:url(/images/sidebar_arrow.gif) no-repeat 0 5px; 
										  margin-left:-35px; padding-left:35px; font-weight:bold;
										}
	#sidebar-nav li.current li a:hover	{ color:#2c2c2c; }
	/* @end */
	
	
	/* @group RECENT SERMONS */
	#recent-sermons 				{ margin:0 -25px 40px -22px; padding:20px 0 0 31px; border-top:1px solid #ddd;	}	
	#event-detail #recent-sermons,
	#article-detail #recent-sermons	{ border:0; }
	#recent-sermons h3 				{ 
									  position:relative;  border-bottom:1px solid #ddd; background:none; 
									  padding-bottom:7px; margin-bottom:9px; margin-right:20px;
									}
	#recent-sermons h3 span			{ 
								  	  background:url(/images/recent_sermon_h3_bg.gif) no-repeat; display:block; 
								  	  text-indent:-999em;
									}
	#recent-sermons h3 a 			{ position:absolute; top:2px; right:0; font-size:0.8em; }
	#recent-sermons .sermon			{ 
									  position:relative; background:url(/images/dotted_bg.gif) repeat-x left bottom; 
									  padding:10px 0; margin-right:20px;
									}
	#recent-sermons .last			{ background:none; }
	#recent-sermons .sermon h4 		{ font-size:1.3em; font-weight:normal; width:65%;}
	#recent-sermons .sermon h4 a	{ color:#2c2c2c; text-decoration:none; }
	#recent-sermons .sermon h4 a:hover { text-decoration:underline;  }
	#recent-sermons .sermon p.date 	{ font-size:1em; color:#a2a2a2; text-transform:uppercase; margin-top:0; }
	#recent-sermons .sermon p.listen{ position:absolute; top:10px; right:0; }
	#recent-sermons .sermon p.listen a
									{ display:block; background:#000; padding:1px 6px 2px; color:#fff; text-decoration:none; }
	#recent-sermons .sermon p.listen a:hover { background:#f5422d }
	/* @end */
/* @end */

/* @group FOOTER */
#footer 			{ padding:23px 10px 95px 20px; }
#search				{ float:left; width:635px;}
#login 				{ float:left; margin-left:10px; padding:5px 5px 5px 10px; height:17px; border-left:2px solid #202020;}
#login a			{ font-size:1.2em; color:#1db4eb; }
#login a:hover		{ text-decoration:none; }
/*
#footer form,
#footer fieldset	{ margin:0; padding:0; width:247px; }
#footer form		{ float:left; }
#footer input		{ 
					  float:left; width:143px; padding:7px 5px 5px; height:13px; font-size:1.1em; 
					  font-family:Arial, Verdana, sans-serif; color:#727272; border:1px solid #d2d2d2;
					}
#footer fieldset	{ border:0; }
#footer a#search_go	{ 
					  display:block; background:url(/images/search_btn.gif) no-repeat left top; width:71px; height:27px; 
					  text-indent:-999em; float:left; margin-left:7px;
					}
#footer a#search_go:hover	{ background-position: left bottom; }
*/
#footer p 			{ float:right; color:#202020; font-size:1.1em; margin:6px 10px 0 0; }
#footer p a			{ color:#919191; }
#footer p a:hover	{ text-decoration:none; }
/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ 
								  		     margin: 0 auto 25px; border: 1px solid #ddd; border-right: 0; 
								  		     border-bottom: 0; border-collapse: collapse; width:100%;
											}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #2c2c2c; font-size: 1.4em; }
#primaryContent table.calendar caption span	{ color: #ef352a;}
#primaryContent table.calendar th			{ 
											  padding: 6px 0; background: #ddd; color: #2c2c2c; font-size: 1.3em;
  											  font-weight: normal;
											}
#primaryContent table.calendar td			{ 
				 		 	 				  width: 68px; height: 68px; padding: 2px; border: 1px solid #ddd;
				 		 	 				  border-left: 0; border-top: 0; background: #fff; color: #8d8d8d;
				 		 	 				  font-size: 1em; vertical-align: top;
				 		 	 				}
#primaryContent table.calendar td a			{ color: #ef352a; text-decoration: none; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; 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; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */

/* @group EBIBLE */
.ebibleSnippetContainer		{ font-size:1.2em; padding:10px; background:#efefef; width:420px; margin-top:3em; }
.ebSnippet-title			{ margin-bottom:.5em; }
.chapterHeading				{ font-size:1.2em; font-weight:bold; margin-bottom:.5em;}
.paragraphHeading			{ margin-bottom:.5em; }
#primaryContent .ebibleSnippetContainer p span		{ color:#000; font-weight:normal; font-size:.8em;}
#primaryContent span.ebSnippet-body span	{ color:#000; font-weight:normal; line-height:1.5em; font-size:1em;}
#primaryContent .ebSnippet-body span.footnote	{ font-size:.8em; margin:0 10px}
#primaryContent .ebSnippet-body span.verseNum	{ font-weight:bold; margin-right:5px; }
.ebdPassage					{ margin:0; padding:0; float:none; }
/* @end */