/* @override 
	http://newworldunitedmethodist.cpmpreview1.com/css/styles.css
	http://www.thenewworldchurch.org/css/styles.css
*/

/*=====
SITE: New World Church
FILE: styles.css
CREATED: 10/30/2007
MODIFIED:10/31/2007
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
III. 	HEADER
IV.		NAVIGATION
V.		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VII. 	FOOTER
VIII.	CALENDAR
IX.		SERMON SECTION
X.		FORMS
XI.		TABLES
XII.	MISCELLANEOUS

=====*/


/* @group GLOBALS */
* { margin: 0; padding: 0; line-height: 1; }
body{ background:#000 url(/images/bg_body.jpg) repeat-x; font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 62.5%; }
hr{ display: none; }
#skip{ position: absolute; text-indent: -9999px; list-style: none; }
#container{ width: 771px; margin: 35px auto 0; }
a { overflow: hidden; }
/* @end */

/* @group HEADER */

#header						{ 
				  			  position: relative; float: left; width: 752px; margin-top: 25px; border: 8px solid #FFF; 
				  			  border-bottom: 0; background: url(/images/bg_header.jpg) no-repeat;
							}
#header h1					{ 
				  			  display: inline; float: left; width: 262px; height: 82px; margin: 4px 0 0 13px; 
				  			  background: url(/images/bg_h1.gif) no-repeat; text-indent: -9999px; 
							}
#header h1 a				{ display: block; width: 262px; height: 82px; }
#header #service-times		{ position: absolute; top: 12px; right: 15px; }
#header #service-times p	{ color: #FFF; font-size: 1.2em; }
#header #service-times img	{ border: 0; vertical-align: middle; }

/* @end */

/* @group NAVIGATION */
#nav					{ display: inline;  float: right; margin: 15px 8px 0 0; list-style: none;  }
#nav li					{ float: left; margin-right: 4px; font-size: 1.2em; text-transform: uppercase; }
#nav li a				{ display: block; padding: 7px 8px 6px; background: #15161C; color: #FFF; text-decoration: none;}
#nav li a:hover,
#nav li.current a 		{ background: #d4d4d4 url(/images/bg_nav_li_a.gif) repeat-x left bottom; color: #15161C; }
#nav li.current li a	{ background:#d4d4d4; }
#nav li ul				{ 
						  position: absolute; left: -999em; z-index: 999; width: 148px; border: 5px solid #D4D4D4;
						  list-style: none; line-height: 1;
						}
#nav li li				{ margin: 0; font-size: 1.0833em; text-transform: none; }
#nav li ul ul			{ margin: -28px 0 0 148px; }
#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 li li			{ font-size: 1em; }
#nav li li a			{ width: 140px; padding: 5px 4px; color: #15161C; background: #D4D4D4; }
#nav li li a:hover		{ background: #FFF; color: #15161c; }
/* @end */

/* @group Container-Inner */

#container-inner		{ 
						  float: left; width: 752px; border: 8px solid #FFF; border-top: 0;  
						  background: url(/images/bg_container-inner.jpg) repeat-y;   
						}
#container-inner img#home_header,
#container-inner img#sub_header
						{ 
						  clear: both; display: block; margin: 0 auto 4px; padding: 5px;
						  /*background: url(/images/bg_sub_header.jpg) no-repeat center center;*/
						}
#banner			{ 
				  display:block; clear:both; margin:0 auto; width:723px; height:103px; border:8px solid #696f74; 
				  background:url(/mediafiles/subpage-banner.jpg) no-repeat;
				}
#home #banner	{ background:#282C2F; width:721px; height:255px; }
/* @end */

/* @group Content */

#content-wrap{ 
   display: inline; float: left; width: 736px; margin: 6px 8px 0; padding-top: 20px;
   background: url(/images/bg_content-wrap.gif) repeat-y;
}
body#home #content-wrap{ padding-top: 10px; background: none; border: 0; margin-top:0; }

#content 			{ display: inline; float: right; width: 491px; margin: 0 16px; color: #FEFEFC;}
body#home #content	{ float: left; width: auto; margin: 0 0 10px 3px; }
#content h3			{ 
					  margin-bottom: .5em; padding-bottom: 12px; color: #fff; font-size: 1.7em; 
					  font-weight: normal; font-family:Georgia, "Times New Roman", serif;
					  background:url(/images/heading_bg.gif) no-repeat left bottom;
					}

#content h4  	{ margin-bottom: 1em; color: #6bbbee; font-size: 1.3em; font-weight: normal; } 
#content h5		{ 
				  margin-bottom: 1em; color: #e7740e; font-size: 1.3em; font-weight: normal;   
				  font-family: Georgia, Times, "Times New Roman", serif; 
				}
#content h6		{ margin-bottom: 1em; color: #e774k0e; font-size: 1.2em; font-weight: normal; }
#content p,
#content ul,
#content ol,
#content td {
   margin-bottom: 1em;
   color: #Fff;
   font-size: 1.1em;
   line-height: 1.5;
}

#content ul, #content ol	{ margin-left: 3em; }
#content ul#byline			{ 
							  display:inline; float:left; margin:0 0 20px; font-size: 1.1em; list-style: none; 
							  width:340px; border-bottom:1px solid #14151b;
							}
#content ul#byline li 		{ float:left; display:inline; margin-right:10px;  }
#content li					{ line-height: 1.5; }
#content hr					{ display: block; margin-bottom: 1em; }
#content a					{ color: #b5f65d; }
#content a:hover			{ text-decoration: none; }
#content img				{ float: left; margin: 0 10px 5px 0; border:0; }
#content img#mcms_stats		{ display: none; }

	/* @group WELCOME */
	body#home #content div#welcome		{ float: left; width:220px; padding: 0 15px 0 2px; }
	body#home #content div#welcome h3,
	#upcoming-events h3,
	#recent-sermons h3 					{ 
										  background: url(/images/welcome_bg.gif) no-repeat left bottom; 
										  padding-bottom:15px; font-weight:normal; margin-top:4px;		
										}
	#home #welcome p b					{ font-weight: normal; }
	#home #welcome h4{
   clear: left;
}
	/* @end */
	
	/* @group UPCOMING EVENTS -----*/ 
	#home #upcoming-events				{ float: left; width: 230px; padding: 0 15px; }
	#home #upcoming-events div			{ margin-bottom:10px; padding: 0 0 5px;  }
	#home #upcoming-events h4 			{ margin-bottom:.5em; font-size:1.1em;}
	#home #upcoming-events h4 a			{ color: #fff; text-decoration:none;}	
	#home #upcoming-events h4 a:hover 	{ text-decoration:underline; }
	#home #upcoming-events h4 span		{ font-size:10px; color:#a2db56; text-transform:uppercase; }
	#home #upcoming-events p 			{ font-size:1.1em; line-height: 1.2; color:#d1d2d3; }
	/* @end */
	
	/* @group RECENT SERMONS */
	#home #recent-sermons 				{ float:left; width:220px; padding:0 0 0 10px; line-height:1.5; }
	#home #recent-sermons h4 			{ 
										  margin-bottom:0; font-size:1.1em; text-transform:uppercase; 
										  color:#fff; width:60%;
										}	
	#home #recent-sermons div			{ position:relative; }
	#home #recent-sermons h4 a 			{ color:#fff; text-decoration:none; }
	#home #recent-sermons h4 a:hover	{ text-decoration:underline; }
	#home #recent-sermons p 			{ color:#b5f65d; font-size:1.1em; }
	#home #recent-sermons .sermonbox 	{ position:relative; margin-bottom:1em; }
	#home #recent-sermons .play a 		{  
										  position:absolute; top:0; right:10px; 
										  background:url(/images/play_bg.gif) no-repeat; text-indent:-9999px; width:57px; 
										  height:21px; cursor:pointer; 
										}
	#recent-sermons a.welcome-vid img	{ margin-right:-10px; margin-left:5px }
	#extras								{ margin:0 -10px 0 0; }
	#recent-sermons #extras img			{ margin-right:0; }	
	/* @end */
	
#content #text { clear: both; }

/* @end */

/* @group SERMONS */
#content .sermonbox{
   margin-bottom: 20px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content #mediabox{   
	float:right;  width:125px;
   padding: 10px 5px 5px; margin:-1.5em 0 0;
   background:#252731; border:1px solid #14151B;
   font-size: 1.1em;
   list-style: none;
}

#content #mediabox li{ font-weight: bold; margin:5px 0; }

#content #mediabox li a{
   display: block;
   height: 16px;
   padding:2px 0 2px 20px;
   background-repeat: no-repeat;
   background-position:0 2px;
}
#content #mediabox li#mb_links { margin:-10px -5px 10px; background:#14151b; padding:5px; font-size:1.2em;}
#content #mediabox li#mb_print a{
   background-image: url(/images/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(/images/mb_video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(/images/mb_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(/images/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(/images/mb_jukebox.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(/images/mb_podcast.gif);
}
/* @end */

	/*@group CALENDAR */
	#content table.calendar { 
		margin-bottom: 25px;  border: 1px solid #3A3E46; border-right: 0;
	   	border-bottom: 0; border-collapse: collapse;
	}	
	#content table.calendar caption{ padding:0; margin:0 0 20px; color: #FCFDFE; font-size: 1.4em; }	
	#content table.calendar caption span img { float:none; vertical-align:top; }
	#content table.calendar th{ padding: 6px 0; background: #959596; color: #15161C; 	   font-size: 1.3em; font-weight: normal; }
	#content table.calendar td{
	   width: 68px; height: 68px; padding: 2px; border: 1px solid #3A3E46;
	   border-left: 0; border-top: 0; background: #484D56; color: #FCFDFE;
	   font-size: 1em;  vertical-align: top;
	}
	#content table.calendar td.empty{  background: #484D56; }
	#content table.calendar td a{  color: #FCFDFE; text-decoration: none; 	}
	#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{ color: #FFF; text-decoration: underline; }
	#content table.calendar td li a:hover{ text-decoration: none; 	}
	/* @end */

/* @group BLOG */
#content .blog{
margin-left: 25px;
margin-right: 25px;
}

#content .blog{
margin-bottom: 20px;
}

#content .blog p.date{
clear: both;
color: #ffffff;
}

#content #comments{
clear: both;
/*width: 100%;*/
margin-top: 25px;
margin-right: 25px;
}

#content #comments h4{
clear: left;
margin-bottom: 10px;
padding: 5px 0;
width: 97%;
border-top: 1px solid #24252f;
border-bottom: 1px solid #24252f;
}

#content #comments p.comment-name{
margin-bottom: 5px;
padding: 0 3px;
background: #15161b;
font-size: 100%;
text-transform: uppercase;
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content #comments .comment{
float: left;
width: 90%;
margin-bottom: 10px;
padding: 5px;
background: #24252f;
/*border-bottom: 1px solid #F2F2F2;*/
}

#content #comments p.comment-thanks{
color: #E76522;
font-style: italic;
}

#content #comments p.comments-login{
clear: left;
padding: 5px 0;
/*border-bottom: 1px solid #F2F2F2;*/
}

#content #comments textarea{
   display: block;
   width: 95%;
   padding: 5px;
   font-size: 100%;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content #comments input#comment-submit{
   display: block;
   padding: 5px;
   border: 0;
   background: #a05004;
   color: #FFF;
   font-size: 100%;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: lowercase;
}

#content #comments div.comment-text{
   color: #F2F2F2;
   font-size: 90%;
   line-height: 1.5;
}

/* blog */

body#blog #content{
   position: relative;
}

#content p#subscribe{
   position: absolute;
   top: 0;
   right: 0;
}

#content p#subscribe a{
   display: block;
   padding: 3px 20px 3px 0;
   background: url(/images/bg_subscribe_blog.gif) no-repeat right center;
   color: #ABABAF;
   text-decoration: none;
}

body#blog #content h3{
   margin-bottom: 1em;
}

body#blog #content #detail h3{
   margin-bottom: .5em;
}

body#blog #content h4{
   margin-bottom: .25em;
}

body#blog #content h4 a{
   color: #FFF;
   text-decoration: none;
}

body#blog #content h4 a:hover{
   text-decoration: underline;
}

body#blog #content p.byline{
   margin-bottom: .75em;
   color: #FFF;
   font-size: 1.3em;
}

body#blog #content p.byline span.author{
   margin-left: 5px;
   color: #ABABAF;
   font-size: .8462em;
}

#content .post{
   float: left;
   width: 491px;
   margin-bottom: 25px;
}

#content .post p.content{
   margin-bottom: .5em;
   line-height: 1.25;
}

#content .post-foot{
   float: left;
   padding: 3px 10px;
   background: #2B2C38;
}

#content .post-foot p{
   margin: 0;
   color: #ABABAF;
   font-size: 1.1em;
}

#content .post-foot p.category{
   float: left;
}

#content .post-foot p.category a{
   color: #FFF;
}

#content .post-foot p.comments{
   float: right;
}

#content .post-foot p.comments a{
   display: block;
   padding: 3px 0 3px 22px;
   background: url(/images/bg_comments_blog.gif) no-repeat left center;
   color: #ABABAF;
   text-decoration: none;
}

#content .post-foot p.comments a:hover{
   text-decoration: underline;
}

#content #post-options{
   float: left;
   margin: -5px 0 10px;
   padding: 2px 10px;
   background: #2B2C38;
}

#content #post-options p{
   float: left;
   margin: 0;
   padding: 2px 0 2px 20px;
   background: url(/images/bg_email_blog.gif) no-repeat left center;
   color: #ABABAF;
   font-size: 1.1em;
}

#content #post-options a{
   color: #FFF;
}

#content #post-options p.comments{
   float: right;
   background-image: url(/images/bg_comments_blog.gif);
}

body#blog #content #comments{
   margin: 0;
}

body#blog #content #comments p.comments{
   padding: 4px 33px 5px;
   border-top: 1px solid #15161C;
   background: #22232C url(/images/bg_comments_blog.gif) no-repeat 11px center;
   color: #ABABAF;
   font-size: 1.1em;
}

body#blog #content #comments .comment{
   width: 491px;
   padding: 0;
}

body#blog #content .author-box{
   float: left;
   width: 491px;
   margin-bottom: 25px;
   background: #2A2B35;
}

body#blog #content #comments .comment h5,
body#blog #content .author-box h5{
   padding: 10px 14px;
   border-bottom: 1px solid #1F2028;
   background: #31323E;
   color: #87868E;
   font-size: 1.2em;
   font-weight: bold;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

body#blog #content .author-box h5{
   margin-bottom: .75em;
}

body#blog #content #comments .comment h5 span.commenter,
body#blog #content .author-box h5 span.author{
   padding-bottom: 2px;
   border-bottom: 1px dashed #64646C;
   color: #BCBCBD;
   font-size: 1.25em;
}

body#blog #content #comments .comment p,
body#blog #content .author-box p{
   margin: 0;
   margin: 0 14px 1em;
   color: #DCDCDE;
}

body#blog #content .author-box p{
   color: #FFF;
}

body#blog #content .author-box img{
   margin: 10px 9px 5px 11px;
   border: 2px solid #1A1B22;
}

body#blog #content #comments form{
   margin-bottom: 15px;
}

body#blog #content #comments label{
   display: block;
   margin-bottom: .5em;
   font-size: 1.4em;
   color: #DCDCDE;
}

body#blog #content #comments textarea{
   font-size: 1.2em;
}

#content #send_blog fieldset{
   border: 0;
}

#content #send_blog label{
   display: block;
   width: 200px;
   margin-bottom: .5em;
}

#content #send_blog input{
   display: block;
   width: 200px;
   padding: 2px;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   font-size: 12px;
}

#content #send_blog input.hidden{
   display: none;
}

#content #send_blog input#send{
   width: auto;
}

#content #send_blog textarea{
   width: 300px;
   height: 100px;
   padding: 4px;
   font-size: 12px;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

/* @end */

/* @group Sidebar */

#sidebar	{ display: inline; float: left; width: 187px; margin: 0 11px 25px; }
#sidebar h3	{ 
			  padding-bottom: 4px; color: #fff; font-size: 1.4em; font-family:Georgia, "Times New Roman", serif;
			  font-weight:normal;
			}
#sidebar a			{ color: #a5df56; }
#sidebar a:hover	{ text-decoration: none; }
#sidebar p			{ color:#acb2b7; font-size:1.1em; }

/* @group E-letter */
#sign-up h3			{ color:#a0a9b0; font-style:italic; font-weight:normal; }
#sign-up input		{ width:119px; font-size:1.1em; color:#43474b; padding:2px; border:0; height:15px; }
#sign-up #submit-btn{ width:51px; height:21px; padding:0; position:relative; top:5px; left:5px; }
/* @end */

#sidebar #blog-sidebar ul{
   margin-bottom: 20px;
}

#sidebar #blog-sidebar li{
   margin-bottom: .5em;
   font-size: 1.2em;
   list-style: none;
}

#sidebar #blog-sidebar a{
   color: #FFF;
}

#sidebar #blog-sidebar a:hover{
   color: #C26409;
   text-decoration: none;
}

#sidebar #blog-sidebar p { font-size:1.2em; line-height:1.5em; color:#fff; margin-bottom:1em; }
#blog #sidebar #blog-sidebar img, #sidebar #blog-sidebar img.bio { float:left; margin:0 5px 5px 0; border:4px solid #40424F; clear:left; }
#sidebar #blog-sidebar h4 { font-size:1.4em; font-weight:normal; margin-bottom:0; color:#A2C3E4;  }

/* @end */

/* @group Quicklinks */

#quicklinks{
   display: inline; 
   clear: both;
   float: left;
   width: 750px;
   height: 111px;
   margin: 0 8px;
   padding: 11px 1.5px 0;
   background: #282c2f;
}

#quicklinks li{
   display: inline; 
   float: left;
   margin: 0 5px;
   list-style: none;
}
#quicklinks a { display:block; border:8px solid #0c0c0c; width:224px; height:88px; overflow: hidden;}
#quicklinks a:hover { border:8px solid #5e6064; }
#quicklinks li#quick1 a { background:url(/mediafiles/quicklinks1.jpg) no-repeat; }
#quicklinks li#quick2 a { background:url(/mediafiles/quicklinks2.jpg) no-repeat; }
#quicklinks li#quick3 a { background: url(/mediafiles/quicklinks3.jpg) no-repeat; }
#quicklinks img{
   border: none;
}

/*#quicklinks a:hover{ border: 8px solid #4D5F71; }*/
/* @end */

/* @group Footer */

#footer{
   clear: both;
   padding: 10px 25px 25px;
}

#footer p{
   float: left;
   color: #FFF;
   font-size: 1.1em;
   font-weight: normal;
}

#footer p.powered{
   float: right;
   font-size: 1.1em;
   font-weight: normal;
}

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

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

/* @end */

/* @group Home Rotator */

#rotator
{
	overflow: hidden;
	margin: 0;
	position: relative;
    width:721px; 
    height:255px;
}

#rotator img
{
	border: 0;
	width: 721px;
	display:none; 
	position:absolute;
	top:0;
	left:0;
}

/* @end  */