/* @override http://www.wordserve.org/css/styles.css */

/* @override http://www.wordserve.org/css/styles.css */

/* @override 
	http://www.wordserve.org/css/styles.css
*/

/*==========
CLIENT: CPM
CREATED: 10/22/2008
MODIFIED:4/14/2009
AUTHORS: Ben Otero (ben@churchplantmedia.com), Andrew Bradshaw (andrew@churchplantmedia.com) and Luke Simpson (luke@churchplantmedia.com)
===========*/

/* @group GLOBALS */

body					{ 
						  font-size:62.5%; background: #241d17 url(/images/bg_body.jpg) repeat-x; 
						  font-family:"Lucida Grande", helvetica, arial, verdana, sans-serif; color:#51504d; margin:0; padding:0; min-width: 1062px;
						}
#wrapper{
   background: url(/images/bg_wrapper.jpg) no-repeat center top;
}		

#outer-container{
   background: url(/images/bg_outer-container.jpg) repeat-x 0 310px;
}				

#container				{ width:965px; margin:-30px auto 0; position:relative; padding-top: 21px;}
.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 */

a{
   outline: none;
}

/* @end */

/* @group HEADER */
#header					{ position:relative; z-index:1000; }
#header-inner			{ 
						  width:960px; height:220px; margin:0 auto; position:relative;  
						}
#header h1,
#header h1 a			{ display:block; width:367px; height:153px; }
#header h1				{ 
						  background:url(/images/logows1.png) no-repeat; margin:0; padding:0; position:absolute; left:0px; top:0px; z-index: 1000;
						  text-indent:-999em; 
						}
#header h1 a:focus		{ outline:none; }
#header h3{
   position: absolute;
   right: 0;
   top: 88px;
   width: 159px;
   height: 21px;
   background: url(/images/bg_header_h31.png);
   text-indent: -9999px;
   margin: 0;
}

/* @end */

/* @group SHELF */
#shelf					{ 
						  display:none; padding:30px 25px; width:910px; height:209px; background:url(/images/shelf_bg.png) no-repeat; 
						  position:absolute; top:25px; left:-2px; z-index:1000;						  
						}
#map_canvas				{ display:block; width:328px; height:211px; float:left; }

#contact				{ float:left; width:220px; padding-left:23px; }
#contact h4				{ font-size:1.3em; color:#f4f2e9; margin:5px 0 0; }
#contact p				{ font-size:1.2em; color:#d7d3c1; }
#contact a				{ color:#62ace0; }
#contact a:hover		{ text-decoration:none; }
/* @end */

/* @group CONTACT FORM */
#contact-form			{ float:left; padding-left:28px; width:307px; }
#contact-form h4		{ font-size:1.3em; color:#f4f2e9; margin:5px 0 1em; }
#contact-form div		{ padding-bottom:1em; }
#shelf fieldset,
#shelf form				{ margin:0; padding:0; border:none; }
#shelf label			{ float:left; font-size:1.2em; color:#d7d3c1; margin:.3em 0 0; }
#shelf input			{ float:right; border:none; padding:4px; height:18px; width:254px; }
#shelf textarea			{ float:right; padding:4px; height:75px; width:232px; border:0; }
#shelf input.submit		{ width:auto; height:auto; padding:0; }
/* @end */

/* @group SUBMENU */
#submenu				{ 
						  position:absolute; top:29px; right:7px; width:425px; height:76px; background:url(/images/submenu_bg.png) no-repeat; 
						  margin:0; padding:0; list-style:none; 
						}
#submenu li				{ float:left; display:inline; }
#submenu a				{ 
						  display:block; float:left; height:76px; width:50px; background:url(/images/submenu_bg.png) no-repeat; 
						  text-indent:-999em; 
						}
#submenu #this-sunday a	{ width:120px; background-position:left top; }
#submenu #first-time-here a	{ width:142px; background-position:-120px top; }
#submenu #member-connection a		{ width:163px; background-position:-262px top; }
#submenu #this-sunday a:hover{background-position: 0 -76px;}
#submenu #first-time-here a:hover{background-position: -120px -76px;}
#submenu #member-connection a:hover{background-position: -262px -76px;}

/* @end */

/* @group SERVICE TIMES */
#service-times		{ 
					  padding:5px 78px 0 10px; width:585px; height:33px; background:url(/images/topbar_bg.jpg) no-repeat right top; 
					  position:absolute; right:-80px; top:0; 
					}
#service-times p	{ font-size:13px; color:#fff; margin:0; padding:0; text-align:right; position:relative; top: -12px;}
#service-times img	{ border:none; position:relative; top:10px; margin-left: 10px; }
/* @end */

/* @group NAVIGATION */
#nav, #nav *		{ margin:0; padding:0; list-style:none;  }
#nav				{ position:absolute; top:173px; left: 0; height:39px; width: 965px;margin-left: 5px;}
#nav li				{ float: left; background: url(/images/bg_nav_li.png) no-repeat right 3px; padding: 0 5px;}
#nav li.last {
   background: none;
}
#nav li a			{
					  display:block; padding: 0 20px; float: left;
					  color: #ccc4a9;
					  text-transform: uppercase;
					  text-decoration: none;					  
					}

#nav li a:hover,
#nav li.current a{
   color: #fffffe;
}

#nav li ul			{ position:absolute; left:-999em; padding:9px 0; width:180px; background:#353b1f; margin-left: -6px; }
#nav li:hover ul	{ left:auto; }
#nav li li			{ display:block; float:none; color: #e9dbbf; padding:0; }
#nav li li a		{ line-height:20px; padding:5px 8px; font-size:12px; color: #e9dbbf; width: 145px;}
#nav li li a:hover	{ background:#5c6831; }

#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 140px;}

				
/* @end */

/* @group TOP CONTENT */
#topcontent			{ 
					  display:block; width:965px; margin:0; background: url(/images/bg_topcontent.jpg) no-repeat left bottom;
					  position:relative;
					  height: 1%;
					}
#sub_banner			{ 
					  display:block; width:935px; height:321px; background:url(/images/sub_banner_bg.png) no-repeat; padding:24px 0 0 24px; 
					  margin-bottom:-17px;
					}
/* @end */

/* @group SUBNAV */

#sidebar #subnav{
   padding: 0;
   margin-bottom: 30px;
}

#sidebar #subnav li{
   display: none;
}

#sidebar #subnav li.current,
#sidebar #subnav li.current li{
   display: block;
}

#sidebar #subnav li ul{
   margin: 0;
   padding: 10px 0 0;
}

#sidebar #subnav li a{
   display: block;
   font-size: 1.6em;
   font-weight: bold;
   color: #4b3b2d;
   background: url(/images/bg_subnav_li_a.gif) no-repeat 17px bottom;
   padding: 0 26px 9px;
}

#sidebar #subnav li a:hover{
   text-decoration: none;
}

#sidebar #subnav li li{
   padding: 0;
   margin: 0;
}

#sidebar #subnav li li a{
   font-size: 1.2em;
   color: #4d473c;
   background: url(/images/bg_subnav_li_li_a.gif) repeat-x 0 bottom;
   padding: 11px 26px;
}

#sidebar #subnav li li a:hover{
   background: #E2DFCE;
   text-decoration: none;
}

#sidebar #subnav li li.current a{
   background: #F7F3E7 url(/images/bg_subnav_li_li_current_a.gif) no-repeat 9px 14px;
}

/* @end */

/* @group HEADER IMAGE */

#header-image{
   height: 319px; /* 353 with padding */
   background: url(/images/bg_sub_header.png) no-repeat;
   padding: 34px 27px 10px 24px;
   margin-top: -10px;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

#subheader-left{
   width: 39px;
   height: 349px;
   position: absolute;
   background: url(/images/bg_sub_header_left.jpg);
   top: 2px;
   left: -39px;
}

#subheader-right{
   width: 65px;
   height: 349px;
   position: absolute;
   background: url(/images/bg_sub_header_right.jpg);
   top: 3px;
   right: -58px;
}

/* @end  */

/* @group CONTENT */
#content-wrap		{ background:url(/images/content_wrap_bg.gif) repeat-y; }
#content			{ background:url(/images/content_bg.gif) no-repeat; min-height: 485px;}

#main				{ float:left; padding:30px 48px 30px 32px; width:601px;}
#main h2			{ font:normal 22px georgia, times, serif; color:#34332f;margin: 0px; }
#main h3,			
#main h4,
#main h5,
#main h6			{font-size: 1.5em;}

#main p,
#main li,
#main td			{ font-size:1.2em; color:#5a5853; line-height:1.5em; }
#main p				{ margin-bottom:1.5em; }

#main li *,
#main td *			{ font-size: 1em; }

#main a				{ color:#a57c0e; text-decoration:none; }
#main a:hover		{ text-decoration:underline; }

img.left-align		{ float:left; margin:10px 10px 10px 0; position:relative; left:-5px; }
img.right-align		{ float:right; margin:10px 0 10px 10px; position:relative; right:-10px; }
/* @end */

/* @group SIDEBAR */
#sidebar			{ float:left; width:276px; padding:18px 0 100px; }
#sidebar h3			{ background:#dddbd1; }
#sidebar label		{ display:block; clear:both; width:232px; padding:5px 0 5px 10px; }
#sidebar label span	{ float:left; margin-top:4px;}
#sidebar select		{ float:right; width:157px; }
#sidebar img		{ border:none; }
#sidebar ul{
   margin: 0 0 20px;
   padding-left: 14px;
}
#sidebar ul li{
   margin-bottom: 10px;
   list-style: none;
}
#sidebar ul li a{
   color: #4b3b2d;
   font-size: 1.2em;
   text-decoration: none;
}

#sidebar ul li a:hover{
   text-decoration: underline;
}

#sidebar-sermon{
   background: #f8f3e8;
   border: 1px solid #dad3ba;
   margin: 0 15px 20px 17px;
   padding: 18px 17px;
   width: 210px;
   float: left;
}

#sidebar-sermon h5{
   margin: 0 0 14px;
   height: 7px;
   background: url(/images/bg_sidebar_sermon_h5.gif) no-repeat;
   text-indent: -9999px;
}

#sidebar-sermon h4{
   font-size: 1.4em;
   margin: 0;
}

#sidebar-sermon h4 a{
   color: #7e4935;
   text-decoration: none;
}

#sidebar-sermon h4 a:hover{
   text-decoration: underline;
}

#sidebar-sermon ul{
   width: 141px;
   height: 31px;
   background: url(/images/bg_sidebar_sermon_buttons.gif) no-repeat 0 -31px;
   padding: 0;
   float: left;
   margin: 0;
   display: inline;
   margin-right: 5px;
}

#sidebar-sermon li{
   float: left;
}

#sidebar-sermon li a{
   display: block;
   text-indent: -9999px;
   height: 28px;
   background: url(/images/bg_sidebar_sermon_buttons.gif);
}

#sidebar-sermon li a.play{
   width: 75px;
   background-position: 0 0;
}

#sidebar-sermon li a.download{
   width: 31px;
   background-position: -75px 0;
}

#sidebar-sermon li a.notes{
   width: 32px;
   background-position: -106px 0;
}

#sidebar-sermon p{
   float: left;
   display: inline;
   font-size: 1.1em;
   margin: 8px 0 0;
}

#sidebar-sermon p.sermon-meta{
   margin: 8px 0 ;
   color: #8f8f7d;
}

#sidebar-sermon p a{
   color: #849547;
}

#sidebar-sermon p a:hover{
   text-decoration: none;
}

/* @end */

/* @group UP NEXT */
#up-next					{ position:relative; }
#sidebar #up-next-meta{
   width: 231px;
   float: left;
   padding: 11px 12px;
   background: #dddbd1;
   margin-bottom: 14px;
   position: relative;
}
#sidebar #up-next h3					{ width: 110px; height: 10px; background: url(/images/bg_sidebar_upnext_h3.gif) no-repeat; text-indent: -9999px; padding: 0; margin: 0;display: block; float: left;}
#all-events					{ 
					  		  position:absolute; top:0px; right:0px; z-index:1000; cursor:pointer; font-size:10px; color:#948f83; 
					  		  text-decoration:none;padding: 9px; 
					  		}
#all-events:hover			{ text-decoration:none; background-color: #fff; padding: 9px;}
#sidebar .event				{ padding:10px 12px 0; margin: 0 -12px; clear: left; }
#sidebar .event h4			{ font-size:1.4em; font-weight:normal; margin:0 0 2px 14px; }
#sidebar .event h4 a		{ color:#21323d; text-decoration:none; }
#sidebar .event h4 a:hover	{ text-decoration:underline; }
#sidebar .event p			{ 
					  		  font-size:1.1em; color:#99968e; padding: 1px 0 12px 14px; margin:0; 
					  		  background:url(/images/event_bg.gif) no-repeat left bottom; 
							}
#sidebar .event:hover		{ background:url(/images/event_hover_bg.gif) repeat-y; }
/* @end */

/* @group FOOTER */
#footer				{ clear:both; padding-bottom:100px; position:relative; left:-3px; top: 1px;}
#footer-inner		{ width:959px; margin:0 auto; position: relative;}
#footer ul			{ margin:0; padding:0; list-style:none; height:41px;padding-left: 10px; background: #1B1611;}
#footer li			{ display:inline; float:left; background:url(/images/footer_li.gif) no-repeat left center; padding-top: 1px; }
#footer li.first{
   background: none;
}
#footer li a		{ display:block; float:left; font-size:11px; color:#7c7569; text-decoration:none; padding:0 16px; line-height:40px; }
#footer li a:hover	{ text-decoration:underline; color:#d4b45f; }

.address			{ float:left; padding:10px 0 0 18px; }
.address p			{ font-size:11px; color:#947e6b; margin:4px 0 6px; line-height: 1.5;}

.cpm				{ float:right; padding:6px 18px 0 0; }
.cpm p#footer-utility				{ text-align:right; margin:0 0 4px; font-size:11px; color:#a39d89;margin:0 0 6px; clear: right;}
.cpm a				{ color:#947e6b; text-decoration:none; }
.cpm p#powered{
   text-align: left;
   float: right;
}
.cpm p#powered a{
   display: block; background: url(/images/bg_footer_powered.gif); width: 147px; height: 21px; text-indent:-9999px; text-align: left;
}
.cpm a:hover{ text-decoration:underline; }

#right-paper		{ 
					  display:block; width:61px; height:340px; background:url(/images/right_paper_bg.png) no-repeat; 
					  position:absolute; right:-55px; top:20px; 
					}
#left-paper			{ 
					  display:block; width:38px; height:328px; background:url(/images/left_edge_bg.jpg) no-repeat; position:absolute; top:240px; 
					  left:-13px; 
					}
#search{
   position: absolute;
   top: 5px;
   right: 14px;
   width: 266px;
}
#searchForm,
#searchForm fieldset	{ margin:0; padding:0; border:0; }
#searchForm				{ width:266px; height:36px; background:url(/images/search_bg.gif) no-repeat;}
#searchForm input			{ 
						  border:0; padding:4px; width:203px; height:15px;position:relative; margin:3px 0 0 12px; float:left; font-size:12px; 
						  color:#b8ae8e; background:none; text-transform:capitalize;
						}
#searchForm a			{ display:block; width:42px; height:28px; float:left; margin:0; text-indent:-999em; }

ul#feed-links{
   clear: both;
   background: none;
}	

ul#feed-links li{
   background: none;
   display: inline;
   margin-right: -4px;
   margin-top: 3px;
   margin-left: 8px;
}

ul#feed-links li a{
   padding: 5px 8px 5px 28px;
   background: #362c24;
   color: #b6a998;
   line-height: 1.5;
   display: block;
}	

ul#feed-links li#rss-feeds a{
   background: #362c24 url(/images/bg_footer_rss-feeds.gif) no-repeat 7px 6px;
}

ul#feed-links li#podcast a{
   background: #362c24 url(/images/bg_footer_podcasts.gif) no-repeat 9px 6px;
}	

ul#feed-links li#facebook a{
   background: #362c24 url(/images/bg_footer_facebook.gif) no-repeat 7px 5px;
}	

	
/* @end */

/* @group FORMS */
fieldset			{ border:0; }
input:focus			{ outline:none;}
/* @end */
