/* @override http://www.discoverthehills.org/css/styles.css */
/*=====
SITE: Church of the Hills
FILE: styles.css
CREATED: 6/27/2008
MODIFIED:1/12/2009
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBALS */
html					{ height:100%; } 
body					{ 
						  background:url(/images/body_bg.gif) repeat; font-size:62.5%;  
						  font-family:helvetica, arial, verdana, sans-serif; color:#dad0bc; margin:0; padding:0; height:100%;
						}					
#outer-container		{ background:url(/images/header_bg.jpg) repeat-x; }
#container				{ background:url(/images/container_bg.jpg) no-repeat center top; position:relative; top:-11px; min-height:870px; height:auto !important; height:870px; }
#home #container		{ background:url(/images/home_container_bg.jpg) no-repeat center top; }
#mainContent			{ padding:20px 0 40px; width:860px; margin:0 auto; }
#home #mainContent		{ padding:0; }

.show 					{ display:block; }
.hidden, hr				{ 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:202px; background:url(/images/home_outer_container_bg2.jpg) no-repeat center top; z-index:1; }
#header-wrap		{ height:202px; width:860px; margin:0 auto; position:relative; }
#skip				{ position:absolute; top:-999em; left:-999em; }
#header h1,
#header h1 a		{ display:block; width:223px; height:102px; }
#header h1 			{ 
					  position:absolute; top:20px; left:22px; background:url(/images/logo.gif) no-repeat; text-indent:-999em; 
					  margin:0; padding:0;
					}
#header h1 a:focus	{ outline:none; }

#topbar				{ position:absolute; top:92px; right:26px; z-index:200; }
#topbar p			{ margin:11px 0 0; padding:0; font-size:1.2em; color:#fffffe; }
#topbar b			{ color:#004c1f; }
#topbar a			{ }
#topbar img			{ border:none; position:relative; top:5px;}
/* @end */

/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none;margin:0;padding:0;}
#nav					{ position:absolute; top:158px; left:-5px; height:48px; width:854px; z-index:1001; padding-left:6px;}
#nav li 				{ cursor:pointer; float:left; margin:0 20px; }
#events #nav_home a,
#sermons #nav_home a,
#articles #nav_home a,
#nav li a 				{ 
						  display:block; font:1.5em arial, helvetica, verdana, sans-serif; color:#fff; text-decoration:none; padding:0; 
						  line-height:18px; text-transform:uppercase; font-weight: lighter;
						} 
#events #nav_home a:hover,
#sermons #nav_home a:hover, 
#articles #nav_home a:hover,
#nav li a:hover,
#nav li:hover a,
#nav li.current a		{ color:#fff; border-bottom:2px solid #c5e425;}
#nav li ul				{ display:none; }

/* @end */

/* @group BANNER IMAGES */
#banner			{ width:930px; height:410px; background:url(/images/home_banner_bg.png) no-repeat; position:relative; left:-36px; }
#banner p		{ 
				  height:316px; width:815px; left:57px; top:44px; margin:0; position:relative;
				  background:url(/mediafiles/home-header.jpg) no-repeat;
				} 
#home #banner img	{ border:0; }
/* @end */

/* @group PRIMARY CONTENT */
.column					{ float:left; width:240px; padding-right:20px; margin-right:15px; }
.columna					{ float:left; width:615px; padding-right:20px; margin-right:15px; }
.last					{ margin:0; }
#content				{ padding-left:11px; position:relative; z-index:2; top:-11px;}
#primaryContent			{ padding-left:28px; float:left; width:560px; }
#primaryContent.wide	{ width:800px; }
#home #primaryContent	{ padding-left:15px;  }
#primaryContent	a		{ color:#004c1f; }
#primaryContent a:hover	{ text-decoration:none }
#primaryContent	p,
#primaryContent li,
#primaryContent td		{ color:#333; font-size:1.3em; line-height:1.5em; }
#primaryContent p *,
#primaryContent li *,
#primaryContent td *	{ font-size:1em; line-height:1; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.center-align			{ float:center; margin:10px 5px 10px 5px; }
img.right-align			{ float:right; margin:10px 0 10px 10px; }
img.no-border			{ border:0; }

	/* @group HEADINGS */
	#primaryContent h2		{ font-size:2.1em; color:#004c1f; text-transform:uppercase; margin:0;}
	#home .column h2		{ margin:0; font-size:2.1em; color:#004c1f; font-weight:normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; }
	#primaryContent h3		{ font-size:1.5em; color:#004c1f}
	#primaryContent h4		{ font-size:1.4em; color:#004c1f }
	.italic				{ font-style:italic; }
	.unbold				{ font-weight:normal; }
	#primaryContent h5		{ font-size:1.3em; color:#004c1f; }
	#primaryContent h6		{ font-size:1.2em; color:#004c1f; }
	
	/* ARTICLE HEADINGS */
	.article						{ padding-bottom:15px;  }
	h4.title						{ margin:0; text-transform:uppercase; }
	h4.title a						{ text-decoration:none; }
	#primaryContent h4.title a:hover{ text-decoration:underline; }
	.article p						{ margin-top:0; }
	/* @end */

	/* @group UPCOMING EVENTS */
	#upcoming-events			{ padding-left:10px;  }
	#upcoming-events.column h2	{ margin-bottom:4px; }
	#upcoming-events .event		{ padding:10px 0 8px;  }
	#upcoming-events h4			{ margin:0; font-size:1.2em; font-weight:normal; color:#79c111; padding-bottom: 2px; }
	#upcoming-events p			{ margin:0; font-size:1.2em; color:#333; line-height: 1.3em; }
	#upcoming-events p a		{ font-size:13px; font-weight:bold; color:#333; text-decoration:none; }
	#upcoming-events p a:hover	{ text-decoration:underline; }
	/* @end */
	
	/* @group WELCOME */
	#welcome		{ margin-left:7px; position:relative; min-height:250px; padding-bottom: 12px; }
	#welcome.column h2		{ margin-bottom:4px; }
	#welcome p		{ font:italic 1.5em georgia, times, serif; color:#333; line-height:21px;  }
	#welcome p a	{ 
					  text-transform:uppercase;
					  background:url(/images/read_more_right.gif) no-repeat right top; font-size:10px; color:#999; 
					  text-decoration:none; font-family:helvetica, arial, sans-serif; font-style: normal;
					  padding-right:30px;
					}
	#welcome a:hover{ text-decoration:underline; }
	/* @end */
	
	/* @group MEDIA */
	#media				{ margin-right:0; margin-left:8px; position:relative; min-height:245px; }
	#media.column h2	{ margin-bottom:4px; }
	#media .sermon		{ position:relative; padding:10px 0 8px; }
	#media p, #media h4	{ margin:0; width:80%; }
	#media h4			{ font-size:1.4em; line-height:1.4em; color:#333; }
	#media h4 a			{ color:#333; text-decoration:none; }
	#media h4 a:hover	{ text-decoration:underline; }
	#media p			{ font-size:1.2em; color:#5eb500;}
	#media a.play		{ 
						  position:absolute; top:14px; right:-17px; text-indent:-999em;
						  display:block; background:url(/images/play_btn.gif) no-repeat; width:56px; height:24px;
						}
	#media a.play:focus	{ outline:none; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks			{ clear:both; margin-right:-50px; position:relative; left:-3px; margin-left:0; }
	#quicklinks a		{ margin:0 10px 0 0; float:left; display:block; border:4px solid #c4c4c4; width:195px; height:96px; }	
	#quicklinks a:hover	{ border-color:#1c5d36; }
	#quicklinks a img,
	#quicklinks img		{ padding:0; margin:0; border:0; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent		{ float:right; width:220px; position:relative; left:-5px; top:-13px; }

	/* @group SUBNAV */
	#subnav, #media-links, #how-it-works, #sorting	{ background:#004c1f; padding:6px; margin:0 15px 25px -18px; }
	#subnav								{ position:relative;  }
	#snav, #snav *						{ margin:0; padding:0; list-style:none; } 
	
	#sermons #snav_home,
	#events #snav_home,
	#articles #snav_home,
	#snav li,
	#snav li.current li ul				{ display:none; }
	
	#articles #snav li#snav_resources,
	#articles #snav li#snav_resources *,
	#events #snav_events,
	#events #snav_events *,
	#sermons #snav_resources,
	#sermons #snav_resources *,
	#snav li.current,
	#snav li.current li,
	#snav li li.current ul	{ display:block; }	
	
	#events li#snav_events a,
	#sermons li#snav_resources a,
	#articles li#snav_resources a,
	#snav li.current a					{ 
										  font-size:1.4em; font-weight:bold; color:#004c1f; text-decoration:none; text-transform:uppercase; 
										  border-bottom:1px solid #1b5b35; display:block; line-height:27px; margin-bottom:10px; position:relative; 
										  left:-5px;
										}
	
	#events #snav_events li a,
	#sermons #snav_resources li a,
	#articles #snav_resources li a,
	#snav li.current li a				{ 
										  font-size:13px; color:#004c1f; text-transform:none; font-weight:normal; margin:0; border:0; 
										  padding-left: 5px; padding-bottom:0; left:0;
										}
	
	#events #snav_events li a:hover,
	#sermons #snav_resources li a:hover,
	#articles #snav_resources li a:hover,
	#snav li.current li a:hover			{ color:#fff; }
	
	
	#sermons #snav_resources li#snav_resources_sermons a,
	#articles #snav_resources li#snav_resources_articles a,
	#snav li li.current a				{ text-decoration:underline; } 
	/* 3rd levels */
	#snav li li ul						{ padding-left:10px; }
	#snav li li.current li a			{ background:none; }
	#snav li.current li.current li.current a	{ text-decoration:underline; }
	
	
	#snav li li.active a,
	#snav li li.active a:hover		{ text-decoration:underline; }	
	#snav li li.current.active a	{ text-decoration:underline; }  
	#snav li li.current.active li a	{ background:none; }
	#snav li li.active li a,
	#snav li li.active li a:hover	{ background:none; font-size:13px; }	
	#snav li li.active a:hover		{  text-decoration:underline; }  
	
	/* @end */
/* @end */

/* @group FOOTER */
#footer								{ position:relative; width:820px; margin:21px auto 0; padding:11px 10px 40px; border-top:3px solid #1c5d36;}
#footer p							{ font-size:1.2em; color:#999; margin:0; float:left; }
#footer p#designed					{ float:right; }
#footer a#cpm						{ 
									  display:block; width:142px; height:21px; background:url(/images/cpm_logo.png) no-repeat; 
									  text-indent:-999em;
									}
#footer a#cpm:hover					{ background-position:left bottom; }
/* @end */

/* @group SERMONS */
#filter select						{ width:200px; margin-left:25px;}
#filter a							{ margin-left:35px; }
.sermonbox							{ position:relative; padding:10px 0; border-bottom:1px solid #4f3e2c}
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }
#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:11px; }
#primaryContent .sermonbox p		{ margin:0; }


.sermonbox ul						{ position:absolute; top:20px; right:10px; }
.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_app.gif) no-repeat; }
.sermonbox li.sl_download a			{ background:url(/images/download_icon_app.gif) no-repeat; }
.sermonbox li.sl_notes a			{ background:url(/images/notes_icon_app.gif) no-repeat; }
.sermonbox li.sl_video a			{ background:url(/images/video_icon_app.gif) no-repeat; }
.sermonbox li a:focus				{ outline:none; }

	/* @group MEDIA BOX */
	#byline							{ margin:10px 0 0; padding:0; list-style:none; }
	li#mb_jukebox					{ background:url(/images/play_icon.gif) no-repeat left 2px; padding:4px 0 4px 20px;}
	li#mb_download					{ background:url(/images/download_icon.gif) no-repeat left 2px; padding:4px 0 4px 20px; }
	li#mb_notes						{ background:url(/images/notes_icon.gif) no-repeat left 2px; padding:4px 0 4px 20px; }
	li#mb_video						{ background:url(/images/video_icon.gif) no-repeat left 2px; padding:4px 0 4px 20px; }
	li#mb_podcast					{ background:url(/images/feed_icon.gif) no-repeat left 2px; padding:4px 0 4px 20px; }
	/* @end */

	#snav, 
	#sorting ul,
	#how-it-works ul, #media-links ul, #sorting .inner { background:#66a608; border:1px solid #1b5b35; padding:18px; }
	#snav							{ padding:8px 18px; }

	/* @group HOW IT WORKS */
	#how-it-works ul, .inner,
	#media-links ul					{ margin:0; padding:18px; list-style:none; border:1px solid #443624;  }
	#how-it-works ul				{ height:20px; padding:10px; }
	#how-it-works li				{ padding-left:20px; padding-right:15px; font-size:1.2em; color:#fefefd; float:left; display:inline; line-height:20px; }
	#how-it-works li#works,
	#media-links li#mb_links		{ font-size:1.6em; margin:0 0 1em -20px; color:#004c1f; text-transform:uppercase; }
	#how-it-works li span			{ font-weight:bold; }
	#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 */
	
	#media-links li#mb_links		{ margin-left:0; }
	
	/* @group SORTING */
	#sorting label, #sorting select	{ display:block; }
	#sorting h3						{ color:#004c1f; font-size:1.6em; text-transform:uppercase; margin:0 0 1em }	
	#sorting label					{ font-size:1.3em; font-weight:bold; margin-bottom:.5em; color:#004c1f; }
	#sorting select					{ width:170px; margin-bottom:1em; }	
	#media-links li a,
	#sorting a						{ font-size:1.2em; color:#004c1f;  }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ 
											  margin-bottom: 25px; border: 1px solid #d5d5d5; border-right: 0; border-bottom: 0; 
											  border-collapse: collapse; width:100%; 
											}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #004c1f; font-size: 1.6em; }
#primaryContent table.calendar th			{ 
											  padding: 6px 0; background: #d5d5d5; color: #004c1f; font-size: 1.3em; 
											  font-weight: normal; border:1px solid #d5d5d5;
											}
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #d5d5d5; border-left: 0;
											  border-top: 0; background: #fff; color: #333; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: none; }
#primaryContent table.calendar td ul		{ padding:0; 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; }
#primaryContent table.calendar td.current	{ background:#004c1f; color:#fff}
#primaryContent table td.current li a,
#primaryContent table.calendar td.current a	{ color:#fff; }
/* @end */

form		{ margin-top:2.5em; }
label		{ display:block; font-size:1.3em; }
fieldset	{ border:0; padding:0; }

/* @group BLOG */
#blog #primaryContent			{ position:relative; }
#blog #subscribe				{ position:absolute; top:0; right:0; padding-left:20px; }
#blog .post						{ padding:20px 0; }  
#detail h2						{ margin-bottom:1em; }
#blog #detail h4,
#blog .post h4					{ margin-bottom:1em; }
#blog #detail p,
#blog .post p					{ line-height:1.5em; margin-bottom:1em; }

#blog #secondaryContent			{ padding-top:15px; }
#blog #secondaryContent h3		{ font-size:1.5em; color:#004c1f; margin-bottom:.5em; }
#blog #secondaryContent ul		{ margin:0 0  2em; padding:0; list-style:none; }
#blog #secondaryContent li a	{ font-size:1.2em; color:#004c1f; }
#blog #secondaryContent a:hover	{ text-decoration:none; }
/* @end */