/* @override 
	http://communitas.cpmpreview.com/css/styles.css
	http://communitasnyc.org/css/styles.css
*/

/*=====
SITE: Comunitas
FILE: styles.css - main CSS styles for staging site
CREATED: 10/26/2009
AUTHOR: Ben Otero (ben@churchplantmedia.com)

=====*/

/* @group GLOBAL */
html						{ height:100%; }
body 						{ background:url(/images/outer_container_bg.jpg) #2b1f15 no-repeat left top;
							  background:; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#e4dcd0; height:100%;
							}
hr 							{ display: none; }   
#outer-container			{ /*background:url(/images/outer_container_bg.jpg) no-repeat left top; */ background:url(/images/container_bg.png) repeat-y; min-height:100%;}
#container 					{ /*background:url(/images/container_bg.png) repeat-y;*/ position:relative; padding-bottom:7em; }
#home #container			{ padding-bottom:0; }


#content					{ margin-left:345px; width:600px; z-index:10; min-height:600px; padding-top:15px; margin-bottom:50px; }
#home #content				{ padding-top:0; } 
#mainContent 				{ position:relative; }

a 							{ overflow: hidden; color:#ed8724; }

.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; }
#home #header				{ padding-top:47px; margin-bottom:18px; }
#header h1					{ position:absolute; left:-999em; }
						
#intro						{ margin-bottom:0; }
#intro p					{ font:2.1em helvetica, arial, sans-serif; color:#e9e2d6; margin:0; padding:0; }
#intro a					{ color:#ed8724; }
#intro a:hover				{ text-decoration:none; }
#skip						{ position:absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
/* @end */

/* @group HEADINGS */
h2, h3, h4, h5, h6			{ color:#e4dcd0; }
h2							{ 
								background:#ed8724; padding:12px 15px 0; margin:0; line-height: 1;
								font:bold 1.9em helvetica, arial, sans-serif;display:block; height:32px;
							}
h3							{ font-size:1.5em; color:#ed8724; }
h4							{ font-size:1.4em; color:#f2ce7f }
h4.title					{ margin-bottom:0; }
.article p					{ margin-top:0; }
h5							{ font-size:1.3em; }
h6							{ font-size:1.2em; color:#f2ce7f; }
/* @end */

/* @group BANNER */
#banner						{ 
							  position:relative; display:block; width:660px; height:278px; background:url(/images/subpage_banner_bg.png) no-repeat; left:-25px; 
							  margin-bottom:17px;
							}  
#home #banner				{ height:314px; }						
#banner img					{ position:absolute; top:22px; left:25px; }
#home #banner img			{ position:absolute; top:16px; left:25px; }
#location p img{
   border: none;
}
/* @end */

/* @group LOWER CONTENT */
#lower-content				{ width:608px; margin-top:19px;}
#featured-events,	
#get-involved				{ background:#403023; width:295px; float:left; padding:0; }
#featured-events			{ margin-left:18px; }
#lower-content h3			{ 
					    	  background:url(/images/lower_h3_bg.gif) no-repeat; padding:10px 15px 0; height:36px; margin:0; 
							  color:#fff; font-size:13px; font-weight:bold;
							}
/* @group get-involved*/
#get-involved h3			{ margin-bottom:-7px; }
.quicklink					{ padding:10px 14px; height:65px; border-bottom:1px solid #2b1f15;}
.quicklink img				{ float:left; margin-right:12px; border:0; }
.quicklink h4				{ font-size:1.2em; margin:4px 0 2px; padding:0; color:#fefefd; }
.quicklink h4 a				{ color:#fefefd; text-decoration:none; }
.quicklink a:hover			{ text-decoration:underline; }
.quicklink p				{ margin:0; font-size:1.1em; color:#b2a591; line-height: 1.5em; }
/* @end */

/* @group featured-events */
#featured-events			{ position:relative; min-height:297px; }
#view-all					{ 
							  position:absolute; top:9px; right:10px; padding:2px 20px 2px 0; font-size:1.1em; 
							  color:#fffffe; text-decoration:none; background:url(/images/cal_icon.gif) no-repeat right center;
							}
#view-all:hover				{ text-decoration:underline; }
#featured-events table		{ 
							  background:#342c21 url(/images/mini_cal_bg.gif) repeat-x; border:3px solid #524331; width:259px; 
							  margin:0 auto 14px; 
							}
#featured-events caption	{ font-size:1.3em; color:#adc2bb; font-weight:bold; padding-bottom:10px;}
#featured-events caption a	{ display:inline-block; width:7px; height:9px; text-indent:-999em; }
#featured-events caption a:focus{ outline:none; }
#featured-events .nextMonth a	{ background:url(/images/next.gif) no-repeat; }
#featured-events .prevMonth a	{ background:url(/images/previous.gif) no-repeat; }
#featured-events th			{ padding:0 0 6px; font:bold 11px arial, verdana, sans-serif; color:#b0a184; height:19px; }
#featured-events td			{ text-align:center; font:1.2em arial, verdana, sans-serif; color:#a1917f; width:24px; height:17px; }
#featured-events td a		{ 
							  display:block; width:24px; height:17px;background:url(/images/mini_cal_link.gif) no-repeat center top; 
							  color:#fffffe; text-decoration:none; padding-top:2px
							}
#more-events				{ border-top:1px solid #2b1f15; }
#more-events ul				{ margin:0; padding:11px 14px; list-style:none; }
#more-events li				{  }
#more-events li a			{ float:left; width:80%; font-size:1.1em; color:#fefefd; text-decoration:none; line-height:24px; }
#more-events li a:hover		{ text-decoration:underline; } 
#more-events li span		{ float:right; text-transform:uppercase; color:#b2a591; font-size:1.1em; }
/* @end */
/* @end */

/* @group TEXT */
#text						{ padding:5px 15px; }
#text li,
#text td,
#text p						{ font-size:1.3em; color:#e7e1d2; line-height:1.5em;  }
#text a						{ color:#ed8724; }
#text a:hover				{ text-decoration:none; }
#text img.noborder			{ border:0; }
#text img.left-align		{ float:left; margin:10px 10px 0px 0 }
#text img.right-align		{ float:right; margin:10px 0 0px 10px; }
#text img.thick-border		{ border:4px solid #fff; }
#text img.thin-border		{ border:1px solid #fff; }
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent			{ float:left; width:329px; padding-bottom:600px; z-index:3000; position:relative; }
#container-top				{ height:323px; width:326px; position:absolute; top:0; left: 0; z-index:1; background:url(/images/container_top_bg.png) no-repeat; }							   
#container > #secondaryContent	{ position:fixed; padding-bottom:600px; z-index:3000; left: 0;}
#secondaryContent h1,
#secondaryContent h1 a		{ display:block; width:217px; height:80px; }
#secondaryContent h1		{ background:url(/images/logo.gif) no-repeat; text-indent:-999em; margin:48px 0 0 32px; padding:0; position:relative; z-index:2; }
#secondaryContent h1 a:focus{ outline:none; }
#secondaryContent a			{ color:#675e4f; }
#secondaryContent a:hover	{ text-decoration:none; }
#blog-sidebar div			{ padding-bottom:30px; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 				{ list-style:none; margin:0; padding:0}
#nav 						{ margin:57px 0 0 0; position:relative; z-index:3; width:308px; float: left;}
#nav li 					{ float:left; padding:0 0 1px; border-bottom:1px solid #d2c7ac; }
#nav li#nav_home			{ border-top:1px solid #d2c7ac; display:none; }
#nav li.first				{ border-top:1px solid #d2c7ac; }
#nav li a 					{ 
							  display:block; line-height:44px; background:url(/images/nav_a_bg.gif) repeat-y left top; width:263px; 
							  text-decoration:none; font-size:1.6em; color:#766044; padding:0 0 0 45px; border-top:1px solid #e8e4d9; 
							}
#nav li:hover a				{ font-weight:bold; color:#38342e; }

#nav li.current				{ background:#fff; width:319px; position:relative; z-index:101; }
#nav li.current span		{ display:block; width:10px; height:10px; background:url(/images/nav_current_span.png) no-repeat; position:absolute; right:0; top:47px; }
#nav li.current a			{ background:url(/images/nav_current_arrow.gif) no-repeat 95% center; border-top-color:#fff; font-weight:bold; color:#dc7a1b;}

/*
#nav li.current:hover li a, 
#nav li li a,
#nav li:hover li a			{ background:none; width:146px; padding:0 11px; font-size:12px; line-height:28px; color:#fff; font-weight:normal; }
#nav li.current li a:hover, 
#nav li li a:hover 			{ background:#443d34; }
*/
#nav li:hover li,
#nav li li					{ border:none; background:none; }
#nav li:hover li a			{ 
							  background:none; border:none; font-size:14px; color:#e6e1d3; padding:0; font-weight:normal; padding-left:35px; width:180px; 
							  line-height:28px; 
							}
#nav li li:hover a			{ background:#ed8724; color:#fff }

#nav li ul 					{ position:absolute; left:-5000px; z-index:10; background:url(/images/nav_ul_bg.png) repeat; padding:0; width:215px; }
#nav li:hover ul 			{ left:auto; margin-left:308px; margin-top:-64px; }
#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;}
#nav li:hover ul li:hover ul{ margin:-28px 0 0 140px;}
/* @end */

/* @group ADDRESS */
#address					{ clear:both; margin:0 0 0 38px; padding-top:25px;}
#address p					{ font-size:1.2em; color:#6f6759; line-height:1.8em; margin:0; }
/* @end */

/* @group FOOTER */
#footer 					{ height:109px; margin:-4em 0 0 308px; padding:32px 0 0 37px; position:relative; z-index:2001; }
#home #footer				{ margin-top:42px; }  
#footer p 					{ font-size:1.2em; color:#88796b; margin:0; padding:0; }
#footer a					{ color:#88796b; } 
#footer a:hover				{ text-decoration:none; }
/* @end */


/* @group SERMONS */
#filter select				{ width:100px; margin-left:10px; }
#filter a					{ margin-left:20px; }
.sermonlist h4				{ margin:0; padding:10px 0; }
.sermonbox					{ position:relative; padding:10px 0; border-top:1px solid #4f4436; }
.sermonbox a				{ text-decoration:underline; }
.sermonbox a:hover			{ text-decoration:none; }

.sermonbox h5				{ margin:0;}
.sermonbox h5 span			{ font-size:10px; margin-left:10px; }
.sermonbox h5 a 			{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 		{ color:#556c6b }
.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 */
#byline						{ margin:10px 0 0; padding:0; list-style:none; }
#mediabox					{ float:right; padding:10px; margin:-25px 0 0 10px; list-style:none; background:#342c21; border:1px solid #342c21; }	
#mediabox li 				{ padding:2px 0 2px 20px; }
#mediabox li#mb_links		{ background:#342c21; color:#fff; 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.gif) no-repeat left 2px; }
#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat left 2px; }
#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat left 2px; }
#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat left 2px; }
/* @end */


	/* @group HOW IT WORKS */
	.box					{ margin:2.5em 0 0; background:#342c21; height:30px;}
	.box ul					{ margin:0; padding:6px 0 0; list-style:none; }
	.box li					{ float:left; padding-left:20px; margin-right:10px; font-size:1.2em; line-height:30px;}
	#sorter li				{ padding:0; }
	.box li select			{ width:80px; position:relative; top:-2px}
		
	.box li#works,
	.box li#sort,
	#how-it-works li#works	{ font-weight:bold; }
	#sorter li#sort			{ padding-left:20px; }
	#sorter li#all a		{ font-size:10px; }
	
	.box li#play,
	#how-it-works li#play	{ background:url(/images/play_icon_app.gif) no-repeat left 1px; }
	
	.box li#notes,
	#how-it-works li#notes	{ background:url(/images/notes_icon_app.gif) no-repeat left 1px; }
	
	.box li#video,
	#how-it-works li#video	{ background:url(/images/video_icon_app.gif) no-repeat left 1px; }
	
	.box li#save,
	#how-it-works li#save	{ background:url(/images/download_icon_app.gif) no-repeat left top; }
	/* @end */
	
	/* @group SORTING */
	#sorting				{ padding-top:25px; clear:both; margin-left:38px; width:240px;}
	#sorting h3				{ font-size:1.5em; color:#38342e; border:0; }
	#sorting ul				{ margin-top:2.5em; padding:0; list-style:none; }
	#sorting li a			{ font-size:1.2em; color:#38342e; }
	#sorting li a:hover		{ text-decoration: none; }
	/* @end */
	
	/* @group SORTING */
	#sorting				{ padding-top:25px; clear:both; margin-left:38px; width:240px;}
	#sorting h3				{ font-size:1.5em; color:#38342e; border:0; }
	#sorting ul				{ margin-top:2.5em; padding:0; list-style:none; }
	#sorting li a			{ font-size:1.2em; color:#38342e; }
	#sorting li a:hover		{ text-decoration: none; }
	/* @end */

/* @end */

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

/* @group BLOG */
p.feed{
   float: right;
   font-size: 1.2em;
   display: inline;
   margin-right: 20px;
   margin-top: 15px;
}

p.feed a{
   background: url(/images/feed_icon.gif) no-repeat 0 2px;
   padding-left: 20px;
   padding: 3px 3px 3px 20px;
   display: block;
   text-decoration: none;
}

p.feed a:hover{
   text-decoration: underline;
}
#comments					{ padding-top:5em; }
#comments .comment			{ padding-bottom:15px; }
#comment-status				{ 
							  background:#ed8724; padding:8px 15px; line-height:34px; margin:0; 
							  font:bold 1.2em helvetica, arial, sans-serif;display:block; 
							}
#post-comment-form			{ padding-top:5em; }
#post-comment-form #text input					{ display:block; width:65%; margin-bottom:1.5em; padding:4px; }
#text #comment-submit		{ width:auto; }
#text label					{ display:block; margin-bottom:8px; font-size:1.5em; font-weight:bold; }
#text textarea				{ display:block; margin-bottom:1.5em; width:90%; height:100px; padding:4px; }

#blog-sidebar				{ padding-top:25px; margin:0 0 0 45px; clear:both; display:block; width:250px; }
#blog-sidebar h3			{ font-size:1.6em; color:#766044; padding:0 0 8px; border-bottom:1px solid #d2c7ac; }
#blog-sidebar ul			{ margin:0; padding:0; list-style:none; }
#blog-sidebar li a			{ font-size:1.3em; }
#text input.hidden{
   display: none;
}
/* @end */

/* @group BLOG */
.online-giving fieldset {
	border: none;
	margin-bottom: 20px;
	background: url(/images/nav_ul_bg.png) repeat;
	padding: 10px;
	width: 210px;
}
.online-giving input {
	width: 200px;
	padding: 3px;
}
.online-giving .submit {
	display: block;
	margin-top: 5px;
	width: 130px;
}
/* @end */

p.pagination {
	overflow: hidden;
	margin-bottom: 20px;
	border-top: 1px solid #d2c7ac;
	margin-top: 20px;
	padding-top: 20px;
	padding-left: 2px;
}

#pagination .label {
	float: left;
	padding: 5px 10px;
	font-size: 11px;
	font-weight: bold;
}

.pagination a {
	display: block;
	float: left;
	padding: 2.5px 5px;
	border: 1px solid #d2c7ac;
	margin-left: -1px;
	font-size: 11px;
	font-weight: bold;
}

a.current {
	border: none;
	position: relative;
	top: 3px;
	padding: 0 10px;
}