/* @override http://commongroundcommunity.cpmpreview1.com/css/styles.css */
/*=====
SITE: Common Ground Community Church
FILE: styles.css
CREATED: 10/18/2007
MODIFIED: 11/14/2007
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADER
III.	NAVIGATION
IV.		PRIMARY CONTENT
V.	 	SECONDARY CONTENT
VI. 	FOOTER
VII.	CALENDAR
VIII.	SERMON SECTION
XI.		MISCELLANEOUS

=====*/

/* @group GLOBALS */
body				{ 
					  font-size:62.5%; font-family:"Lucida Grande", arial, verdana, sans-serif; margin:0; padding:0; 
					  background:#7e6c42;
					}
#outer-container		{ background:url(/images/outer_container_bg.jpg) no-repeat center top; padding-top:31px; min-height:100%; }
* html #outer-container	{ height:100%; }


#container			{ margin:0 auto; padding-bottom:95px; width:865px; }
#mainContent		{ background:url(/images/maincontent_bg.jpg) repeat-y; position:relative; }
#home #mainContent	{ padding-bottom:80px; }
.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 */

/* @end */

/* @group HEADER */
#header				{ position:relative; height:115px; background:url(/images/header_bg.jpg) no-repeat; }
#header h1, 
#header h1 a		{ display:block; width:199px; height:86px; }
#header h1			{ margin:0; text-indent:-999em; background:url(/images/logo.png) no-repeat; position:absolute; top:20px; left:37px;}

#skip				{ position:absolute; left:-999em; }

#service-times		{ position:absolute; top:21px; right:80px; }
#service-times p	{ float:left; margin-right:5px; font-size:1.2em; color:#d0c29e; position:relative; }
#service-times a	{ 
					  display:block; background:url(/images/map_btn.gif) no-repeat; width:43px; height:22px; text-indent:-999em; 
					  position:absolute; top:-3px; right:-45px; 
					}
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none; margin:0; padding:0; }
#nav				{ width:229px; border-bottom:5px solid #441d0a; display:block; }
#nav li 			{ cursor:pointer; float:left; }

#nav li a 			{ 
					  display:block; height:15px; text-decoration:none; padding:11px 0 10px 18px; font-size:1.2em; color:#efe7bb;
					  font-weight:bold; text-transform:uppercase; width:211px; 
					  background:url(/images/nav_a_bg.jpg) no-repeat left bottom;
					}
#nav li a:hover,
#nav li.current a,
#nav li:hover a		{ background-position:left top; color:#fffcea }

#nav li li a		{ line-height:19px; padding:5px; background:#1f3c53; width:140px; text-transform:capitalize; }
#nav li li a:hover	{ background:#2b4a62; }



#nav li ul 			{ position:absolute;left:-5000px; z-index:1001; width:140px; }

#nav li.hover ul,
#nav li:hover ul 	{ left:auto; margin-left:208px; margin-top:-39px;  }

#nav li:hover ul ul,
#nav li.hover ul ul,
#nav li:hover ul ul ul,
#nav li.hover ul ul ul,
#nav li:hover ul ul ul ul, 
#nav li.hover ul ul ul ul
					{ left:-5000px; margin-left:0; }
#nav li:hover ul, 
#nav li.hover ul,
#nav li li:hover ul, 
#nav li li.hover ul,
#nav li li li:hover ul, 
#nav li li li.hover ul,
#nav li li li li:hover ul,
#nav li li li li.hover ul
					{ left:auto;}
					
#nav li:hover ul li:hover ul,
#nav li.hover ul li.hover ul
					{ margin:-28px 0 0 140px;} 
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent			{ float:right; margin-right:23px; padding:25px 20px 20px; width:547px; }
#banner					{ 
					  	  display:block; background:url(/mediafiles/subpage-banner.jpg) no-repeat; width:587px; 
					  	  height:167px; position:relative; top:-74px; left:-20px; margin-bottom:-51px;
						}
#home #banner			{ background:url(/mediafiles/home-banner.jpg) no-repeat; height:287px; }
#primaryContent li,
#primaryContent p,
#secondaryContent p			{ font-size:1.1em; color:#281e15; line-height:1.5em; }
#primaryContent li p		{ font-size:11.67px; }
#primaryContent a			{ color:#741600 }
#primaryContent a:hover		{ text-decoration:none; }
#primaryContent .article h4	{ margin-bottom:0; }
#primaryContent .article p	{ margin:0 0 .5em; }

	/* @group HEADINGS */
	#primaryContent h2				{ background:url(/images/stripe.gif) repeat-x right center; margin-top:0; font-size:1.6em; color:#741600; }
	#primaryContent h2 span			{ background:#dfca93; padding-right:10px; }
	#home #primaryContent h2 span	{ background:#eadbb0; }
	h3								{ font-size: 1.5em; }
	h4								{ font-size: 1.4em; }
	h5								{ font-size: 1.3em; }
	h6								{ font-size: 1.2em; }
	h3, h4, h5, h6					{ color:#741600; margin-top:0; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks 		{ 
						  display:block; background:url(/images/quicklinks_bg.jpg) no-repeat; width:587px; height:113px; 
						  position:absolute; top:-113px; right:23px;  
						}
	#quicklinks	ul		{ margin:3px 0 0 19px; padding:0; list-style:none; }
	#quicklinks li		{ display:inline; }
	#quicklinks li a	{ 
						 float:left; display:block; width:121px; height:2px; text-align:center;  
						 margin-right:20px; margin-top:11px; font-size:1.1em; color:#70a0ba; text-decoration:none; font-weight:bold;
						}
	#quicklinks a img			{ border:4px solid #46535a; display:block; }
	#quicklinks li a:hover		{ color:#fdfefe; }
	#quicklinks li a:hover img 	{ border-color:#a01f06; }
	/* @end */

/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent		{ float:left; width:229px; margin-left:20px; position:relative; }
#secondaryContent div	{ clear:both; }
#nav-shadow				{ 
					  	  display:block; width:23px; height:272px; position:absolute; top:-50px; left:208px;
					  	  background:url(/images/nav_shadow_bg.png) no-repeat;
						}
#recent-sermon,
#upcoming-events,
#how-it-works,
#sorting,
#sidebars				{ margin-left:18px; padding-bottom:30px; }

	/* @group RECENT SERMON */
	#recent-sermon				{ background:url(/images/divider_bg.gif) repeat-x left bottom; padding:23px 0 16px; }
	#recent-sermon .sermon		{ 
								  background:url(/images/dotted_bg.gif) repeat-x left top; margin-right:18px; margin-top:0;
								  position:relative; padding-top:13px; 
								}
	#recent-sermon h4			{ margin:0; font-size:1.2em; width:70%; }
	#recent-sermon h4 a			{ color:#fdfefe; text-decoration:none; }
	#recent-sermon h4 a:hover	{ text-decoration:underline; }
	#recent-sermon p			{ font-size:1em; color:#251b11; text-transform:uppercase; margin-top:0; }
	#recent-sermon ul			{ margin:0; padding:0; list-style:none; position:absolute; top:18px; right:0; }
	#recent-sermon li			{ float:left; }
	#recent-sermon li a			{ display:block; width:23px; height:22px; text-indent:-999em; }	
	#recent-sermon li#sb_listen a	{ background:url(/images/sidebar_play_icon.jpg) no-repeat; }
	#recent-sermon li#sb_download a	{ background:url(/images/sidebar_download_icon.jpg) no-repeat; margin-left:5px; }
	
	/* @end */
	
	/* @group UPCOMING-EVENTS */
	#upcoming-events			{ background:url(/images/dotted_bg.gif) repeat-x left 25px; margin:2em 18px 1em; position:relative; }
	#view-all					{ position:absolute; top:4px; right:0; font:11px arial, verdana, sans-serif; color:#632002; }
	#view-all:hover				{ text-decoration:none; }	
	.event						{ margin:0 -6px;  }
	.event a					{ display:block; padding:6px 6px 10px; text-decoration:none; position:relative; }
	.event a:hover				{ background:#96651b; }
	.event a small				{ position:absolute; top:7px; right:6px; color:#3a2817; font-size:10px; }
	.event a span				{ display:block; width:70%; color:#251b11; font-size:11px; font-weight:bold; }
	.event a:hover span			{ color:#fdfefe; }
	.event a:hover small		{ color:#eadbb2; }

	
	/* @end */	
	
/* @end */

/* @group FOOTER */
#footer				{ clear:both; background:url(/images/footer_bg.png) no-repeat left top; padding-top:20px; position:relative;}
#footer p			{ margin-top:0; color:#ecdcb5; font-size:1.1em; text-align:right; margin-right:40px; }
#footer a			{ color:#fcfbf8; }
#footer a:hover		{ text-decoration:none; }
/* @end */

/* @group SERMONS */
.sermonlist 					{ border-top:8px solid #741600; }
#primaryContent .sermonlist h4	{ margin:0; padding:10px 10px 0 ; background:#fff; }
.sermonbox						{ position:relative; padding:10px; background:#fff; }
.sermonbox a					{ text-decoration:underline; }
.sermonbox a:hover				{ text-decoration:none; }
#primaryContent .sermonbox h5	{ margin:0;}
.sermonbox h5 span				{ font-size:11px; color:#281e15; margin-left:10px; }
#primaryContent .sermonbox p	{ margin:0;}


.sermonbox ul					{ position:absolute; top:20px; right:10px; }
.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 */
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; background:#b4802a; border:1px solid #b4802a; padding:10px; margin:-55px 0 0 10px;; list-style:none; }
	#mediabox li 				{ padding:2px 0 0px 20px; }
	#mediabox li#mb_links		{ background:#fff; color:#741600; margin:-10px -10px 10px; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon_app.gif) no-repeat left 2px; }
	#text						{ margin-right:10px;}
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works h3			{ margin-top:2em; }
	#how-it-works				{ padding-top:23px; }
	#how-it-works ul			{ margin:0; padding:0 10px 0 0; list-style:none; }
	#how-it-works li			{ font-size:1.2em; color:#251b11; padding-left:20px; margin-bottom:1.5em; }
	#how-it-works li span		{ font-weight:bold; font-size:14px; color:#632002; }
	#how-it-works li#play		{ background:url(/images/play_icon_app.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/images/notes_icon_app.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ padding-top:23px;  }
	#sorting h3					{ }
	#sorting ul					{ margin:0; padding:0; list-style:none; }
	#sorting li a				{ font-size:1.2em; color:#632002  }
	#sorting li a:hover			{ text-decoration:none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar			{ margin-bottom: 25px; border-collapse: collapse; border-left:1px solid #d2bd84; } 
#primaryContent table.calendar caption	{ padding-bottom: 10px; color: #741600; font-size: 1.4em; }
#primaryContent table.calendar th		{ 
										  padding: 6px 0; background: #741600; color: #fff; 
										  font-size: 1.3em; font-weight: normal; border-left:1px solid #741600
										}
#primaryContent table.calendar td		{ 
										  width: 68px; height: 68px; padding: 2px; border: 1px solid #d2bd84;
										  border-left: 0; border-top: 0; background: #d9c48b; color: #251b11;
										  font-size: 1em; vertical-align: top; 
										}
#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; }

/* @end */

/* @group MISCELLANEOUS */
#recent-sermon li a:focus,
.sermonbox li a:focus,
#service-times a:focus,
#header h1 a:focus						{ outline:none;}
/* @end */