/* @override http://www.faithbaptistpalmbay.com/css/styles.css */

/* @override 
	http://www.harvestcc.us/css/styles.css
	http://www.harvestcommunitychurch.com/css/styles.css
*/

/*=====
CLIENT:   Harvest Community Church
CREATED:  7/24/2008
MODIFIED: 11/24/2008
AUTHOR:   Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */
body 						{ 
							  background:#2f2013 url(/images/body_bg.jpg) repeat-x; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#2A3135; 

							}
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#container 					{ margin:0 auto; width:960px; padding-bottom:30px; }
a 							{ overflow: hidden; }

.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 */

.hidden						{ display:none }
.show						{ display:block; }
/* @end */

/* @group HEADER */
#header					{ position:relative; z-index:1000; height:152px; }
#header h1 a,
#header h1				{ display:block; width:213px; height:87px; margin-left: 22px; }
#header h1				{ position:absolute; top:2px; left:-5px; background:url(/images/logo.png) no-repeat; text-indent:-999em; }
#header h1 a:focus		{ outline:none; }

#header fieldset,
#header form			{ margin:0; padding:0; border:0; }
#header form			{ 
						  position:absolute; top:18px; right:14px; display:block; width:232px; height:31px; 
						  background:url(/images/search_bg.gif) no-repeat;
						}
#header input			{ 
						  background:#44484c; margin:4px 0 0 15px; padding:4px; float:left; border:0; font-size:11px; color:#fff; text-
						  transform:capitalize; 
						}
#header form a			{ 
						  display:block; width:22px; height:22px; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em; 
						  position:relative; top:4px; right:8px;float:right; 
						}
/* @end */
li p { margin: 5px 0 !important;}
/* @group SERVICE TIMES */
#service				{ position:absolute; top:37px; right:12px; text-align: right; }
#service p				{ font:15px/18px georgia, times, serif; color:#2f2013; text-align:right; margin:0;}
#service a				{ float: right; font-family:"Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif; color:#7d520b; font-size:13px; display: block;}
#service a:hover		{ text-decoration:none; }
.header-block			{ overflow: hidden; width: 220px; margin-top: 8px; }
.header-block em 		{ display: block; float: right; margin: 0 8px; font-style: normal; position: relative; top: 2px; }
/* @end */

/* @group NAVIGATION */ 
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ 
						  padding-left:10px; height:41px; width:950px; background:url(/images/nav_bg.gif) repeat-x left bottom; 
						  position:absolute; bottom:0;
						}
.int #nav_home  { background: none !important; }
#nav li 				{ float:left; background:url(/images/nav_li_bg.gif) no-repeat 0 50%; padding-right:2px; position: relative;}

#nav li.current			{ background:url(/images/nav_li.gif) no-repeat right top; padding-right:5px; position:relative; top:-3px;}
#nav li.current a,

#nav li.current:hover a { background:url(/images/nav_a.gif) no-repeat left top; color:#1d1e20; padding:0 14px 0 20px; line-height:45px; }

#nav li a				{ display:block; font-size:1.3em; padding:0 18px 0 20px; line-height:42px; text-decoration:none; color:#fff; }

#nav li.current li a { background: #fff !important; color: #000 !important; font-size: 11px !important; padding:10px !important; }

#nav li.current li a:hover { background: #ccc !important; }

#nav li.current ul { padding: 10px 0;}

#nav li:hover a,
#nav li a:hover			{ color: #000; } 
#nav li.current:hover a,
#nav li.current a:hover	{ top:0px; line-height:45px; margin-bottom:0px; }

#nav li li 				{ border:none; float:none; background:none; padding:0; }  

#nav li.current li,
#nav li.current:hover li,
#nav li:hover li		{ background:none; top:0; padding:0; }

#nav li.current li a,
#nav li.current:hover li a,
#nav li:hover li a		{ background:#212325; color:#fff; font-weight:bold; padding:5px 20px; line-height:12px; width:130px; top:0; margin:0; font-size:12px; }

#nav li:hover li:hover	{ top:0; }
#nav li:hover li a:hover{  background:#ccc; top:0; }



						#nav li ul{ 
							position:absolute; 
							left:-999em; 
							width:180px; 	
							z-index:9994;
							padding:5px 0 0; 
							background:none;
							border:none;
							height:auto;
							top: 36px;
						}

						#nav li li{ 
							padding:0;
						}

						#nav li:hover li a{ 
							padding:5px 10px; 
							width:155px;
							display:block;
							text-align:left;
							background:#fff;
							
							line-height:20px;
							text-transform:none;
							font-size: 11px;
							color: #000;
						}

						#nav li li:hover a{ 
							color:#000 !important;
							background: #fff;
						}

						#nav li:hover li:hover { 
							background-image:none;
						}

						#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:-31px 0 0 168px;}

						#nav li li li a { color: #fff !important; }
						#nav li li li a:hover { color: #000 !important;}

/*							
#nav li:hover ul 		{ left:auto; display:none; }
#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:none; }
#nav li:hover ul li:hover ul 
						{ margin:-28px 0 0 140px;}
*/						
/* @end */

/* @group BANNER */
#banner					{ display:block; width:944px; height:222px; background:#fff url(/mediafiles/subpage-header.jpg) no-repeat 8px 8px; padding:8px; }
#mainContent			{ 
						  background:#f4f1e6 url(/images/maincontent_bg.jpg) no-repeat center top; padding-bottom:30px; 
						  min-height:335px; height:auto !important; height:335px; 
						}
/* @end */

/* @group PRIMARY CONTENT */
.no-header #mainContent { border-top: 8px solid #fff;}
#primaryContent			{ float:right; width:680px; margin-right:20px; } 
#primaryContent p,
#primaryContent li		{ font-size:12px; color:#2e2f30; line-height:19px; }
#primaryContent a		{ color:#aa7923; }
#primaryContent a:hover	{ text-decoration:none; }

#primaryContent td p	{ font-size:1.2em; }
#primaryContent td *	{ font-size:1; }

img.left-align			{ float:left; position:relative; left:-10px; margin:5px 0; }
img.right-align			{ float:right; position:relative; right:-10px; margin:5px 0; }
img						{ border:none; }
h2						{ font-size:2.1em; font-weight:normal; color:#af8719; margin-bottom:0; font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
font-weight: 300;}
h3						{ font-size:1.6em; }
h4						{ font-size:1.4em; color:#aa7923; }
.article h4				{ margin-bottom:10px; }
.article p				{ margin-top:0; }
h5						{ font-size:1.5em; color:#2e2f30; }
h6						{ font-size:1.5em; color:#666d73; }
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent		{ float:left; padding:25px 0 0 30px; width:190px; } 

/* @group NEWS */
#news				{ width:205px; float:left; margin: -20px 0 0 -10px;}
#news dl			{ margin:0; padding:14px 0 0; }
#news dt			{ margin:0; padding:14px 0 0; border-top:1px solid #e6e6e6; font-size:12px; font-weight:bold; }
#news dt.first		{ padding:0; border:0; }
#news dt a			{ color:#7e3e3e; text-decoration:none; }
#news dt a:hover	{ text-decoration:underline;  }
#news dd			{ margin:0; padding:0 0 14px; font-size:11px; color:#2e2f30; font-weight:normal; line-height:15px; }
#news dd.date		{ padding:0; margin:0; font-size:10px; color:#837d76; line-height:17px;}
/* @end */


/* @group SUBNAV */
#subnav_level1 { padding-top: 10px !important;}
#subnav, #subnav *		{ margin:0; padding:0; list-style:none; }
#subnav					{ width:178px; } 
#subnav li a			{ text-decoration:none; display:block; } 

#articles #subnav_resources a,
#subnav li.current a	{ font:bold 1.5em georgia, times, serif; color:#2f2013; padding-bottom:12px; border-bottom:1px solid #ccc8c5; }

#articles #subnav_resources li a,
#subnav li.current li a	{ font:normal 13px "Lucida Grande", arial, sans-serif; color:#5d442f; border:none; padding:10px 0; line-height:14px; }

#articles #subnav_resources #subnav_resources_articles a,
#subnav li.current li.current a	
						{ 
						  background:url(/images/grey_subnav_arrow.gif) no-repeat left center; display:block; line-height:14px; width:183px; padding:10px 0 10px 10px;
						  position:relative; left:-10px; color:#fff;
						}
#subnav li li.current.children a	{ background:none; color:#3a3c3f; }

#subnav li.current li a:hover	
						{ 						    
						  color:#fff; padding:10px 0 10px 10px; display:block; width:183px; background:url(/images/sn-hover.gif) no-repeat left center;
						  position:relative; left:-10px; line-height:14px;
						}  
						
#subnav li li ul					{ padding-left:10px; }
#subnav li.current li.current li a	{ background:none; color:#3a3c3f;}  
#subnav li li.current li.current a	{  
								    	color:#fff; padding:0 0 0 10px; display:block; width:183px; 
								    	background:url(/images/current_arrow.gif) no-repeat left center;  position:relative; left:0; line-height:28px;
									}  


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

/* @group FOOTER */
#footer 		{ padding:20px; }
#footer p 		{ font-size:1.1em; line-height:16px;color:#8a8070; text-align: right; margin:0; padding:0; width:50%; float:right;}
#footer a		{ color:#8a8070; }
#footer a:hover	{ text-decoration:none; color:#fff; 1}
#footer p#copyright	{ float:left; width:auto; text-align:left; }
/* @end */


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

#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:11px; margin-left:10px; color:#666d73; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 				{ color:#556c6b }
#primaryContent .sermonbox p		{ margin:0;}


.sermonbox ul					{ position:absolute; top:20px; 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						{  }
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; padding:10px; margin:-75px 0 0 10px; list-style:none; ; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ color:#2f2e30; font-size:15px; margin:-10px -10px 10px; padding:10px 10px 10px 0; border-bottom:1px solid #d8d5d2; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon.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; }
	#articles #mediabox { float: none !important; margin: 0 !important;}
	#articles #mediabox a { padding-bottom: 3px !important; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ height:30px; margin:0 0 1em; padding:0; list-style:none; background:#f3ecde; border:2px solid #dfd4bd;}
	#how-it-works li			{ padding-left:20px; font-size:1.2em; float:left; display:inline; line-height:30px; margin-right:30px;}
	#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					{ width:180px; margin-top:2.5em; }
	#sorting h3					{ 
								  font:bold 1.5em georgia, times, serif; color:#1d1e20; padding-bottom:12px; border-bottom:1px solid #ccc8c5; 
								  margin-bottom:8px; 
								}
	#sorting label,
	#sorting select				{ display:block; }
	#sorting label				{ margin-bottom:.5em; font-size:1.2em; font-weight:bold; color:#1d1e20; }
	#sorting select				{ margin-bottom:1.5em; width:100%; }
	#sorting a					{ color:#aa7923; font-size:1.2em; font-weight:bold; }
	#sorting a:hover			{ text-decoration:none; }
	#sorting li 				{ list-style-type: none; margin: 0 0 0 -40px !important; padding: 0 !important;}
	#articles #sorting			{ margin: 0 0 2.5em 0 !important; padding: 0 !important;}
	/* @end */
	

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; width:100%; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #666; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 2px 0; background:#d8c5a5; color:#000;  font-size: 1.3em; font-weight: bold; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0;
											  border-top: 0; background:#f4f4f4; color:#55636b; 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 */

/* @group Enews Signup */

#eletter{
   border-bottom: 1px solid #e2e2e2;
   padding-bottom: 13px;
}

#eletter fieldset{
   border: none;
   padding: 0;
   margin: 0;
}

#eletter fieldset p{
   margin: 0;
   float: left;
}

#eletter input#ea{
   font-size: 1.1em;
   color: #898989;
   padding: 5px 4px;
   float: left;
   display: inline;
   margin-right: 2px;
   width: 126px;
   border: 1px solid #d0d0d0;
   margin-top: 0;
}

#eletter input#submit{
   float: left;
}

/* @end  */

#post-comment-form {
	width: 500px;
	margin: 5em 0;
	padding: 15px;
	background: #fff;
}

#post-comment-form h3 {
	margin: 0 0 20px;
	border: 0;
	padding: 0;
	font-size: 17px;
	color: #2e2f30;
}

#post-comment-form label {
	display: inline-block;
	width: 88px;
	font-size: 13px;
	color: #2e2f30;
	font-weight: bold;
	vertical-align: top;
	padding-top: 8px;
}

#post-comment-form input,
#post-comment-form textarea {
	width: 360px;
	height: 21px;
	padding: 4px;
	border: 1px solid #ddd;
	margin-bottom: 8px;
	vertical-align: middle;
}

#post-comment-form textarea {
	height: 100px;
}

#post-comment-form input.submit {
	width: auto;
	height: auto;
	clear: both;
	float: none;
	border: auto;
	background: auto;
	margin-left: 88px;
}

#comment-status {
	padding: 5px 10px;
	background: #fff;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

#comment-status p {
	margin: 0 !important;
}

p#blog-feed {
	margin: 0 0 1em;
}

p#blog-feed a {
	font-size: 1.3em;
	color: #e0d6c3;
	padding-left: 20px;
	background: url(/images/media/feed_icon.png) no-repeat 0 1px;
	display: block;
	padding: 2px 2px 2px 20px;
	text-decoration: none;
}

p#blog-feed a:hover {
	text-decoration: underline;
}

.post {
	border-top:1px solid #D8D5D2;
	margin-top: 30px;
}

.post h4 {
	line-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	top: 10px;
	font-size: 1.5em;
}

.twtr-hd, .twtr-ft, .hidden {
	display: none;
}

.twtr-bd {
	margin-left: 8px;
}

#tweet-box {
	background: #f4f1e6;
	position: relative;
}

#tweet-box h2 {
	margin: 0; padding: 0;
}

#filter {
	position: absolute;
	display: none;
	top: 34px;
	left: 0px;
	width: 234px;
	background: #494949 url(../images/filter-bg.gif) no-repeat;
	z-index: 24;
	padding-top: 38px;
}

#filter a {
	display: block;
	width: 206px;
	height: 31px;
	background: url(../images/show-results.gif) no-repeat;
	margin: 12px auto 0;
	text-indent: -9999px;
}

#filter a:hover {
	opacity: .85;
}

.filter-block {
	color: #cccccb;
	margin-bottom: 5px;
	position: relative;
	left: 18px;
}

.filter-block label {
	margin-left: 12px;
}

#tweets {
	position: relative;
	z-index: 22;
}

#tweet-head {
	overflow: hidden;
	margin-bottom: 18px;
}

#tweet-head h2 {
	text-indent: -9999px;
	background: url(../images/latest-tweets.gif) no-repeat;
	width: 173px;
	height: 34px;
	float: left;
}

#tweet-head a {
	display: block;
	width: 61px;
	height: 34px;
	background: url(../images/tweet-filter.gif) no-repeat;
	float: left;
	text-indent: -9999px;
}

#tweet-head a:hover, #tweet-head a.current {
	background-position: 0px -34px;
}

.tweet, .twtr-tweet {
	color: #474747;
	padding-bottom: 5px;
	margin: 0 8px 5px 8px;
	border-bottom: 1px solid #e5e5e4 !important;
}

.tweet p {
	padding: 0 10px;
}

.tweet .time {
	padding-top: 4px;
	font-size: 11px;
}

.tweet .time strong {
	font-weight: bold;
}

.tweet a {
	color: #da4d2d;
	text-decoration: none;
}

.tweet a:hover {
	text-decoration: underline;
}

.tweet .time, .tweet .time a {
	color: #888;
}

#tweet-controls {
	text-align: center;
	padding-bottom: 18px;
}

#tweet-controls a {
	font-weight: bold;
	color: #525252;
	font-size: 13px;
	text-decoration: none;
}

#tweet-controls a:hover {
	text-decoration: underline;
}

#tweet-arrow {
	position: relative;
	left: 10px;
	top: 1px;
}