/* @override http://www.newcovenantny.com/_css/styles.css */

/* 
Site: 	 New Covenant Church 
Created: 4/1/2009 
Updated: 4/7/2009
Authors: Luke Simpson & Ben Otero (ben@churchplantmedia.com)
*/

/* @group Global Styles */
html							{ height:100%; }
body							{ 	
								  font-size: 62.5%; font-family: Helvetica, arial, verdana, sans-serif; height:100%;
								  line-height: 1; background:#282d2e url(/_img/bg_body.gif) repeat-x; 
								}
strong, em, b, i				{ 
					  				/* see http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/ */
			    				  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
								}
hr								{ display: none; }
#skip							{ position: absolute; text-indent: -9999px; list-style: none; }
#container-outer				{ background:url(/_img/outer_container_bg.jpg) no-repeat center top; position:relative; min-height:100%; }
* html #container-outer			{ height:100%; }
#container						{ width:960px; margin:0 auto; padding-bottom:20px; background:url(/_img/bg_container.gif) no-repeat left bottom; }
		
#content-wrap					{ width: 960px; margin: 0 auto; background: url(/_img/content_wrap_bg.gif) repeat-y left top; }
#home #content-wrap				{ background: none; }
a								{ overflow: hidden; text-decoration: none; }
a:hover							{ text-decoration: underline; } 
		
.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 Global Styles */


/* @group Header */
#header							{ width: 960px; height:141px; position: relative; padding-bottom: 10px; z-index:2000; }
#home #header					{ height: 151px; padding: 0; }
#header h1						{ float: left; width:267px; height:75px;  background: url(/_img/logo.png) no-repeat; margin:57px 0 0 17px;}
#header h1 a					{ display: block; height: 75px; text-indent: -9999px; } 

#metanav						{ position: absolute; right: 0; height: 30px; padding-top: 5px; padding-right: 8px; }
#metanav ul						{ float: left; }
#metanav ul li					{ float: left; }
#metanav ul li a				{ font-size: 1.1em; color: #fff; display: block; float: left; padding: 7px 9px; }
#metanav li#login span			{ color: #fff; font-size: 1.1em; float: left; padding: 7px 9px; }

#search							{ float: left; display: inline; margin-left: 22px;}
#search fieldset				{ float: left; }
#search_term					{ 
								  border: none; background: url(/_img/bg_search_input.gif) no-repeat; width: 143px; padding: 6px 10px 0; height: 19px;
								  color: #5a5a5a; float: left; font-size: 1.1em;font-family: helvetica, sans-serif; 
								}
#search_go						{ display: block; float: left; width: 28px; height: 24px; text-indent: -9999px; background: url(/_img/bg_search_go.gif); }
/* @end Header */

/* @group Navigation */
#nav							{ list-style: none; position: absolute; right: -4px; top: 78px; }
#nav li							{ float: left; display: block; padding-left: 3px; margin-right: 1px; }
#nav li a						{ 
								  display: block; color: #fff; font-size: 1.6em; font-weight: bold; text-decoration: none; 
								  padding: 10px 16px 13px 11px;  text-shadow: 1px 1px 1px #3b545e;
								}
#nav li:hover,
#nav li.current					{ background:url(/_img/nav_li.png) no-repeat left top; }

#nav li:hover a,
#nav li.current a				{ background:url(/_img/nav_a.png) no-repeat right top; }
#nav a:focus					{ outline:none; }

#nav li ul						{ position:absolute; left:-999em; width:180px; background:#272D2D; z-index:2001; }

#nav li li,
#nav li.current li,
#nav li:hover li,
#nav li:hover li a,
#nav li li a					{ background:none; }
#nav li li						{ margin:0; padding:0; }
#nav li li a					{ font-size:12px; padding:10px 16px; width:148px; }
#nav li li a:hover				{ background:#58828E; }

#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;}
#nav li:hover ul li:hover ul 	{ margin:-28px 0 0 180px;}

/* @end */

/* @group SIDEBAR */
#sidebar						{ float: left; padding:33px 20px; width: 239px; min-height:500px; _height:350px; background: url(/_img/bg_sidebar-wrap.gif) no-repeat; }

/* @group SIDENAV */
#sidenav						{ margin:0 0 20px -10px; padding:0 0 0 24px; position:relative; width:246px; }
#sidenav li *					{ font-size: 1em; font-family:helvetica, arial, verdana, sans-serif; }

#sidenav li.current a			{ 
								  font-size:1.5em; font-weight:bold; color:#2da2c5; display:block; margin-bottom:0; text-transform:uppercase; 
								  background:url(/_img/subnav_current_bg.gif) no-repeat right bottom; padding-bottom:11px;
								}
#sidenav li.current a:hover		{ text-decoration:none; }
#sidenav li.current li a		{ color:#484f50; font-size:1.3em; padding:10px; display:block; margin:0;text-transform:none; background:none; }
#sidenav ul						{ padding: 7px 0; margin-left: -8px; }

#sidenav li li a				{ border: none; font-size: 1.2em; color: #777764; padding: 7px 0 7px 24px; }
#sidenav li li a:hover			{ text-decoration:underline; color:  #1f2628;}
#sidenav li li.current a		{ 
								  color: #1f2628; background:#fff url(/_img/bg_sidenav_li_li_current_a.gif) no-repeat left; margin-right:-12px;
								  position:relative; left:-6px; padding-left:16px;
								}
#sidenav li.current li a:hover	{ text-decoration: underline; }
#sidenav li li.current a:hover	{ text-decoration:none; }

/* 3rd level */
#sidenav li li ul				{ margin:0; padding-left:12px; display:none; } 
#sidenav li li.current ul		{ display:block; }
#sidenav li.current li li a		{ font-size:12px; color:#929494; background:none; } 
#sidenav li li li.current a		{ text-decoration:underline; }
#sidenav li.current li.current li a:hover{ text-decoration:underline; }

/* @end SIDENAV */
/* @end SIDEBAR */

/* @group Footer */
#footwrap						{ clear: both; background:#202425; margin-top:19px; padding-bottom:80px;}
#footer							{ position: relative; width: 939px; padding: 19px 15px 40px; margin:0 auto; }
#footer #address				{ float:right; width:300px; padding-top:2px;}
#footer p						{ color: #81898b; font-size: 1.1em; margin-bottom:0; text-align:right; }
#footer p a						{ color: #81898b; text-decoration:underline; }
#powered						{ margin:0; width:124px; height:19px; text-indent:-999em; background:url(/_img/bg_p_powered.gif); display:block; float:right; margin-right:5px;}
#powered:hover					{ background-position:left bottom; }

#footer-links					{ float:left; width:630px; }
#footer-links ul				{ float:left; width:144px; padding-left:4px; }
#footer-links li a.first		{ font:bold 1.3em helvetica, arial, verdana, sans-serif; color:#fff; display:block; line-height:20px}
#footer-links li a				{ font-weight:normal; font-size:12px; color:#81898b; line-height:20px;}
#footer-links a:hover			{ text-decoration:underline; }
/* @end Footer */


/* @group Default Content */
#content						{ width: 676px; float: right; padding: 11px 5px 0 0; background:url(/_img/bg_content.gif) no-repeat right top; }
#header-image					{ padding: 0 9px; }
#text							{ padding:10px 21px; }

#text h2, #text h3, 
#text h4, #text h6				{ font-weight: bold; margin-bottom: .5em; }

#text h2						{ font-size: 2.2em; color: #d97625; font-weight:normal; }

#text h3						{ font-size: 1.8em; color: #2da2c5; }

#text h4						{ font-size: 1.6em; color: #2da2c5; }

#text h5						{ font:normal 1.7em "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; color:#717170; }

#text h6						{ font-size: 1.5em; margin-bottom:.5em; color:#d97625; }

#text p, #text li				{ font-size: 1.3em; line-height: 1.5em; color: #717170; margin-bottom: 1.5em; }
#text td						{ font-size: 1.3em; color: #717170; }
#text td p						{ margin-bottom: 8px; }
#text p *, #text li *, 
#text td *						{ font-size: 1em; }

#text ul #text ol				{ padding-left: 1em; margin: 1em 0; }
#text ul li						{ margin-bottom: .5em; }
#text ol li						{ margin-bottom: .5em; } 

#text blockquote 				{ 
								  font-size: 1.2em; color: #4e4939; border-left: 3px solid #B7D0B0; padding-left: 10px; margin-bottom: 1em; padding: 5px 20px 7px;
								  line-height: 1.5;
								}
#text blockquote *				{ font-size: 1em; border: none; margin-top: 1em; margin-bottom: 0; }

#text img						{ border:none; margin: 10px 0; }
#text img.left-align			{ float: left; margin: 10px 10px 10px 0; }
#text img.right-align			{ float: right; margin: 10px 0 10px 10px; }

#text a							{ color: #1f99be; text-decoration: underline; }
#text a:hover					{ text-decoration: none; }

#text dt, #text dd,
#text td, #text th, 
#text pre, #text code			{ font-size: 1.3em; color: #717170; }
/* @end  Default Content */