/* @override 
	http://hopecommunitychurch.cpmpreview.com/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:#d7d3c1 url(/images/body_bg.jpg)  repeat-x center top; 
						  font-family:"Lucida Grande", helvetica, arial, verdana, sans-serif; color:#51504d; margin:0; padding:0; min-width: 962px;
						}
#outer-container		{ background:url(/images/sub_outer_container_bg2.jpg) no-repeat center top; }
#container				{ width:962px; margin:0 auto; 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:175px; margin:0 auto; position:relative; 
						  background:url(/images/sub_header_bg.gif) no-repeat left bottom; 
						}
#header h1,
#header h1 a			{ display:block; width:307px; height:63px; }
#header h1				{ 
						  background:url(/images/logo.png) no-repeat; margin:0; padding:0; position:absolute; left:20px; top:15px; 
						  text-indent:-999em; 
						}

#header h1 a:focus		{ outline:none; }
/* @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,
#contact-form p,
#contact-form li		{ font-size:1.3em; color:#f4f2e9; margin:5px 0 1em; }
#contact-form p,
#contact-form li		{ font-size:11px; }

#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 p {margin: 0; padding: 0;}
#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;}

#searchForm,
#searchForm fieldset	{ margin:0; padding:0; border:0; }
#searchForm				{ width:204px; height:36px; background:url(/images/search_bg.gif) no-repeat; position:absolute; top:139px; right:5px; }
#searchForm input			{ 
						  border:0; padding:4px; width:145px; height:15px;position:relative; margin:5px 0 0 12px; float:left; font-size:12px; 
						  color:#b9b4a3; background:none; text-transform:capitalize;
						}
#searchForm a			{ display:block; width:25px; height:25px; float:left; margin:5px 0 0; padding-left: 10px; text-indent:-999em; }
/* @end */

/* @group SERVICE TIMES */
#service-times		{ 
					  display:block; padding:0 55px 0 50px; width:572px; height:29px; background:url(/images/topbar_bg.jpg) no-repeat left top; 
					  position:absolute; right:-40px; top:0; 
					}
#service-times p	{ font-size:11px; color:#f1ede0; margin:0; padding:0; text-align:right; position:relative; top:-3px;}
#service-times p a{
   color: #f1ede0;
}
#service-times img	{ border:none; position:relative; top:7px; left:13px; }
/* @end */

/* @group NAVIGATION */
#nav, #nav *		{ margin:0; padding:0; list-style:none; }
#nav				{ position:absolute; top:139px; height:39px; padding-left:15px;}
#nav li				{ float: left; position: relative; }
#nav li a			{
					  display:block; font-size:1.2em; color:#b9b4a3; text-transform:uppercase; padding:0 23px; 
					  line-height:36px; text-decoration:none;
					}
#nav li:hover a		{ background:#120b05; color: #e7e4d8; }
#nav li.current a	{ 
					  background:url(/images/current_nav.gif) repeat-x 0 0; color:#271a0d; margin-top:-4px; padding-top: 2px;line-height: 40px; font-weight: bold;
					}
#nav li.current:hover li a{
   background:#120b05; color: #271a0d; font-weight: normal; margin: 0;
}					
#nav li ul 					{ position:absolute; left:-5000px; z-index:1001; width:180px; background:#120b05; padding:10px; }
#nav li.current ul{
   background: #D7D3C0; border: 1px solid #C3BDA1; border-top: none; margin-left: -1px;
}
#nav li li					{ margin:0; }
#nav li:hover li a,
#nav li.current:hover li a			{ line-height:20px; padding:5px 10px; text-transform:none; width:160px; background:none; }
#nav li li a:hover, #nav li.current li a:hover			{ background:#34281A; color:#fff; }

#nav li:hover ul 			{ left:auto;} 
#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; top: 36px;}
#nav li:hover ul li:hover ul{ margin:-32px 0 0 180px;}

					
/* @end */

/* @group TOP CONTENT */
#topcontent			{ 
					  display:block; width:960px; margin:21px 0 0; background: url(/images/subnav_bg.gif) 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 */
#subnav, #subnav *		{ margin:0; padding:0; list-style:none; }
#subnav					{ margin:0; padding:0 0 0 43px; list-style:none; height:42px; width:916px; position: relative; z-index: 100;}
#subnav li				{ display:inline; float:left; }
#subnav li.current a	{ 
						  font-size:12px; font-weight:bold; color:#bbdcf3; text-decoration:none; float:left; padding-right:13px; 
						  background:url(/images/subnav_current.gif) no-repeat right center; line-height:42px;
						}
#subnav li ul			{ float:left;padding-left: 0px; }
#subnav li.current li a	{ font-weight:normal; color:#fff; padding:0 10px; background:none; }
#subnav li li a:hover	{ text-decoration:none; color:#bbdcf3;}
#subnav li li.current a	{ color:#bbdcf3; font-weight:bold; } 
/* @end */

/* @group HEADER IMAGE */

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

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

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

/* @end  */

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

#main				{ float:left; padding:30px 48px 30px 32px; width:599px;}
#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 li p			{ margin-bottom: 0px; }
#main p				{ margin-bottom:2.5em; }

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

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

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

/* @group SIDEBAR */
#sidebar			{ float:left; width:255px; padding:18px 12px 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-bottom: 20px;
}
#sidebar ul li{
   margin-bottom: 10px;
}
#sidebar ul li a{
   color: #a72614;
   font-size: 1.2em;
   text-decoration: none;
}

#sidebar ul li a:hover{
   text-decoration: underline;
}
/* @end */

/* @group SUBNAV */
h4.current 			{ font-size:1.2em; text-transform:uppercase; line-height:28px; padding:0 18px; background:#dddbd1; margin-top:0; }
h4.current a		{ color:#5a5853; text-decoration:none; }

#third-level		{ margin:0; padding:0 0 0 18px; list-style:none; }
#third-level li		{ margin-bottom:5px; }
#third-level li a	{ font-size:1.2em; color:#5a5853; line-height:30px; text-decoration:none; display:block; }
#third-level a:hover{ text-decoration:underline; }
#third-level li.current a	{ background:#fff; color:#a72614; position:relative; left:-12px; padding-left:12px; margin-right:-24px;}
/* @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: 113px; 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:150px; position:relative; left:-3px;}
#footer-inner		{ width:959px; margin:0 auto; background:url(/images/footer_bg.gif) no-repeat; }
#footer ul			{ margin:0; padding:0; list-style:none; height:50px;padding-left: 10px;}
#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:#5d554b; }

.address			{ float:left; padding:10px 0 0 18px; }
.address p			{ font-size:11px; color:#7c7569; margin:0 0 6px; }

.cpm				{ float:right; padding:10px 18px 0 0; }
.cpm p				{ text-align:right; margin:0 0 4px; font-size:11px; color:#7c7569;margin:0 0 6px; }
.cpm a				{ color:#5d554b; text-decoration:none; }
.cpm a:hover,
.cpm a.external		{ text-decoration:underline; }
.cpm a.external:hover{ text-decoration:none; }

#right-paper		{ 
					  display:block; width:70px; height:346px; background:url(/images/right_paper_bg.jpg) no-repeat; 
					  position:absolute; right:-67px; top:0px; 
					}
#left-paper			{ 
					  display:block; width:38px; height:328px; background:url(/images/left_edge_bg.jpg) no-repeat; position:absolute; top:0; 
					  left:-38px; 
					}
/* @end */

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


.donate-div {
	margin: 10px 0 10px 200px;
}

#comment-status {
	background: #eee;
	padding: 10px !important;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	margin: 20px 0;
}

#comment-status p {
	margin: 0;
	padding: 0;
}