/*
Theme Name:		Bethel Baptist
Theme URI:		http://www.redlettersstudio.com
Description:	This design is based off of
 the Copyblogger theme by <a href="http://pearsonified.com">Chris Pearson</a>.
Version:		1.0
Author:			
Josh Byers
Author URI:		http://redlettersstudio.com/
*/

/* -------------------------------------------------------------- 
  
  
 reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
  
 * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
--------------------------------

------------------------------ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, 
li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	
font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; }

/* Tables still need 'cellspacing="0"' in the markup. 
*/
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>.
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

body { 
	background:#fff url(images/bg.jpg) 
repeat-x; 
	color: #222; 
	font: 62.5% Verdana, sans-serif; }

* { 
	padding: 0; 
	margin: 0; }



/*---:[ global typography elements ]:---*/

a { 
	color: #a12768; 
	
text-decoration: none; }

a:visited { 
	color: #795439; 
	text-decoration: none; }

a:hover { 
	color: #795439; 
	text-decoration: underline; }
	
a img { 
	border: none; }

	
blockquote { 
	margin: 0 0 1.5385em 1.5em; 
	padding: 0 0 0 0.7692em; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	
color: #555; 
	border-left: 0.2308em solid #a90000; }

abbr, acronym { 
	font-size: 0.8462em; 
	line-height: 1.0em; 
	border-bottom: 1px dotted #999; 
	
text-transform: uppercase; letter-spacing: 1px; 
	cursor: help; }

code { 
	color: #090; 
	font-family: Courier, "Courier New", monospace; 
	
line-height: 1.0em; }

pre { 
	margin: 0 0 1.5385em 0; 
	padding: 0.7692em; font-size: 1.3em; 
	overflow: auto; 
	
background: #ececec; }

p.unstyled { 
	font-size: 1.3em; }

p.center { 
	text-align: center; }

/*---:[ these styles apply to the flickrRSS plugin, which is not yet fully supported ]
:---*/

.flickr_blue { 
	color: #007ae4; 
	text-transform: lowercase; }

.flickr_pink { 
	color: #ff2a96; 
	
text-transform: lowercase; }



/*---:[ headlines ]:---*/

h1, h2, h3, h4 { 
	font: bold 1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; }
	
h1, h2 
{ 
	font-size: 2.8em; 
	line-height: 1.4286em; 
	letter-spacing: -1px; color: #636156; }

		
h2 a, h2 a:visited { 
			color: #636156; }
		
		h2 a:hover { 
			color: #777; }
		
		.page h1 
{ 
			margin: 0 0 0.6071em 0; 
			border-bottom: solid 2px #636156; }
		
		.archive h1 
{ 
			font-size: 2.4em; 
			line-height: 1.66667em; 
			margin: 0 0 1.66667em 0; 
			color: #2d303b; }

	
		#sidebar h2 { 
			font-size: 1.5em; 
			line-height: 1.9556em; 
			margin:0;  
			color: #636156; }
		
		#sidebar h2.ourstory a, #sidebar h2.ourstory a:visited{
			color:#636156;
			text-decoration:none;
			font-size:1.6em;
			margin: 0 0 10px 0; }
			
		#sidebar h2.ourstory a:hover {
			color:#d56039;
			border-bottom:none;
			text-decoration:none;}
	
h3 { 
	font-size: 1.3846em; 
	line-height: 1.1111em; 
	color: #795439; }

		.entry h3 { 
			margin: 1.6667em 0 0.5556em 0; }
		
		#comments h3 { 
			font-size: 1.8em; }
		
		#comments h3.comment_intro { 
			margin: 0 0 1.11111em 0; 
			padding: 2.05556em 0 0 0; }
	
		#comments h3#respond { 
			margin: 2.2222em 0 0 0; }
		
		h3.feature_title {
			font-size:1.9em;
			border-bottom:1px solid #795439;
			margin-bottom:.5em;}
	
h4 { 
font-size: 1.1538em; 
line-height: 1.3333em; 
color: #795439; }



/*---:[ core layout elements ]:---*/

#header { 
	background: url(images/bg_header.jpg) no-repeat; 
	width: 870px;
	height:45px;
	margin:0 auto;
	text-align:center; }
	
	#subheader { 
	background: url(images/bg_sub_header.jpg) no-repeat; 
	width: 870px;
	height:225px;
	margin:0 auto;}
	
		.logo {
			width:334px;
			height:225px;
			float:left;
			background-color:#009933;}
		
		.slideshow {
			width:200px;
			height:225px;
			float:left;
			background-color:#00CCCC;}
		
		.subheader_info {
			width:336px;
			height:205px;
			float:left;
			padding-top:20px;
			font-size:.9em;
			background:url(images/service_times.png) no-repeat;}
			
			.subheader_info h3{
				margin-bottom:5px;}
			
			
			.subheader_info tr{
				padding:0;}
			
			.subheader_info td{
				padding:1px;}
			
			.service_times{
				width:230px;
				float:left;}
			
			.find_us {
				width:100px;
				float:right;}
			
			.search_box {
				background:url(images/bg_search_box.jpg) no-repeat;
				width:136px;
				height:23px;
				float:right;
				margin:10px 10px 0 0;}
				
				.search_box input {background:#EFECD7 none repeat scroll 0%;
					border-style:none;
					color:#000000;
					font-family:Verdana,Arial,Helvetica,sans-serif;
					font-size:0.8em;
					margin:5px 0pt 0pt 5px;
					padding:0.25em;
					width:104px;}
			
			img.map_link{
				float:right;
				margin:47px 10px 0 100px;}
			
			

#container { 
	width: 870px; 
	margin: 0 auto; }
	
			#content_box { 
				width: 588px; 
				padding: 0 0 0 0px; 
				float: right;
				margin-right:13px;}

					div#widebox{
						background:#c7c4af;
						width: 772px;
						padding: 10px;
						margin:0 auto;
						color:#000;}
						
						.featured_event {
							width:450px;
							margin:0;
							min-height:150px;}
							
							.featured_event img{
								float:left;
								margin:0 15px 15px 0; 
								border:2px solid #795439;}
							
						img.featured_image {
							float:left;
							margin:0 15px 15px 0; 
							border:2px solid #fff;}
						
						.announcements {
							width:300px;
							float:right;
							margin:0}
							
							.announcements h4 a{
								line-height:1.7em;}
							
							.announcements h3 {
								border-bottom:1px solid #795439;}
					
					
					
					div#pagebox{
						background:#c7c4af;
						width: 530px;
						padding: 10px;
						float:right;
						margin-right:30px; 
						color:#000}

					#sidebar { 
						background:#c7c4af;
						width: 200px;
						margin-left:45px; 
						float: left; 
						padding: 10px;}
		
#footer { 
	padding: 2.5em 0; 
	color: #2d303c;
	clear:both;
	margin:0 auto; }



/*---:[ #header styles ]:---*/

#logo { 
	width: 72.8em; 
	margin: 0 auto; }
	
		#logo a { 
			font: normal 5.0em "American Typewriter", "Trebuchet MS", Verdana, sans-serif; 
			color: #fff; }
			
		#logo h1, 
		#logo #tagline { 
			display: none; font: normal 1.6em "Helvetica Neue", Helvetica, Arial, sans-serif; }



/*---:[ nav menu styles ]:---*/

#nav { 
	width: 525px;
	height:45px; 
	margin: 0px 0 0px 305px;
	text-align:left;
	float:left; }

		#nav ul { 
			list-style: none;
			margin-top:12px;}
	
			#nav ul li { 
				font-size: 1.8em; 
				float: left; }
		
				#nav ul li a, 
				#nav ul li a:visited { 
					display: block; 
					padding: 0.3125em 0.7125em 0.5em ; 
					color: #FFFFFF; }
		
				#nav ul li a:hover, 
				#nav ul li a.current:hover { 
					color: #2d303b !important; 
					text-decoration: none !important; }
				
				#nav ul li a.current{
					color: #636156 !important;
					text-decoration: none !important;}

/*---:[ sermon tab styles ]:--- */

			
			.tabs {
				background:url(images/tabs_top.jpg) no-repeat;}
			
		.tabs ul {
			margin:0;
			padding:10px 10px 0;
			list-style:none;
			}
			
			.tabs li.english{
			display:block;
			float:left;}
			
			.tabs li.english a{
			display:block;
			width:118px;
			height:30px;
			background:url(images/english_down.jpg) no-repeat;
			outline:none;}
			
			.tabs li.english a:hover{
			display:block;
			width:118px;
			height:30px;
			background:url(images/english_up.jpg) no-repeat;
			text-decoration:none;}
			
			.tabs li.english a.selected {
			display:block;
			background:url(images/english_up.jpg) no-repeat;
			width:118px;
			height:30px;}
			
			.tabs li.spanish{
			display:block;}
			
			.tabs li.spanish a{
			display:block;
			background:url(images/spanish_down.jpg) no-repeat;
			width:128px;
			height:30px;
			outline:none;}
			
			.tabs li.spanish a:hover{
			display:block;
			background:url(images/spanish_up.jpg) no-repeat;
			width:128px;
			height:30px;
			text-decoration:none;}
			
			.tabs li.spanish a.selected {
			display:block;
			background:url(images/spanish_up.jpg) no-repeat;
			width:128px;
			height:30px;}
			
			.en {
				font-size:1.7em;
				color:#000;
				margin:4px 0px 0px 39px;
				float:left;}
			
			.es {
				font-size:1.7em;
				color:#000;
				margin:4px 0px 0px 39px;
				float:left;}
		


		.media {
			clear:both;
			padding:15px 10px 0 10px;
			background:url(images/bg_media_table.jpg) repeat-y;
			margin-top:3px;
			}
			
		.media td {
			padding:5px;}
		
		.mediatab_bottom {
			background:url(images/mediatab_bottom.jpg) no-repeat;
			height:20px;}
			
		#english, #spanish{
			background:url(images/bg_media_table.jpg) repeat-y;
			padding:20px;
			margin-top:3px;}
			
		.flags {
			text-align:center;}
			
			.flags table{
				margin:0 auto;
				padding-bottom:10px;}
			
			.flags td{
				width:25px;
				text-align:center;}
			
		.tgTranslatorList li {
			display:inline;
			margin:5px;}
		
		.tgTranslatorList ul {
			margin:5px;}


/*---:[ content styles ]:---*/

.post_date { 
	font-size: 1.1em; 
	line-height: 1.5455em; 
	margin: 0 0 .5em 0; 
	color: #777; 
	border-bottom: 1px solid #777; }

		.post_date a, .post_date a:visited { 
			color: #777; 
			padding: 0.0909em; }
		
		.post_date a:hover { 
			color: #000; 
			background: #ccc; }

.entry { 
	font-size: 1.3em; 
	line-height: 1.5385em; }
	
		.entry a, .entry a:visited { 
			padding: 1px 0; 
			text-decoration:underline; }
		
		.entry a:hover { 
			padding: 1px 0; 
			color: #636156; }
		
		.entry p { 
			margin: 0 0 1.5385em 0; }
	
		.entry ul, .entry ol { 
			margin: 0 0 1.5385em 3.0em; }
		
		.entry ul { 
			list-style-type: disc; }
		
			.entry li { }
			
				.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 
					margin: 0 0 0 1.5em; }
		
		.entry dl { 
			margin: 0 0 1.5385em 0; }
				
			.entry dt { 
				font-weight: bold; }
			
			.entry dd { 
				margin: 0 0 0 1.5em; }
			
		.entry sup, .entry sub { 
			line-height: 1.0em; }
			
		.entry blockquote.right, .entry blockquote.left { 
			width: 13.6875em; 
			padding: 0.4375em 0; 
			font-size: 1.2308em; 
			line-height: 1.25em; 
			border: 0.0625em solid #fff; 
			border-width: 0.0625em 0; 
			text-align: center; }
		
		.entry blockquote.right { 
			margin: 0 0 0 0.9375em; 
			float: right; 
			clear: right; }
		
		.entry blockquote.left { 
			margin: 0 0.9375em 0 0; 
			float: left; 
			clear: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { 
				margin: 0 !important; }
			
		.entry .ad { 
			margin: 0 0 0 1.1538em; 
			float: right; 
			clear: right; }
		
			.entry .ad_left { 
				margin: 0 1.1538em 0 0; 
				float: left; 
				clear: left; }
	
		.entry img { 
			float:left;
			margin:0 15px 15px 0; 
			border:2px solid #795439;}
		
		img.staff {
			margin: 0 1.1538em 1.6em  0; 
			float: left; 
			clear: left;}
	
		.entry img.left { 
			margin: 0 1.1538em .5em  0; 
			float: left; 
			clear: left;
			border: 3px double #636156;
			padding:4px;}
		
		.entry img.right { 
			margin: 0 0 .5em 1.1538em; 
			float: right; 
			clear: right;
			border: 3px double #636156;
			padding:4px; }
		
		.entry img.center { 
			display: block; 
			margin: 0 auto 1.5385em auto; 
			clear: both;
			border: 3px double #636156;
			padding:4px; }
	
		.entry img.frame { 
			border: 0.3846em solid #ddd; }
		
		.entry img.stack { 
			clear: none !important; }

.post_meta { 
	margin: 0 0 4.5385em 0; 
	padding: 0.3846em 0 0 0; 
	border-top: 0.23077em solid #fff; 
	font-size: 1.3em; 
	line-height: 1.0em; 
	clear: both; }
	
		.add_comment { 
			padding: 0 0 0 1.6154em; 
			background: url('images/icon_comment.gif') 0 50% no-repeat; 
			font-weight: bold; }
	
		.post_meta a:hover { 
			color: #fff;}

.page .entry { 
	margin: 0 0 3.0769em 0;  }

.navigation { 
	width: 39em; 
	margin: 0 0 3.3333em 0; 
	font-size: 1.2em; 
	line-height: 1.6667em; }
	
		.navigation a:hover { 
			color: #000; 
			border-bottom: 1px solid #a90000; }
		
		.next { 
			text-align: right; }



/*---:[ sidebar styles ]:---*/

#rss { 
	width: 20em; 
	height: 70px; 
	margin: 0 0 1.0em 0; 
	background: url('images/rss.gif') 50% 0 no-repeat; 
	text-align: center; }

		#rss a { 
			display: block; 
			width: 48px; 
			height: 48px; 
			margin: 0 auto; }

ul.sidebar_list { 
	list-style: none;
	}

		ul.sidebar_list li.widget, ul.sidebar_list li.linkcat, li.nobullet { 
			width: 16.6667em; 
			margin: 0 0 2.5em 0; 
			font-size: 1.2em; 
			line-height: 1.6667em; 
			
 }
	
			li.widget p, li.nobullet p { 
				margin: 0 0 1.66667em 0; }
			
			li.widget ul, li.linkcat ul, li.nobullet ul { 
				list-style: none; 
				margin: 0 0 0.8333em 0; }
			
				li.widget li, li.linkcat li { 
					padding: 0 0 0 1.16667em; 
					background: url('images/bullet.gif') 0 0.4167em no-repeat; }
				
				li.nobullet li{ 
					padding: 0;}
						
					li.widget li a:visited, li.linkcat li a:visited { 
						color: #795439; }
					
					li.widget li a:hover, li.linkcat li a:hover { 
						color: #795439; }
					
			/*---:[ special widget styles ]:---*/
			
			#calendar_wrap { 
				width: 16.3333em; 
				margin: 0 0 0.8333em 0; 
				padding: 0 0.166667em; }
			
			table#wp-calendar { 
				width: 16.3333em; 
				border-collapse: collapse; }
			
				table#wp-calendar caption { 
					font-weight: bold; 
					line-height: 1.58333em; 
					border-bottom: 0.08333em solid #ccc; }
			
				table#wp-calendar th { 
					width: 2.3333em; 
					font-size: 1.0em; 
					line-height: 1.58333em; 
					border-bottom: 0.08333em solid #ccc; 
					color: #666; 
					text-align: center; }
				
				table#wp-calendar td { 
					width: 2.3333em; 
					line-height: 1.66667em; 
					color: #999; 
					text-align: center; }
				
					table#wp-calendar td a, table#wp-calendar td a:visited { 
						color: #a90000; 
						font-weight: bold; }
					
					table#wp-calendar td a:hover { 
						text-decoration: underline; }
					
				table#wp-calendar td#next, table#wp-calendar td#prev { 
					width: 7.0em; }
			
			/*---:[ the following styles are for the flickrRSS plugin, which is not yet fully supported ]:---*/
			
			li.widget ul.flickr_stream { 
				list-style: none; 
				margin: 0; 
				padding: 0 10px; }
			
				li.widget ul.flickr_stream li { 
					margin: 0; 
					padding: 0 5px 5px 0; 
					display: inline; }
				
					li.widget ul.flickr_stream li a img { 
						padding: 3px; }
					
					li.widget ul.flickr_stream li a:hover img { 
						background: #ff2a96; 
						border-bottom: none; }
	


/*---:[ footer styles ]:---*/

#footer p { 
	font-weight: bold; 
	font-size: 1.0em; 
	text-transform: uppercase; 
	text-align: center; }

#footer a, #footer a:visited { 
	color: #2d303b; }

#footer a:hover { 
	color: #c9c5b0; 
	border-bottom: 1px solid #c9c5b0; }
	
a:hover.nohover {
	text-decoration:none;}



/*---:[ comment styles ]:---*/

#comments { 
	width: 46.8em; }

		dl#comment_list { 
			margin: 0 0 0 0; }
			
			dl#comment_list dt { 
				padding: 0 0 33px 0; 
				background: url('images/comment_top.gif') 0 100% no-repeat; 
				font-size: 1.1em; 
				line-height: 1.8182em; 
				color: #999; }
			
			dl#comment_list dt.author { 
				background: url('images/comment_author_top.gif') 0 100% no-repeat; }
			
				dl#comment_list dt .comment_num { 
					padding: 0 0.3636em 0 0; }
				
					dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { 
						color: #999; }
					
					dl#comment_list dt .comment_num a:hover { 
						color: #a90000; }
					
				dl#comment_list dt strong { 
					font-size: 1.4545em; 
					color: #000; }
					
					dl#comment_list dt strong a, dl#comment_list dt strong a:visited { 
						color: #000; 
						border-bottom: 1px dotted #999; }
					
					dl#comment_list dt strong a:hover { 
						color: #000; 
						border-bottom: 1px solid #fff; }
			
			dl#comment_list dd { 
				width: 428px; 
				padding: 0 20px; 
				margin: 0 0 1.5385em; 
				background: #fff url('images/comment_bottom.gif') 0 100% no-repeat; }
			
			dl#comment_list dd.author { 
				color:#fff;
				background: #795439 url('images/comment_author_bottom.gif') 0 100% no-repeat; }
			
				dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { 
					margin: 0 0 1.1538em 0;
					padding-bottom:10px; }



/*---:[ comment form styles ]:---*/

#comment_form { 
	width: 46.8em; 
	margin: 0 0 4.0em 0; }

		#comment_form a:hover { 
			text-decoration: underline; }
	
		#comment_form p { 
			padding: 0.7692em 0; }
		
			#comment_form label { 
				padding: 0 0 0 0.83333em; 
				font-size: 1.2em; }
	
			#comment_form .text_input { 
				width: 15.3846em; 
				padding: 0.23077em; color: #a90000; 
				font: bold 1.3em Verdana, sans-serif; 
				border-top: 0.15385em solid #999; 
				border-left: 0.15385em solid #999; 
				border-right: 0.07692em solid #eee; 
				border-bottom: 0.07692em solid #eee; }
			
			#comment_form .text_input:focus { 
				border-top-color: #666; 
				border-left-color: #666; 
				border-right-color: #ddd; 
				border-bottom-color: #ddd; }
			
			#comment_form .text_area { 
				width: 32.9231em; }
	
			#comment_form p.subscribe-to-comments { 
				font-size: 1.3em; }
			
				#comment_form p.subscribe-to-comments label { 
					font-size: 1.0em; }
	
			#comment_form .form_submit { 
				padding: 0.5em; 
				background: url('images/submit_bg.gif') repeat-x; color: #000; 
				border: 0.21429em double #999; 
				border-top-color: #ccc; 
				border-left-color: #ccc; 
				font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; 
				cursor: pointer; }
			
			#comment_form .form_submit:hover { 
				color: #a90000; }
				
			

/*---:[ search form styles ]:---*/

#search_form { 
	margin: 0 0 0.5833em 0; }

html[xmlns*=""] body:last-child #search_form { 
	margin: 0 0 0.75em 0; } /* This is a hack for Safari */

		#search_form .search_input { 
			width: 14.91667em; 
			padding: 0.25em; color: #777; 
			font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; 
			border: 0.083333em solid #999; 
			border-right-color: #eee; 
			border-bottom-color: #eee; }
		
		#search_form .search_input:focus { 
			border-top-color: #666; 
			border-left-color: #666; 
			border-right-color: #ddd; 
			border-bottom-color: #ddd; }
		
		#content .search_input { 
			font-size: 0.9231em !important; }
			

#subscribe_form { 
	margin: 0 0 0.5833em 0; }

html[xmlns*=""] body:last-child #subscribe_form { 
	margin: 0 0 0.75em 0; } /* This is a hack for Safari */

		#subscribe_form .subscribe_input { 
			width: 15.91667em; 
			padding: 0.25em; color: #777; 
			font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; 
			border: 0.083333em solid #999; 
			border-right-color: #eee; 
			border-bottom-color: #eee; }
		
		#subscribe_form .subscribe_input:focus { 
			border-top-color: #666; 
			border-left-color: #666; 
			border-right-color: #ddd; 
			border-bottom-color: #ddd; }
		
		#content .subscribe_input { 
			font-size: 0.9231em !important; }
		


/*---:[ self-clearing floats courtesy of Dan Cederholm at simplebits.com ]:---*/

#header:after, #logo:after, #nav:after, #content_box:after, .page .entry:after, #comments:after, dl#comment_list dd:after, #comment_form:after { 
	display: block; 
	height: 0; c
	ontent: "."; 
	visibility: hidden; 
	clear: both; }             
#bp-adminbar-notifications-menu a:visited { color:#ffffff; }
#bp-adminbar-visitrandom-menu a:visited { color:#ffffff; } 
#bp-adminbar-authors-menu a:visited { color:#ffffff; }
#bp-adminbar-blogs-menu a:visited { color:#ffffff; }
#bp-adminbar-random_menu a:visited { color:#ffffff; } 
#bp-adminbar-login-menu a:visited { color:#ffffff; } 
#bp-adminbar-account-menu a:visited { color:#ffffff; }   
#members-dir-list .item-list li, #groups-dir-list .item-list li {clear:both;margin:0 0 2em 0;padding:10px 0;}