/* @override 
	http://redeeminggracechurch.cpmpreview.com/css/styles.css
	http://www.redeeminggracechurch.net/css/styles.css
*/

/*=====
FILE: styles.css - main CSS styles for staging site
SITE: Redeeming Grace Church
CREATED: 5/14/2008
UPDATED: 5/5/2009
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

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

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#container 					{ margin:0 auto; width:890px; min-height:100%; }
* html #container			{ height:100%; }
#mainContent 				{ margin-top:45px; width:870px; }
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					{ position:relative; z-index:1001; height:130px; }
#header h1,
#header h1 a			{ display:block; width:321px; height:61px; margin:0; padding:0; }
#header h1				{ background:url(/images/logo2.jpg) no-repeat; text-indent:-999em; position:absolute; top:19px; left:13px; }
#header h1 a:focus		{ outline:none; }
#topbar					{ position:absolute; top:22px; right:19px; }
#topbar p				{ font-size:1.2em; color:#fff; margin:0; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ height:36px; position:absolute; top:94px; left:14px; }
#nav li 				{ float:left;  }
#nav li a 				{ display:block; font-size:1.3em; padding:0 10px; margin:0 4px; line-height:36px; color:#818181; text-decoration:none; }


#articles li#nav_media-library a,
#articles li#nav_home.current:hover a,
#sermons li#nav_media-library a,
#sermons li#nav_home.current:hover a,
#nav li.current a, 		
#nav li:hover a 		{ background:#5b5b5b; color:#fefefd; border-top:1px solid #686868; line-height:36px; }

#nav li.current,
#nav li:hover			{ position:relative; top:-1px; }

#sermons li#nav_home.current a,
#articles li#nav_home.current a
						{ background:none; color:#818181; }

#nav li li 				{ float:none; }
#nav li.current li a, 
#nav li.current:hover li a, 
#nav li li a 			{ background:#55636B; color:#fff; width:134px; }
#nav li.current li a:hover, 
#nav li li a:hover 		{ background:#66757E; }


#nav li ul 				{ display:none; position:absolute; left:-5000px; z-index:1001; }
/* @end */

#topcontent				{ 
						  display:block; width:882px; height:235px; background:url(/images/sub_banner_bg.jpg) no-repeat 4px 8px; 
						  position:relative; left:0px;   
						}
#banner					{ 
  						  display:block; width:858px; height:194px; background:url(/mediafiles/subpage-header.jpg) no-repeat;  
  						  position:relative; top:28px; left:16px; 
						} 
p#banner				{ margin-top:0; }

/* @group PRIMARY CONTENT */
#primaryContent						{ float:right; width:605px; padding:0 0 50px 0; }
#home #primaryContent				{ float:left; width:575px; padding-left:30px; } 
#primaryContent p,
#primaryContent li,
#primaryContent td					{ font-size:14px; line-height:1.5em; color:#a0a09f; }

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

#primaryContent p.byline			{ margin:0; font-size:1.2em;}

a									{ color:#c66c22; }
a:hover					 			{ text-decoration:none; }
blockquote							{ background:#2e2e2e; padding:25px; }

#primaryContent img					{ border:3px solid #fff; }
img.left-align						{ float:left; margin:5px 10px 5px 0; }
img.right-align						{ float:right; margin:10px 0 10px 10px; } 
#primaryContent img.mcms_stats,
#primaryContent img.no-border		{ border:0; } 

/* @group HEADINGS */	
h2 			{ font-size:21px; color:#7cb6b3; }	 
h3 			{ font-size:1.6em; color:#7cb6b3; }
h4 			{ font-size:1.5em; color:#c66c22; }
.article h4	{ margin-bottom:0; }
h5 			{ font-size:1.4em; }
h6			{ font-size:1.3em; }
/* @end */

/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent			{ width:210px; float:left; position:relative; margin:0 0 0 20px; padding:0; } 
#home #secondaryContent		{ float:right; margin:0;  }
/* @group SUBNAV */
#subnav, #sorting			{ background:#191919; padding:6px; margin-bottom:20px;}
#snav, #snav *				{ margin:0; padding:0; list-style:none; }
#snav, .inner				{ background:#2e2e2e; padding:10px 9px; }
.inner						{ padding:14px; }
#snav li, #snav li li ul	{ display:none; }
#snav li ul					{ padding:0 5px; }
#snav li.current,
#snav li.current li,
#snav li li.current *,
#snav li li.children *		{ display:block; } 
#snav li.current a			{ 
							  font-size:1.6em; text-decoration:none; display:block; color:#fefdfd; line-height:34px; 
							  border-bottom:1px solid #232323; padding:0 8px; margin-bottom:7px;
							}
#snav li.current li a		{ 
							  font-size:14px; color:#888; padding:5px 8px 5px 10px; line-height:17px; border:0; position:relative; 
							  text-indent:-10px;
							} 
#snav li.current li a:hover	{ color:#7cb6b3; text-decoration:underline; } 
#snav li li.active a		{ background:url(/images/right_arrow.gif) no-repeat right center; padding-right:10px; }
#snav li.current li li a	{ font-size:13px; color:#888; padding-left:19px; }   


#snav li li.current a:hover,
#snav li li.current a		{ 
							  color:#130d0d; background:#72a4a1; left:-14px;  
							  padding-left:26px; padding-right:28px; width:144px; text-decoration:none; display:block;    
 							}
#snav li li.children a		{ background:url(/images/down_arrow.gif) no-repeat right center; display:inline; padding-right:15px; color:#fefdfd; }
#snav li li.current li a		{ display:inline; background:none; left:0; }
#snav li li.current li a:hover	{ color:#fefdfd; }

#snav li li.children li.current a	
							{ 
							  color:#130d0d; background:url(/images/current_arrow.gif) no-repeat left top; left:-22px; 
							  padding-right:0; padding-left:38px; width:169px; text-decoration:none; display:block;
							}
/* @end */

/* @group TAB SWITCHER */
#switcher					{ margin:0; padding:0; list-style:none; height:32px; width:206px; }
#switcher li				{ float:left; display:inline; }
#switcher li a				{ 
							  display:block; line-height:30px; font-size:10px; color:#737373; text-decoration:none; text-transform:uppercase; 
							  background:#2b2b2b; padding:0 10px; 
							}
#switcher li.active a		{ line-height:32px; background:#383737; color:#ccc; }
#switcher #cal				{ width:59px; } 
#switcher #list				{ margin-left:2px; border-bottom:2px solid #1f1f1f; }
#switcher .active #list		{ border:0; }
#list-tab,
#cal-tab					{ clear:both; background:url(/images/sidebar_bg.gif) repeat-x; padding-top:5px; min-height:350px; }

#list-tab .event			{ padding:6px; margin:6px; }
#list-tab .date				{ 
							  float:left; display:block; width:31px; height:35px; background:#fff; font-family:"Trebuchet MS"; 
							  text-align:center; margin-top:2px; border:1px solid #363636;
							}
.date .month				{ display:block; padding-top:1px; height:10px; background:#1a1a1a; color:#fff; font-size:9px; text-transform:uppercase;  }
.date .day					{ display:block; font-size:18px; color:#000; padding-top:2px;}
.event h4,
.event p					{ margin:0 0 0 52px; }
.event h4					{ font-size:1.3em; font-family:helvetica, arial; margin-bottom:3px;}
.event h4 a					{ color:#96dfdb; text-decoration:none; }
.event h4 a:hover			{ text-decoration:underline; }
.event p					{ font-size:1.2em; font-family:helvetica, arial; color:#a09f9f; }

.event:hover				{ background:#434242; }
.event:hover h4 a			{ color:#fff; }
.event:hover .month			{ background:#96dfdb; color:#000 }
/* @end */
/* @end */

/* @group FOOTER */
#footer 					{ background:url(/images/footer_bg.gif) repeat-x; padding-top:30px; height:91px;  } 
#footer-inner				{ width:890px; margin:0 auto; }
#footer p 					{ font-size:1.1em; color:#7a7971; margin:0; padding:0; float:left; width:40%; }
#footer p#design			{ float:right; width:auto; text-align:right; }
#footer p#loginlink{
   clear: left;
   float: left;
}
#footer a					{ color:#c66c22; }
#footer a:hover				{ text-decoration:none; }
/* @end */


/* @group SERMONS */
#filter								{ margin:0; }
#filter select						{ width:100px; margin-left:10px; }
#filter a							{ margin-left:20px; }
.sermonbox							{ position:relative; padding:10px 0; border-top:1px solid #191919; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
#primaryContent .sermonbox p		{ margin:0; font-size:1.2em;}


.sermonbox ul					{ position:absolute; top:15px; 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; }
.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 */
	#byline						{ margin:0; padding:0; }
	#primaryContent #byline li	{ margin:0; padding:0; list-style:none; font-size:1.2em; }
	#mediabox					{ background:#191919; padding:6px; list-style:none; }
	#mediabox ul				{ margin:0; padding:9px 18px; list-style:none; background:#2e2e2e; }
	#mediabox li 				{ padding:2px 0 2px 20px; line-height:1.5em; font-size:1.2em; }
	#mediabox li#mb_links		{ font-size:1.5em; color:#7cb6b3; font-weight:bold; margin-left:-20px; }
	#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				{ margin:0 0 1em; height:30px; padding:5px; list-style:none; border:6px solid #191919; background:#2e2e2e; }
	#how-it-works li			{ padding:0 20px; margin-bottom:1.5em; font-size:1.2em; line-height:30px; float:left; display:inline; }
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#how		{ padding-left:10px; font-weight:bold; color:#fff;}
	#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 h3					{ color:#7cb6b3; margin:0 0 1em;}
	#sorting label, 
	#sorting select				{ display:block; }
	#sorting label				{ font-size:1.3em; margin-top:.5em; color:#888; }
	#sorting select				{ margin-bottom:1.5em; width:100%; }
	#sorting a					{ font-size:1.3em; padding:4px; background:#7cb6b3; color:#fff; text-decoration:none; }
	#sorting a:hover			{ background:#c66c22; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; width:100%; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#2e2e2e; color:#fff;  font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0;
											  border-top: 0; background:#f4f4f4; color:#55636b; font-size: 1em; vertical-align: top; 
											}
#primaryContent 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 MINI CAL */
#cal-tab table				{ border-collapse: collapse; background: #191919; width:90%; margin:10px auto 0;}	
#cal-tab table caption		{ font-size:1.3em; padding-bottom:5px;	}	
#cal-tab table th			{ padding: 0; height:28px; color:#fff; background:#c66c22; text-align: center; }
#cal-tab td					{ width: 28px; height: 28px; font-size: 1.1em; font-weight: normal; text-align: center; }		
#cal-tab table a			{ display: block; padding: 7px 5px; background:#2e2e2e; color: #fff; text-decoration: none;  }
#cal-tab table a:hover		{ background:#c66c22; }	
#traildiv					{ position: absolute; top: 0px; left: 0px; z-index: 999; visibility: hidden; width: 150px; height: 100px;} 	
#traildiv ul				{ padding: .75em; padding-bottom: 0; border: 3px solid #191919; background: #2e2e2e; font-size: 1.1em; } 	
#traildiv li				{ color: #FFF; margin-left: 1em; margin-bottom: .75em; }
#traildiv a					{ color: #FFF; text-decoration: none; }
/* @end */

/* @group BLOG */
#blog #primaryContent		{ position:relative; }
#blog h2					{ width:75%; }
#blog #subscribe			{ position:absolute; top:10px; right:10px; padding-left:20px; background:url(/images/feed_icon.gif) no-repeat left center; }
#blog #secondaryContent ul	{ margin:1.5em 0 3em; padding:0; list-style:none;}
#blog #secondaryContent li a{ font-size:1.3em; }

#comments					{ margin-top:4em; }
#comments form,
#send form, 
#comments fieldset,
#send fieldset				{ margin:0; padding:0; border:0; }
#comments label,
#send label					{ display:block; font-size:1.2em; margin-bottom:.5em; }


#send input					{ display:block; padding:4px; font-size:1.1em; color:#333; width:75%; }

#comments textarea,
#send textarea				{ width:75%; height:125px; }
p#comment-thanks{
   padding: 10px;
   background: #527170;
   color: #ffffff;
   font-size: 1.6em;
   font-style: italic;
}
#comments input#comment-submit,
#send input.submit			{ background:#c66c22; color:#fff; padding:4px 8px; width:auto; border:0; margin-top:2.5em; }
.comment					{ margin:2.5em 0;  background:#2e2e2e; padding:10px;}
.comment h5					{ padding:4px; background:#191919; margin:-10px -10px 10px; }

/* @end */