/* @override http://centerpointechristian.cpmpreview1.com/css/styles.css */
/*=====
SITE: Centrepoint Church
FILE: styles.css
CREATED: 5/6/2008
MODIFIED: 5/8/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBALS */
*					{ margin:0; padding:0; line-height:1; }
body				{ 
					  background:#968f7c url(/images/body_bg.jpg) repeat-x center top; font-size:62.5%; font-family:helvetica, arial, verdana, sans-serif; 
					  margin:0; padding:0; color:#cfcdb4;
					}
#outer-container	{ 
					  background:url(/images/outer_container_bg.jpg) no-repeat center top; padding-top:22px; 
					  min-height:790px; 
					  height:auto !important;
					  height:790px; 
					}
#container			{ margin:0 auto; width:757px; position:relative; z-index:1;  }
#mainContent		{ 
					  background:url(/images/maincontent_bg.gif) repeat-y -1px top; width:757px; padding-top:7px; padding-bottom:40px; 
					  position:relative; z-index:100; 
					}
#home #mainContent	{ padding-bottom:0; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

#ornament-left		{ 
					  display:block; background:url(/images/ornament_left.png) no-repeat; width:249px; height:302px; 
					  position:absolute; left:-45px; bottom:54px; z-index:1;
					}
#ornament-right		{ 
					  display:block; background:url(/images/ornament_right.png) no-repeat; width:60px; height:236px; 
					  position:absolute; top:15px; right:-52px; z-index:101;
					}
.clearfix:after 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block;}

/* @end */


/* @group HEADER */
#header				{ 
					  position:relative; z-index:1000; width:757px; height:120px; 
					  background:url(/images/header_bg.gif) no-repeat; 
					}
#header h1, 
#header h1 a		{ display:block; width:265px; height:69px; margin:0; padding:0; }
#header h1 			{ background:url(/images/logo.gif) no-repeat; text-indent:-999em; position:absolute; top:31px; left:23px;}
#header a:focus		{ outline:none; }
#header form		{ margin:0; padding:0; width:144px; position:absolute; top:54px; right:20px;}
#header fieldset	{ margin:0; padding:0; border:0; }
#header label		{ display:block; font-size:1.2em; color:#72727f; margin-bottom:7px; }
#header input		{ width:111px; height:13px; border:0; background:#fdfdfc; padding:3px; float:left; }
#header form a		{ display:block; width:23px; height:19px; background:url(/images/search_btn.gif) no-repeat; float:right; text-indent:-999em; }
#skip				{ position:absolute; top:-999em; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;} 
#nav				{ width:228px; position:relative; left:-1px; }
#nav li 			{ cursor:pointer;  }
/*
#sermons li#nav_home a,
#events li#nav_home a,
#articles li#nav_home a,
*/
#nav li a 			{ 
					  display:block; padding:2px 16px 0; line-height:45px; width:194px; background:#36363c; text-decoration:none; 
					  font-family:helvetica, arial, verdana, sans-serif; color:#fdfdfc; font-size:18px; text-align:right; 
					  margin-bottom:4px;
					}
/*
#sermons li#nav_home a:hover,
#events li#nav_home a:hover,
#articles li#nav_home a:hover,					
*/
#nav li.current a,
#nav li:hover a,
#nav li a:hover		{ background:#6d8fad url(/images/nav_a_hover.gif) no-repeat 14px 6px;  }
#nav li ul 			{ display:none; } 

#nav li.current li a,
#nav li:hover li a	{ line-height:28px; color:#cfcdb4; background:#18191c; font-size:14px; margin-bottom:2px; }

#nav li li a:hover	{ background:#36363c; }

#nav li.current ul	{ margin:0; display:block; margin-bottom:4px; }
#nav li:hover ul li:hover ul 
					{ margin:-28px 0 0 140px;}
					
/* @end */

/* @group BANNER */
#banner				{ 
					  display:block; width:487px; height:155px; background:url(/mediafiles/subpage-header.jpg) no-repeat; 
					  margin-bottom:25px; position:relative; left:-10px;
					}
/* @end */


/* @group PRIMARY CONTENT */
#primaryContent				{ 
							  float:right; position:relative; width:477px; margin-right:20px; padding-left:10px;
							  background:url(/images/striped_underline.gif) repeat-x left 205px; 						  
							}
#primaryContent a			{ text-decoration:underline; color:#fff; }
#primaryContent a:hover		{ text-decoration: none; }
#primaryContent p,
#primaryContent li,
#primaryContent td			{ font-size:1.3em; line-height:1.9em; margin-bottom:1em; color:#cfcdb4; }

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

#primaryContent ul,
#primaryContent ol			{ margin:1em; padding-left:2em; }

h2, h3, h4, h5, h6			{ margin-bottom:1em; color:#fff; font-family:"Gill Sans", helvetica, arial, sans-serif; }
h2							{ 
							  font-size:2em; font-weight:normal; color:#fff; margin:0 0 1em; font-family:"Gill Sans", arial, verdana, sans-serif; 
							  text-transform:lowercase; 
							}
h3							{ font-size:1.6em; }
#primaryContent h4			{ font-size:1.5em; font-weight:normal; }
.article h4					{ margin-bottom:8px; }
#primaryContent h5			{ font-size:1.4em; }
#primaryContent h6			{ font-size:1.3em; }
#primaryContent h4#current	{ clear:both; }

img.left-align				{ float:left; margin:10px 10px 10px 0; }
img.right-align				{ float:right; margin:10px 0 10px 10px; }
img.no-border, 
img.mcms_stats				{ border:0; }

#primaryContent .article p	{ margin-top:8px; }
#primaryContent p.date		{ margin:0; }

/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent		{ float:left; position:relative; margin-left:17px; width:225px; }

#message				{ width:225px; padding:0; position:relative; margin:37px 0 0 4px; background:url(/images/striped_underline.gif) repeat-x left 28px; }
#message a.play			{ 
						  display:block; width:66px; height:19px; background:url(/images/listen_btn.gif) no-repeat; text-indent:-999em;
						  position:absolute; top:0px; right:-1px;
						} 
#home a.play			{ top:-2px; }
a.play:focus			{ outline:none; }
#message p				{ font-size:1.1em; color:#a39d88; line-height:1.3em; }
#message p.date			{ font-size:1em; color:#a39d88; margin:0; text-transform:uppercase; }
#message h3				{ font:normal 1.6em "Gill Sans", verdana, sans-serif; color:#fff; text-transform:lowercase; position:relative; top:-2px;}
#message h4				{ font-size:1.3em; font-weight:normal; margin:3px 0 14px; font-family:helvetica, arial, sans-serif;}
#message h4 a			{ color:#fff; text-decoration:none;  }
#message h4 a:hover		{ text-decoration:underline; }
/* @end */


/* @group FOOTER */
#footer					{ position:relative; top:-2px; padding:40px 20px 20px; background:url(/images/footer_bg.png) no-repeat left top; height:50px; z-index:10; }
#footer p				{ text-align:right; color:#242529; margin-bottom:2px; }
#footer a				{ color:#242529; }
#footer a:hover			{ text-decoration:none; } 
/* @end */

/* @group SERMONS */
.sermonbox							{ position:relative; padding:10px 0 15px; background:url(/images/striped_underline.gif) repeat-x left top;}
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }
#primaryContent .sermonlist h4		{ clear:both; }
#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
#primaryContent .sermonbox p		{ margin:0;}


.sermonbox ul						{ position:absolute; top:15px; right:10px; margin:0; padding:0; list-style: none;}
.sermonbox li						{ float:left; display:inline; margin-right:5px; }
.sermonbox li a						{ display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li.sl_listen a			{ background:url(/images/play_icon.gif) no-repeat; }
.sermonbox li.sl_download a			{ background:url(/images/download_icon.gif) no-repeat; }
.sermonbox li.sl_notes a			{ background:url(/images/notes_icon.gif) no-repeat; }
.sermonbox li.sl_video a			{ background:url(/images/video_icon.gif) no-repeat; }
.sermonbox li a:focus				{ outline:none; }

	/* @group MEDIA BOX */
	#text							{ float:left; width:325px; margin-top:2em; }
	ul#byline						{ margin:10px 0 0; padding:0; list-style:none; width:200px; float:left;}
	#byline li						{ line-height:1; }
	ul#mediabox						{ float:right; padding:10px; margin:0; list-style:none; background:#18191c; }
	#mediabox li 					{ padding:2px 0 2px 20px; line-height:1; }
	#mediabox li#mb_links			{ background:#6d8fad; color:#fff; margin:-10px -10px 10px -10px; padding:10px; }
	#mediabox li#mb_jukebox			{ background:url(/images/play_icon.gif) no-repeat left center; }
	#mediabox li#mb_download		{ background:url(/images/download_icon.gif) no-repeat left center; }
	#mediabox li#mb_notes			{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#mediabox li#mb_video			{ background:url(/images/video_icon.gif) no-repeat left center; }
	#mediabox li#mb_podcast			{ background:url(/images/feed_icon.gif) no-repeat left center; }
	#text							{ margin-right:10px;}
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ height:15px; background:#18191c; padding:6px 10px 12px; }
	#how-it-works ul			{ margin:0; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; float:left; display:inline; margin-right:10px; }
	li#loading					{ display:none; background:url(/images/ajax-loader.gif) no-repeat; }
	#how-it-works li#how		{ padding-left:0; padding-right:20px; }
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat left center; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat left center; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat left center; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin-top:37px; background:url(/images/striped_underline.gif) repeat-x left 28px; }
	#sorting h3					{ margin-bottom:30px; font-weight:normal; }
	#sorting label				{ display:block; font-size:1.3em; color:#9a9084; margin-bottom:5px; }
	#sorting select				{ width:200px; margin-bottom:10px; }
	#sorting a					{ 
								  display:block; background:url(/images/all_messages_btn.gif) no-repeat; 
								  width:102px; height:18px; text-indent:-999em; margin-top:15px;
								}
	#sorting a:focus			{ outline:none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border:0; border-collapse: collapse; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #FCFDFE; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background: #6d8fad; color: #fcfdfe; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #18191c; border-left: 0;
											  border-top: 0; background: #36363c; color: #fff; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: none; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#primaryContent table.calendar td li		{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#primaryContent table.calendar td li a		{ text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */