/* @override 
	http://www.highlifechurch.com/css/styles.css
*/

/* 
* Site: Highlife Church 
* Created: 1/19/2009
* Modified:1/20/2009
* Author: Ben Otero (ben@churchplantmedia.com)
*
*/
/* @group Global */
* 					{ margin: 0; padding: 0; line-height: 1;  }
body				{
   					  background: #403b35 url(/images/sub_body_bg.gif) repeat-x left top;
   					  font-size: 62.5%; font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
					}
body#home			{ background-image:url(/images/home_body_bg.gif); }
#body-inner			{ background:url(/images/bg_body_inner2.jpg) no-repeat center top; }
hr, .hidden			{ display: none; }
.show 				{ display:block; }
#skip				{ position: absolute; text-indent: -999em; list-style: none; }
#container			{ position: relative; width: 842px; margin: 0 auto; }
a					{ overflow: hidden; }
/* @end */

/* @group BANNER */
#banner				{ display:block; width:863px; height:233px; margin-bottom:16px; }
#banner-cover		{ 
					  display:block; position:absolute; top:69px; left:-10px; width:863px; height:233px; 
					  background:url(/images/sub_banner_overlay.png) no-repeat; clear:both; z-index:3;
					}
#home #banner-cover	{ height:285px; background:url(/images/home_banner_cover.png) no-repeat; }
#home #banner		{ display:block; height:285px; width:842px; }
#banner p			{ display:block; width:841px; height:201px; background:url(/mediafiles/subpage-header.jpg) no-repeat; }
#home #banner p		{ 
					  display:block; width:842px; height:255px; margin:0; background:url(/mediafiles/home-header.jpg) no-repeat; 
					  text-indent:-999em; position:relative; top:0; z-index:1;
					}
/* @end */

/* @group Header */
#header				{ position:relative; height:69px; z-index:1001; }
#header h1,
#header h1 a		{ display:block; width:113px; height:84px; }
#header h1			{ 
					  position:absolute; top:0; left:5px; margin:0; padding:0; 
					  background: url(/images/logo.png) no-repeat; text-indent: -999em; 
					}
#header h1 a:focus	{ outline:none }
/* @end */


/* @group Navigation */
#nav, #nav * 		{ list-style:none; }
#nav				{ position:absolute; top:21px; right:5px; list-style:none; }
#nav li				{ float: left; margin-right: 3px;  }

#nav li.current,
#nav li:hover		{ padding-left: 10px; background: url(/images/bg_nav_li_hover.png) no-repeat; cursor: pointer; }

#nav li a			{ display: block; padding: 8px 13px 36px; color: #fff; text-decoration: none; outline: 0; font-size: 1.2em; }

#nav li:hover a,
#nav li.current a	{ color:#fff; padding-left: 3px; background: url(/images/bg_nav_li_a_hover.png) no-repeat right top; }

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 150px;
   margin-left: -9px;
   margin-top: -8px;
   border-top: 4px solid #3a460e;
   list-style: none;
   line-height: 1;
   font-size: .9em;
}

#nav li:hover li,
#nav li.sfhover li{
   padding: 0;
   background: none;
   font-size: 1em;
}

#nav li ul ul{
   margin: -27px 0 0 150px;
   border-top: 0;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li:hover li a,
#nav li.sfhover li a{
   width: 124px;
   padding: 7px 13px 8px;
   border-top: 1px solid #36410c;
   background: #4c5b12;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   padding-top: 8px;
   border: 0;
   background: #6e802f;
}
/* @end */


/* @group Container-Inner */
#container-inner			{ width: 816px; margin: 0px 13px 0; clear:both; }
/* @end */



/* @group Content */
#content					{ float: left; width: 500px; margin-top: 12px; padding-bottom:2em; }
body#home #content			{ margin: 0; }
	
/* @group HEADINGS */
#content h3					{ 
					  		  margin-bottom: .6em; padding-bottom: 11px; background: url(/images/bg_content_h3.gif) no-repeat left bottom;
					  		  color: #FFF; font-size: 2em; font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif;
							}
body#home #content h3		{ margin-bottom: .2em;  padding-bottom: 2px; background: none; 	}
#content h4, 			
#content h5,
#content h6					{ margin:0; padding:0; 	}
#content h4 				{ font-size:1.2em; color:#c8c1b9; margin-top:1.5em; }
#content h5 				{ font-size:1.2em; font-family:Georgia, "Times New Roman", serif; color: #e36b23; }
#content h6 				{  font:1.2em Georgia, "Times New Roman", serif; color:#fff;  }
/* @end */
	
#content p,
#content li,
#content td					{ margin-bottom: 1em; color: #C8C1B9; font-size: 1.1em; line-height: 1.55; margin-top: 4px; }
#content li *,
#content p *,
#content td *				{ font-size:1em; line-height:1 }

#content div 				{ color:#c8c1b9; }

#content blockquote 		{ font-size:1em; color:#c8c1b9; }

#content ul,
#content ol					{ margin: 0 0 1em 3em; }

#content ul#byline			{ display: inline; float: left; margin:0 0 10px; padding:0; width:60%; list-style: none; }
#content ul#byline li		{ font-size: 1.1em; }
#content li					{ margin: 0; }
#content blockquote			{ margin-left: 3em; }
#content hr					{ display: block; margin-bottom: 1em; }
#content a					{ color: #96b32b; }
#content a:hover			{ text-decoration: none; }
#content img				{
							  margin: 5px 10px 5px 0; padding: 1px; border-top: 1px solid #24221E; border-right: 1px solid #292622;
							  border-bottom: 1px solid #24221E; border-left: 1px solid #4B4946; background: #FFF;
							}
#content img.no-border		{ border:0;  }
#content img.left-align		{ float:left; margin:10px 10px 10px 0;  }
#content img.right-align	{ float:right; margin:10px 0 10px 10px; }
#content img.mcms_stats		{ padding:0; margin:0; border:0; background:none;}
#content #text				{ float:left; width:325px; }
/* @end */


		
/* @group Home Nav */
#content ul#home-nav		{ 
							  width: 518px; height: 41px; margin:-2px 0 26px; 
							  background: url(/images/bg_home-nav.gif) no-repeat left bottom; list-style:none;
							}
#content ul#home-nav li		{ float: left; font-size: 1.2em; }
#content ul#home-nav li a	{ 
							  display: block; background: url(/images/bg_home-nav_a.gif) no-repeat; color: #ACA48B; 
							  text-decoration: none; outline: 0;
							}
#content ul#home-nav li span{ display: block; padding: 10px 16px 8px 18px; }
#content ul#home-nav li.first a
							{ background: none; }
#content ul#home-nav li a.current
							{ 
							  position: relative; z-index: 999; margin-right: -2px; padding-left: 4px; 
							  background: url(/images/bg_home-nav_a_current.gif) no-repeat left bottom; color: #FFF; 
							} 
#content ul#home-nav li a.current span
							{ padding:10px 18px 8px 14px; background: url(/images/bg_home-nav_span_current.gif) no-repeat right bottom; }
#content ul#home-nav li a:hover
							{ color: #FFF; }
							
							
							
/* @end */

#content p.byline					{ color: #887F73; font-size: 1.2em; }
#content p.byline span.date			{ text-transform: uppercase; }
#content p.byline span.comments		{ color: #A79C8E; }
#content p.more						{ color: #adce71; text-align: right; }
#content p.more a					{ color: #adce71; }


/* @group Calendar */
#content table.calendar					{ 
										  margin-bottom: 25px; border: 1px solid #3A3530; border-right: 0; border-bottom: 0; 
										  border-collapse: collapse;
										}
#content table.calendar caption			{ padding-bottom: 10px; color: #C9BFA2; font-size: 1.4em; }
#content table.calendar caption span	{ color: #c9bfa2; }
#content table.calendar th				{ padding: 8px 0; background: #637f2d; color: #FFF; font-size: 1.2em; font-weight: normal; }
#content table.calendar td				{ 
										  width: 68px; height: 68px; padding: 2px; border: 1px solid #3A3530; border-left: 0; 
										  border-top: 0; background: #2D2A26; color: #C3BA9F; font-size: 1em; 
										  vertical-align: top;
										}
#content table.calendar td.empty		{ background: #2D2A26; }
#content table.calendar td ul			{ margin: .5em 0 0 .5em; font-size: 100%; list-style: none; }
#content table.calendar td li			{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#content table.calendar td li a			{ text-decoration: underline; }
#content table.calendar td li a:hover	{ text-decoration: none; }
/* @end */


/* @group Sidebar */ 
#sidebar								{ 
										  float:right; width: 276px; margin-top:5px; padding: 0 0 35px 18px; 
										  background:url(/images/bg_sidebar.gif) no-repeat left 18px;
										}
#home #sidebar							{ background-position:left 18px; }
#sidebar a img							{ border:0; }
#sidebar p								{ color:#fff; line-height:1.5em; font-size:1.1em; }
#sidebar p#login-wrap					{ margin: 0 auto 18px; color: #726C5E; font-size: 1.2em; text-align:center; }
#sidebar p#login-wrap a					{ margin: 0 4px; color: #AAA189; text-decoration: none; }
#sidebar p#login-wrap a:hover			{ color: #fff; text-decoration: underline; }
						
#sidebar img							{ border:0; }
#sidebar #current-series				{ margin: 0 0 0 9px; padding-top: 18px; }


	/* @group NEW HERE */
	#sidebar #new-here					{ 
										  display:block; width:272px; height:70px; overflow:hidden; position:relative;
										  background:url(/images/bg_new-here.gif) no-repeat; margin-bottom: 12px;
										}
	#sidebar #new-here h3				{ font-size:1.5em; font-weight: normal;color:#f4f3e8; margin:12px 0 0 31px; }	
	#sidebar #new-here p				{ font-size:1.1em; margin:3px 10px 0 31px; width:60%; line-height: 11pt;}
	#sidebar #new-here a				{ 
							 			 color:#b6b2a3; text-decoration:none; background:url(/images/right_arrow_bg.gif) no-repeat right 3px; 
							 			 padding-right:12px;
										}	
	#sidebar #new-here a:hover			{  text-decoration:underline; }
	#sidebar #new-here a#button			{ 
										  display:block; width:55px; height:55px; background:url(/images/new_here_btn.gif) no-repeat; 
										  text-indent:-999em; position:absolute; right:0; top:6px;
										}
	#sidebar #new-here a#button:focus	{ outline:none; }
	/* @end */
	
	/* @group LATEST MESSAGE */
	#sidebar #latest-message			{ 
										  position: relative; width: 240px; height: 95px; margin: 0 0 20px 9px;
										  padding-top: 18px; background: url(/images/bg_latest-message.gif) no-repeat;
										}
	#sidebar #latest-message h3			{ 
										  margin-bottom: .7em; padding: 0 0 5px 6px; border-bottom: 1px dotted #2D2A26; color: #F4F3E8; 
							 			  font-size: 1.4em; font-weight: normal; 
							 			}
	#sidebar #latest-message h3 img		{ margin: -4px 2px 2px 0; vertical-align: middle; }
	#sidebar #latest-message h4			{ margin: 0 0 .8em 94px; font-size: 1.1em; font-weight: bold; }
	#sidebar #latest-message h4 a		{ color: #C9BFA2; }
	#sidebar #latest-message h4 a:hover	{ color: #fff; text-decoration: none; }
	#sidebar #latest-message p			{ margin-left: 97px; color: #ACA48B; font-size: 1em; }
	#sidebar #latest-message ul			{ 
										  position: absolute; top: 46px; left: 0; width: 88px; height: 48px; list-style:none; 
										  background: url(/images/bg_latest-message_ul.gif) no-repeat; text-indent: -9999px;
										}
	#sidebar #latest-message li a		{ display: block; height: 24px; }
	
	#sidebar #einvite-link h3{
   width: 252px;
   height: 91px;
}

#sidebar #einvite-link h3 a{
   display: block;
   height: 91px;
   text-indent: -9999px;
   background: url(/images/evite.gif);
}
	/* @end */

	/* @group UPCOMING-EVENTS */
	#sidebar #upcoming-events		{ 
									  width: 240px; margin: 0 0 0 9px; padding-top: 18px; 
									  background: url(/images/bg_latest-message.gif) no-repeat;
									}
	#sidebar #upcoming-events h3	{ 
									  margin-bottom: .7em; padding: 0 0 5px 8px; border-bottom: 1px dotted #2D2A26; color: #F4F3E8; 
									  font-size: 1.4em; font-weight: normal; 
									}
	#sidebar #upcoming-events h3 img{ margin: 0 6px 2px 0; vertical-align: middle; }
	#sidebar #upcoming-events table	{ border-collapse: collapse; }
	#sidebar #upcoming-events td	{ width:171px; padding:6px 0; border-bottom:1px solid #3A3631; line-height:1.25; vertical-align:top; }
	#sidebar #upcoming-events tr.last td
									{ border: 0; }
	#sidebar #upcoming-events td.date
									{ width: 56px; color: #E9E3CF; font-size: 1.1em; font-weight: bold; }
	#sidebar #upcoming-events td a	{ color: #ACA48B; text-decoration: none; }
	#sidebar #upcoming-events td a:hover
									{ color: #E9E3CF; text-decoration: underline; }
	/* @end */
/* @end */

/* @group Mega Footer */
#mega-footer						{ 
									  clear: both; float: left; width: 810px; margin: 15px 0 10px; padding-bottom:0px; 
									  background: #46413A url(/images/bg_mega-footer.gif) no-repeat;
									}
#mega-footer #upcoming-events		{ float: left; width: 211px; padding: 22px 32px 0 28px; }
#mega-footer #upcoming-events h3	{ 
									  margin-bottom: .7em; padding: 0 0 7px 0; 
									  background: url(/images/bg_upcoming-events_h3.gif) repeat-x left bottom; color: #F4F3E8; font-size: 1.4em;
									  font-weight: normal;
									}
#mega-footer #upcoming-events h3 img{ margin: 0 6px 2px 0; vertical-align: middle; border:0; }
#mega-footer #upcoming-events table	{ width: 211px; border-collapse: collapse; }
#mega-footer #upcoming-events td	{ padding: 6px 0; border-bottom: 1px solid #3A3631; line-height: 1.25; vertical-align: top; }
#mega-footer #upcoming-events tr.last td
									{ border: 0; }
#mega-footer #upcoming-events td.date
									{ width: 56px; color: #E9E3CF; font-size: 1.1em; font-weight: bold; }
#mega-footer #upcoming-events td a	{ color: #ACA48B; text-decoration: none; }
#mega-footer #upcoming-events td a:hover
									{ color: #E9E3CF; text-decoration: underline; }
/* @end */

/* @group Quicklinks */
#quicklinks							{ float: left; width: 211px; padding: 14px 36px 0 24px; }
#quicklinks div						{ clear: left; float: left; width: 211px; margin-bottom: 3px; }
#quicklinks h4						{ 
   padding-top: 4px;
   margin-bottom: .45em;
   color: #C8BFA1;
   font-size: 1.2em;
   font-weight: bold;
}

#quicklinks p{
   float: left;
   padding-bottom: 13px;
   border-bottom: 1px solid #3D3933;
   color: #FFF;
   font-size: 1.1em;
}

#quicklinks div.last p{
   border-bottom: 0;
}

#quicklinks a{
   color: #FFF;
   text-decoration: none;
}

#quicklinks a:hover{
   text-decoration: underline;
}

#quicklinks img{
   float: left;
   margin-right: 14px;
   border: 2px solid #2D2A26;
}
/* @end */

/* @group RESOURCE LINKS */
#resource-links		{ padding-top:23px; }
#resource-links ul {
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 206px;
   margin: 13px 0 13px 0;
   padding: 23px 0 13px 0;
   background: url(/images/bg_upcoming-events_h3.gif) repeat-x left top;
}

#resource-links p{
   margin-bottom: .5em;
   color: #E9E3CF;
   font-size: 1.1em;
   line-height: 14pt;
}

#resource-links{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 206px;
   margin: 0 0 0 25px;
}

#resource-links li{
   margin-bottom: 5px;
   font-size: 1.1em;
   list-style: none;
}

#resource-links li a{
   padding-bottom: 5px;
   border-bottom: 1px solid #3D3933;
   color: #FFF;
   text-decoration: none;
}

#resource-links li a:hover{
   color: #FFF;
   background: #adce71;
   padding-bottom: 2px;
   padding-top: 2px;
}

#resource-links li.last a{
   border: 0;
}

#resource-links li img{
   margin: 0 7px 0 0;
   vertical-align: middle;
}
/* @end */


/* @group Footer */

#footer{
   clear: both;
   width: 810px;
   margin: 10px auto;
   padding: 25px 0 25px;
   background: url(/images/bg_content_h3.gif) repeat-x;
}

#footer-inner { 
	text-align:center;
	width:290px; margin:0 auto; padding-bottom:60px;
	background:url(/images/footer_vignette_bg.gif) no-repeat center bottom;
 }
 
#footer p{
   margin-bottom: .5em;
   color: #e5e0d1; font-size: 1.1em;
}

#footer a{
   color: #C5BBAE;
   text-decoration: underline;
}

#footer a:hover{
   text-decoration: none;
}
/* @end */