/* @override 
	http://www.remnantrichmond.org/css/styles_new.css
	http://www.remnantrichmond.org/css/styles.css
*/

/*=====
CLIENT:		The Remnant Church
FILE: 		styles.css 
CREATED: 	2/18/2009
MODIFIED: 	2/20/2009
AUTHOR: 	Ben Otero (ben@churchplantmedia.com)
=====*/

/* RESET */
/* remember to define focus styles! */
:focus 						{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 						{ text-decoration: none; }
del 						{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 						{ border-collapse: collapse; border-spacing: 0; }
/* @end */

/* @group GLOBAL */
html						{ height:100%; } 
body 						{ 
						 	  background:#fff; margin:0; padding:0; font-size:62.5%; 
						 	  font-family:arial, helvetica, sans-serif; color:#d0c3aa; height:100%;
						 	}
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#outer-container			{ /*background:url(/images/outer_container_bg.jpg) no-repeat center top;*/ position:relative; min-height:100%; }
* html #outer-container		{ height:100%; }
#container 					{ margin:0 auto; width:960px; }
#mainContent				{ width:960px; padding:19px 0; /*background:#fafafa;*/ }
#home #mainContent			{ background:none; }

a 							{ overflow: hidden; }
.hidden						{ display:none; }
.show						{ display:block; }
.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; height:140px; width:960px; z-index:1001; }
#header h1,
#header h1 a				{ display:block; width:285px; height:110px; margin:0; }
#header h1					{ background:url(/images/logo_black.png) no-repeat; text-indent:-999em; position:absolute; left:0px; top:28px; }

#topbar						{ position:absolute; top:0; right:0; z-index:5000; }
#topbar ul					{ margin:0; padding:0; list-style:none; height:31px; }
#topbar li					{ float:left; display:inline }
#topbar li a				{ 
							  display:block; padding:0 16px; margin-right:0px; font:1.3em helvetica, arial, verdana, sans-serif; color:#fdfeff; 
							  text-decoration:none; line-height:31px;
							}	
#topbar li a:hover			{ color:#fff; background:#3c3c3c; }

#topbar li ul				{ 
							  position:absolute; left:-999em; z-index:1001; width:150px; padding-top:5px; background:#1f1f1f;
							  border-top:1px solid #262015; 
							}
#topbar li:hover ul			{ left:auto;  }
#topbar li li				{ width:150px; float:none; }
#topbar li li a				{ width:126px; line-height:17px; padding:5px 12px ;padding-bottom: 7px; padding-top: 7px; color:#cccccc; background:#1f1f1f; }
#topbar li li a:hover		{ color:#fff; text-decoration:none; background:#3e3e3e; }

#topbar li:hover ul ul, 
#topbar li:hover ul ul ul, 
#topbar li:hover ul ul ul ul { left:-5000px;}
#topbar li:hover ul, 
#topbar li li:hover ul, 
#topbar li li li:hover ul, 
#topbar li li li li:hover ul{ left:auto; display:block;}

#topbar li:hover ul li:hover ul 
							{ margin:-28px 0 0 140px;}

/* @end */

/* @group NAVIGATION */
#navigation							{ position:absolute; right:0; top:80px; height:35px;}
#navigation ul						{ margin:0; padding:0; list-style:none; }
#navigation li						{ float:left; display:inline;  }
#navigation li a					{ 
									  font-size:20px; font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#242424; text-decoration:none; 
									  display:block; height:34px; margin-left:40px; 
									}

#navigation li:hover a,
#navigation a:hover					{ /*border-bottom:8px solid #90292d;*/ height:26px; border-bottom:8px solid #8d0000;} 

#navigation li li					{ float:none; display:block; }
#navigation li a:hover a,
#navigation li:hover li a,
#navigation li li a					{ 
									  font-family:helvetica, arial, sans-serif; line-height:24px; padding:4px 10px 0 10px; margin:0; text-indent:0; 
									  border:0; font-size:1.3em; /*color:#cccccc;*/ color:#000; text-decoration:none; display:block;
									}
#navigation li li a:hover			{ color:#8d0000; border:0; }
#navigation li ul					{ position:absolute; left:-999em; width:160px; z-index:1001;  /*background:#1f1f1f; border-top:8px solid #90292d;*/ background:#fff; border-top:8px solid #8d0000;}
#navigation li:hover ul				{ left:auto; margin-left:40px; margin-top:-8px;} 
/* @end */


/* @group SUBMENUS */
#submenus						{ position:relative;}
/* @end */

/* @group PRIMARY CONTENT */

#primaryContent					{ float:left; width:645px; position:relative; }
#home #primaryContent			{ float:none; margin-bottom:14px; padding:0; width:960px; }
#primaryContent.wide			{ width:920px; float:none; }

#primaryContent li,
#primaryContent td,
#primaryContent p				{ font-size:1.2em; color:#040404; line-height:1.5em; }

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

#primaryContent a				{ color:#8d0000; }
#primaryContent a:hover			{ text-decoration:none; }

#primaryContent img,
#primaryContent fieldset		{ border:0; }
#primaryContent img				{ padding:10px; }
#primaryContent img.left-align	{ float:left; position:relative; left:-10px; }
#primaryContent img.right-align	{ float:right; position:relative; right:-10px; }



#pagination						{ height:20px; clear:both; margin:2.5em 0; display:block; width:100%; }
#primaryContent #pagination a	{ margin-right:5px; display:block; float:left; line-height:20px;}
#pagination #current			{ background:#cd2f36; padding:0 5px; color:#fff; text-decoration:none; }
#pagination a:hover				{ text-decoration:none; } 
#pagination #current:hover		{ text-decoration:underline; } 
#pagination #previous,
#pagination #next				{ margin:0; }
#primaryContent #pagination #off{ display:none; }


#primaryContent #subscribe		{ 
						  		  position:absolute; top:0; right:10px; background:url(/images/feed_icon.png) no-repeat left center; 
						  		  padding:4px 0 4px 20px; font-size:1.2em; 
						  		} 

	/* @group HEADINGS */
	#primaryContent h2	{ 
						  font-size:1.6em; font-family:georgia, times, serif; margin:0 0 1.5em; padding:0; /*color:#cd2f36; */ color:#8d0000;
						  text-transform:uppercase; 
						}
	h3, h4, h5 		{ color:#fff; }
	h4					{ text-transform:uppercase;color: #040404; margin-bottom: 13px; }
	#primaryContent h3	{ font-size:1.6em; /*color:#cd2f36;*/  color:#8d0000;}
	#primaryContent h4	{ font-size:1.5em; }
	#primaryContent h5	{ font-size:1.4em; /*color:#cd2f36;*/ color:#8d0000; }
	#primaryContent h6	{ font-size:1.4em; color:#040404; }
	/* @end */

/* @group BANNER */
#banner					{ 
						  position:relative; display:block; width:960px; height:201px; background:url(/mediafiles/subpage-header.jpg) no-repeat; 
						  margin-bottom:8px; margin-top:26px;
						}
#home #banner			{ width:960px; height:469px; background-image: none;}
#home #rotator			{ position:relative; display:block; width:960px; height:469px; }
#home #rotator img		{ border:0; position:absolute; top:0; left:0; display:none; width:960px; height:469px; }

/* @end */
/* @group ROTATOR CONTROLS */
#controls					{ 
							  height:29px; background:url(/images/controls_container_bg.png) no-repeat left top; padding-left:2px; 
							  position:absolute; top:420px;
							}
#controller					{ background:url(/images/controls_bg.png) no-repeat right top; padding-right:3px; }							
#controls ul				{ margin:0; padding:3px 0; list-style:none; height:23px; position:relative; }
#controls li				{ display:inline; }
#controls li a				{ float:left; display:block; line-height:23px; font-size:11px; color:#bbb7b1; text-decoration:none; padding:0 9px;}
#controls li a.current		{ background:#464646; color:#fff; }
#controls li#controls-previous	{ position:absolute; left:-34px; top:0 }
#controls li#controls-previous a{ 
								  display:block; width:29px; height:29px; background:url(/images/controls_prev_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li#controls-next		{ position:absolute; right:-35px; top:0;}
#controls li#controls-next a	{ 
								  display:block; width:29px; height:29px; background:url(/images/controls_next_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li a:focus			{ outline:none; }
/* @end */

/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent			{ float:right; width:227px; margin:0; } 
#home #secondaryContent		{ float:none; width:960px; margin:28px -30px 0 0 }
	
	/* @group SUBNAV */
	#sorting,
	#how-it-works,
	#subnav					{ /*background:#282828;*/ background:#fff; margin:0; padding:17px; list-style:none; }
	
	#sorting h3,
	#how-it-works h3,
	#subnav li.current a	{ 
							  /*color:#cd2f36;*/ text-transform:uppercase; font:bold 1.4em georgia, times, serif; text-decoration:none; 
							  /*background:#333;*/ display:block; line-height:44px; padding:0 17px; /*border-bottom:1px solid #171717;*/
							  margin:-17px -17px 15px; color:#8d0000;
							}  
	
	#subnav li ul			{ margin:0; padding:0; list-style:none; } 
	#subnav li.current,
	#subnav li.current *	{ display:block; }	
	
	#subnav li.current li a	{ 						
							  display:block; background:none; border:0; font:normal 1.4em helvetica, arial, sans-serif; 
							  margin:6px 0; padding:0 0 0 5px; /*color:#9d9d9d;*/ color:#000; line-height:29px; text-transform:none;						
							}
	#subnav li li a:hover	{ /*color:#fdfdfd;*/ color:#8d0000; }
	#subnav li li.current a	{
							  color:#fdfdfd; background:url(/images/subnav_current.png) no-repeat; position:relative; left:-12px; 
							  padding:0 0 0 16px; width:177px; line-height:29px; 
							}
	
	/* @end */

	/* @group QUICKLINKS */	
	.quicklink				{ 
							  float:left; padding:9px 8px; width:217px; height:53px; margin:0 5px 0 2px;
							  background:url(/images/ql_bg.gif) no-repeat left bottom; 
							}
	.quicklink:hover		{ background-position:left top; }							
	.quicklink img			{ float:left; margin-right:10px; border:0; }
	.quicklink a			{ text-decoration:none; }
	.quicklink h4 			{ color:#fdfeff; font-size:1.5em; margin:3px 0; text-transform:none; font-family:helvetica, arial, verdana, sans-serif;}
	.quicklink h4 a			{ color:#fdfeff;}
	.quicklink:hover h4 a,
	.quicklink h4 a:hover	{ color:#941e24; }
	.quicklink p			{ font-size:1.1em; color:#fdfeff; margin:0; line-height:1.3em; }	
	.quicklink:hover p		{ color:#363636; }
	/* @end */
/* @end */

/* @group FOOTER */
#footer						{ margin-top:3px; padding-top:22px; padding-bottom:100px; position:relative; margin-left: 4px; margin-right: 5px; border-top: 1px solid #e1e1e1;}
#footer p					{ float:right; font-size:1.2em; color:#8d8d8d; margin-top: -5px;  }
#footer a					{ /*color:#c13139;*/ color:#8d0000 }
#footer a:hover				{ text-decoration:none; }
#footer #tagline			{ float:left; margin:-10px 0 0 0; width:40%; font-family:helvetica, arial, verdana, sans-serif; }
#footer #tagline h3			{ margin-top:10px; font-size:13px; color: #040404; padding-bottom: 0px;}
#footer #tagline p			{ float:none; font-size:1.2em; color:#8d8d8d; }
#footer #cpm				{ 
							  display:block; width:139px; height:19px; background:url(/images/cpm_logo2.png) no-repeat; text-indent:-999em; 
							  position:absolute; right:0; top:41px;
							}
#footer #cpm:hover			{ background-position:left bottom; }  
/* @end */


/* @group SERMONS */
#sermons #primaryContent h2{
   width: 500px;
}
#filter								{ margin:2em 0 3.5em; }
#loading							{ position:relative; top:4px; margin-left:15px; display:none; }
#filter select						{ width:350px; margin-left:25px; }
#filter a							{ float:right; }
#primaryContent .sermonlist			{ clear:both; }
#primaryContent .sermonlist h4		{ margin:1em 0; padding:0; clear:both;color: #fff; }
#primaryContent .sermonbox			{ position:relative; border-top:1px solid #e1e1e1; padding:10px 0; }
#primaryContent .sermonbox a		{ text-decoration:none; }
#primaryContent .sermonbox a:hover	{ text-decoration:none; }
#primaryContent .sermonbox h5		{ margin:0;color: #666;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
#primaryContent .sermonbox p		{ margin:0;}


.sermonbox ul						{ position:absolute; top:20px; right:10px; margin:0; padding:0; list-style: none;}
.sermonbox li						{ float:left; display:inline; margin-right:8px; }
.sermonbox li a						{ display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li.sl_listen a			{ background:url(/images/play_icon.png) no-repeat; }
.sermonbox li.sl_download a			{ background:url(/images/download_icon.png) no-repeat; }
.sermonbox li.sl_notes a			{ background:url(/images/notes_icon.png) no-repeat; }
.sermonbox li.sl_video a			{ background:url(/images/video_icon.png) no-repeat; }
.sermonbox li a:focus				{ outline:none; }

	/* @group MEDIA BOX */
	#byline							{ margin:5px 0 0; padding:0; list-style:none; }
	/* @end */

	/* @group HOW IT WORKS */ 
	#how-it-works					{ margin:0; padding:0; list-style:none; height:30px;}
	#how-it-works li				{ padding: 0 20px 10px; font-size:1.2em; float:left; display:block; line-height:30px; color:#dcdcdc;}
	#how-it-works #how				{ font-weight:bold; }
	#how-it-works #play				{ background:url(/images/play_icon.png) no-repeat left 7px; }
	#how-it-works #notes			{ background:url(/images/notes_icon.png) no-repeat left 6px; }
	#how-it-works #video			{ background:url(/images/video_icon.png) no-repeat left 6px; }
	#how-it-works #save				{ background:url(/images/download_icon.png) no-repeat left 6px; }
	/* @end */
	
	/* @group SORTING */
	#sorting						{ margin-bottom:2.5em;  }
	#sorting h3						{ margin-top:-17px; /*color:#cd2f36;*/ color:#8d0000; }
	#sorting label					{ display:block; font-size:1.2em; font-weight:bold; margin-bottom:.3em; color:#fdfffe}
	#sorting select					{ border-width: 0px; width:180px; margin-bottom:2em; }
	#sorting ul						{ margin-top:1em; padding:0; list-style:none; }
	#sorting li a,	
	#sorting a						{ font-size:1.2em; /*color:#cd2f36;*/ color:#8d0000; }
	#sorting li a:hover				{ text-decoration: none; }
	#sorting li 					{ padding:2px 0 2px 20px; margin-bottom:.5em; }
	#sorting li#mb_links			{ background:#f4f4f4; color:#19140d; margin:-10px -10px 10px; padding:10px; }
	#sorting li#mb_jukebox			{ background:url(/images/play_icon.gif) no-repeat left 2px; }
	#sorting li#mb_download			{ background:url(/images/download_icon.gif) no-repeat left 2px; }
	#sorting li#mb_notes			{ background:url(/images/notes_icon.gif) no-repeat left 2px; }
	#sorting li#mb_video			{ background:url(/images/video_icon.gif) no-repeat left 2px; }
	#sorting li#mb_podcast			{ background:url(/images/icon_rss.gif) no-repeat left 2px; } 
	/* @end */

/* @end */

/* @group CALENDAR */
table.calendar								{ margin-bottom: 25px; border-collapse: collapse; width:100%; }
table.calendar caption						{ padding-bottom: 10px; color: #040404; font-size: 1.4em; }
table.calendar caption span					{ /*color:#cd2f36;*/ color:#8d0000; margin:0 10px; }
table.calendar th							{ padding: 6px 0; background:#323232; color: #fff;  font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #171717; border-left: 0;
											  border-top: 0; background:#222222; color:#fff; font-size: 1em; vertical-align: top; 
											}
table.calendar td a							{ text-decoration: none; }
#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; 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 Custom Text Styles */

#primaryContent p.grey-12pt-sans{
   color: #8d8d8d;
}

#primaryContent p.grey-12pt-serif{
   color: #8d8d8d;
   font-family: Georgia, "Times New Roman", Times, serif;
}

#primaryContent p.black-12pt-serif{
   font-family: Georgia, "Times New Roman", Times, serif;
}

#primaryContent p.black-14pt-sans{
   font-size: 1.4em;
}

#primaryContent p.grey-14pt-sans{
   font-size: 1.4em;
   color: #8d8d8d;
}

#primaryContent p.black-14pt-serif{
   font-size: 1.4em;
   font-family: Georgia, "Times New Roman", Times, serif;
}

#primaryContent p.grey-14pt-serif{
   font-size: 1.4em;
   color: #8d8d8d;
   font-family: Georgia, "Times New Roman", Times, serif;
}

#primaryContent p.black-16pt-sans{
   font-size: 1.6em;
}

#primaryContent p.black-16pt-serif{
   font-size: 1.6em;
   font-family: Georgia, "Times New Roman", Times, serif;
}

#primaryContent p.grey-16pt-sans{
   font-size: 1.6em;
   color: #8d8d8d;
}

#primaryContent p.grey-16pt-serif{
   font-size: 1.6em;
   color: #8d8d8d;
   font-family: Georgia, "Times New Roman", Times, serif;
}


/* @end Custom Text Styles */