/* @override 
	http://northpoint.dev/css/styles.css
	http://www.experiencenorthpoint.com/css/styles.css
*/

/*=====
SITE: northPoint
FILE: styles.css - main CSS styles for staging site
CREATED: 3/23/2008
MODIFIED:12/31/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC:
I.    GLOBAL STYLES
II.   HEADER
III.  MAIN NAVIGATION
IV.   SUBNAVIGATION
V.    PRIMARY CONTENT AREA
VI.   SECONDARY CONTENT
VII.  FOOTER
=====*/

/* @group GLOBAL */
html						{ height:100%; }
body 						{ 
							  background:#201c18 url(/images/body_bg.jpg) repeat-x; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#fff; 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 }
#container 					{ margin:0 auto; width:901px; min-height:100%; }
* html #container			{ height:100%; }
#mainContent 				{ position:relative; clear:both; padding:0 0 9em; background:url(/images/content_divider_bg.gif) no-repeat 640px top; }
.full-sidebar #mainContent 	{ position:relative; clear:both; padding:0 0 9em; margin-bottom: 55px; background:url(/images/content_divider_bg.gif) repeat-y 640px top; }
.vid #mainContent			{ background:url(/images/content_divider_bg.gif) no-repeat 535px top; }
.vid.full-sidebar #mainContent { background:url(/images/content_divider_bg.gif) repeat-y 535px top; margin-bottom: 55px; }
#home #mainContent			{ width:901px; background:none; margin: 0 auto; padding-bottom: 50px;}
#mainContent.wide			{ background: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 NAVIGATION */
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ height:36px; z-index:1000; position:absolute; top:155px;}

#sermons #nav li#nav_home,
#events #nav li#nav_home,
#nav li 				{ float:left; display:inline; padding-left:6px;}

#sermons #nav li#nav_home a,
#events #nav li#nav_home a,
#nav li a 				{  
						  font-family: Helvetica, Arial, Verdana, sans-serif; font-size:1.6em; color:#948678; text-decoration:none; padding:0 16px 0 10px; margin-right:4px; display:block; 
						  line-height:36px;}

#nav li:hover a 		{ color:#ebdfc9; }

#sermons #nav li#nav_resources a,
#events #nav li#nav_events a,
#nav li.current a,
#nav li.current:hover a,
#nav li.current:hover a:hover,
#nav li.current a:hover { color:#ebdfc9;}

#sermons #nav li#nav_resources li,
#events #nav li#nav_events li,
#nav li:hover li,
#nav li li				{ float:none; padding:0; background:none; }

#sermons #nav li#nav_resources li a,
#events #nav li#nav_events li a,
#nav li.current:hover li a,
#nav li:hover li a,
#nav li.current li a,
#nav li li a			{ font-size: 1.2em; padding-left:16px; line-height:27px; background:none; color:#ebdfc9; width:143px;}

#nav li.current li a:hover,
#nav li.current:hover li a:hover,
#nav li li a:hover		{ background:#231f19; color:#faf6f0; }

#nav li ul 				{ position:absolute; left:-5000px; z-index:1001; background:#342c22; width:175px; padding-top:6px; }
#nav li:hover ul 		{ left:auto; margin-left:-6px; }
#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; display:block; }
#nav li:hover ul li:hover ul 
						{ margin:-28px 0 0 175px; padding-top:0; }
						

/* @end */

/* @group HEADER */
#header					{ position:relative; width:888px; height:200px;  }
#header h1,
#header h1 a			{ display:block; width:388px; height:79px; }
#header h1 				{ 
						  margin:0; padding:0; position:absolute; top:25px; left:-1px; text-indent: -999em;
						  background:url(/images/logo.png) no-repeat; 
						}
#header h1 a:focus		{ outline:none; }
#tagline				{ 
						  position:absolute; top:20px; right:0; display:block; width:450px; 
						  font-size:1.4em; color:#362418; text-align:right; line-height: 1.4em;
						}
#tagline a				{ color:#5C3622; }
#tagline a:hover		{ text-decoration:none; }
#skip					{ position:absolute; top:-999em; left:-999em; }
#new-here				{ float:right; position:relative; top:-42px; margin-right:11px; }
#new-here img			{ border:0; }
/* @end */

/* @group PRIMARY CONTENT */
#mainContent .column		{ float:left; width:250px; padding:10px 20px; margin-top:40px; }

#primaryContent		 		{ float:left; width:600px; padding-left:15px; position:relative; z-index:500; } 
#primaryContent.wide		{ width:800px; }
#primaryContent.narrow		{ width:500px; }
#mainContent.nobg,
#mainContent.wide			{ background:none; }
#home #primaryContent		{ position:relative; z-index:1;  }
#mainContent a				{ color:#a0c4de; }
#mainContent a:hover		{ text-decoration:none; }
#mainContent p,
#mainContent li,
#mainContent td				{ font-size:1.2em; color:#f0e8d8; line-height:1.5em; text-align:left; }
#mainContent .p2{
   font-size: 1.4em;
}

#mainContent span.p2{
   font-size: 1.167em;
}
#primaryContent .article p	{ margin-top:0; }
#primaryContent p *,
#primaryContent li *,
#primaryContent td *		{ font-size:1em; }

#primaryContent img		{ border:none;}
#primaryContent img.border				{ border:1px solid #fff; }
#primaryContent img.border-thick		{ border:4px solid #fff; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.right-align			{ float:right; margin:10px 0 10px 10px }
img.no-border			{ border:0;}
div.article				{ padding:0 0 25px; }

.button					{ }

	/* @group HEADINGS */ 
	h2, h3, h4, h5, h6			{ color:#a0c4de; }
	h2							{ margin:0; font-size:1.8em; color:#a0c4de; }
	#primaryContent h3			{ font-size:1.5em; }
	#primaryContent h4			{ font-size:1.4em; }
	#primaryContent h4.title	{ margin:0; }	
	#primaryContent h5			{ font-size:1.3em }
	#primaryContent h6			{ font-size:1.3em; font-style:italic; }
	/* @end */

	/* @group BANNER */ 
	#banner			{ background:url(/images/maincontent_bg.jpg) no-repeat; height:212px; margin-bottom:34px; position:relative; }
	#overlay		{ 
					  display:block; width:870px; height:192px; background:url(/images/banner_overlay.png) no-repeat; 
					  position:absolute; z-index:10; top:10px; left:10px;
					}
	#banner-inner	{ 
				  	  display:block; width:879px; height:202px; background:url(/mediafiles/subpage-header.jpg) no-repeat 10px 10px;  
				  	  position:relative; z-index:2;
				  	}		
			  	   
	/* @end */
	
	.button			{ display:inline-block; line-height:25px; padding-left:4px; height:25px; background:url(/images/button_left.gif) no-repeat left top; }
	.button span	{ display:inline-block; padding:0 10px 0 6px; background:url(/images/button_right.gif) no-repeat right top; }
	.button:hover{
   background-position: left -25px;
}

.button span:hover{
   background-position: right -25px;
}
	
/* @end */


/* @group SECONDARY CONTENT */ 
#secondaryContent			{ position:relative; float:right; width:235px; } 
#secondaryContent.wide		{ width:330px; }
.section					{ margin-bottom:1.5em; }

	/* @group SERVICE-TIMES */
	#mainContent #service-times.column			{ width:220px; }
	#service-times.column h3		{ font-size:16px; color:#a0c4de; font-weight:normal; }	
	
	#service-times p				{ font-size:1.1em; margin-top:0;  }
	#service-times ul				{ margin:30px 0 0; padding:0; list-style:none; width:250px; }
	#service-times li				{ 
									  float:left; background:url(/images/small_resource_li_bg.gif) no-repeat left bottom;  
									  margin:0 0 6px 6px;
									}
	#service-times li:hover			{ background-position:left top; color:#1b120d; }
	#service-times li a				{ 
									  display:block; width:70px; height:25px; padding-left:28px; line-height:25px; 
									  font-size:10px; color:#e2d0a8; text-decoration:none;
									}
	#service-times li a:hover		{ color:#1b120d }
	#service-times img				{ border:0; margin:0 0 0 12px;  }
	#home #content 					{ clear:both; }
	
	/* @end */


/* @end */

/* @group FOOTER */
#footer 			{ position:relative; margin-top:-3em; background:#2D2720 url(/images/footer_bg.gif) repeat-x;  }
#footer-inner		{ position:relative; margin:0 auto; width:873px; height: 300px;padding:35px 0 20px 15px; }
#foot-info{
   float: left;
}
#footer a			{ color:#fff; }
#footer a:hover		{ text-decoration:none; }
#footer p			{ color:#8a7e72; margin:0 0 5px; line-height:1em; }
#footer img			{ border:0; margin-top:1.5em; }
#footer p.powered{
   margin-top: 10px;
   font-size: 1.2em;
}

#footer p.powered span{
   float: left;
   display: inline;
   margin-right: 10px;
   line-height: 1.8;
   color: #574f46;
}
#footer a#cpm		{ 
					  display:block; width:140px; height:21px; float: left;
					  background:url(/images/cpm_logo.gif) no-repeat left top; text-indent:-999em; 
					}
#footer #cpm:hover	{ background-position:left bottom; }
#footer a:focus		{ outline:none; }

#footer fieldset,
#footer form		{ margin:0 0 18px;; padding:0; }
#footer fieldset	{ border:0; }
#footer input		{ float:left; width:161px; height:16px; padding:4px 4px 4px 8px; font-size:1.1em; color:#bdb39d; background:#3e362d; border:none; }
#footer form a		{ 
					  display:block; float:left; width:65px; height:24px; background:url(/images/search_btn.gif) no-repeat; 
					  text-indent:-999em; margin-left:3px;
					}

#footer ul#social{
   float: right;
   width: 361px;
   height: 50px;
   background: url(/images/foot-social.gif) no-repeat;
   list-style: none;
   margin: -15px 0 0;
   padding: 0;
}

#footer ul#social li{
   float: left;
}

#footer ul#social li a{
   display: block;
   height: 50px;
   text-indent: -9999px;
}

#footer #social li.facebook a{
   width: 106px;
}

#footer #social li.flickr a{
   width: 69px;
}

#footer #social li.twitter a{
   width: 104px;
}

#footer #social li.youtube a{
   width: 82px;
}

#footer #tweets {
  float: right;
  width: 350px;
  margin-top: 20px;
  color: rgb(138, 126, 114);
  font-size: 1.2em;
  line-height: 1.3em;
}

#footer #tweets img {
  margin-top: 0;
}

#footer #tweets a, a:visited {
  color: rgb(138, 126, 114);  
}

.tweetriver-stream-message {
  border: none !important;
}

.tweetriver-stream-time {
  display: none !important;
}

/* @end */


/* @group SERMONS */
#sermon-content,
h4#current							{ clear:both; }
#filter								{ margin-top:2em; }
#filter select						{ width:200px; margin-left:20px; }
#filter a							{ margin-left:160px; }
#primaryContent .sermonlist h4		{ margin:0; padding:10px 0; }
.sermonbox							{ position:relative; padding:10px 0; }
#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; color:#fff; font-weight:normal; }
#primaryContent .sermonbox p		{ margin:0;}


.sermonbox ul					{ position:absolute; top:30px; 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 */
	#text						{  }
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; padding:10px; margin:-92px 20px 0 10px; list-style:none; border:1px solid #a0c4de; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ background:#a0c4de; color:#201c1b; 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 ul			{ margin:0; padding:5px 0 0 10px; list-style:none; background:#171410;  width:590px; height:25px;}
	#how-it-works li			{ float:left; display:inline; padding:0 20px; padding-bottom:1.5em; font-size:1.2em; color:#faf6f0; }
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#how		{ padding-left:0; }
	#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 */ 
	.btm, #subnav-btm		{ 
							  background:url(/images/subnav_btm.gif) no-repeat left bottom; display:block; 
							  height:22px; width:223px; margin:-3px -17px; padding:0; position:relative;
							} 
	#sorting				{ padding:20px 17px 0; margin:0; background:url(/images/subnav_bg.gif) no-repeat left top; position:relative }
	#sorting h3				{ margin:-10px -17px 0; font-size:1.6em; color:#3d3d3a; padding:10px 18px;}
	#sorting				{ margin-bottom:25px; }	
	#sorting label,
	#sorting select			{ display:block; }
	#sorting label			{ font-size:1.3em; color:#3d3d3a; font-weight:bold; margin-bottom:3px;}
	#sorting select			{ width:190px; margin-bottom:1em;}
	#sorting li				{ margin:0; padding:0 0 1em; }
	#sorting a				{ font-size:1.2em; color:#af412f; }
	#sorting a:hover		{ text-decoration: none; }
	/* @end */ 

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border:1px solid #201c18; border-collapse: collapse; width:100%; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #fff; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#d3cebd; color:#656560; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #201c18; border-left: 0;
											  border-top: 0; background:#352e27; color:#656560; 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; color:#}
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */

.calendar-prev { padding-right: 25px; font-size: 20px; }
.calendar-prev:hover, .calendar-next:hover { color: #a0c4de; }
.calendar-next { padding-left: 25px; font-size: 20px; }