/* FBC Worship Specific Styles */


/* Service Info
-------------------------------*/
.serviceinfo { margin-bottom: 20px; float: left; }
.serviceinfo p { margin: 6px 0; }
.serviceinfo img { margin: 3px 10px 0 0; float: left; }
.servicetext { width: 320px; float: left; }
.slideshowpop {	background: url(/_data/images/site/sub/ico_slideshow.gif) 0 0 no-repeat; padding: 0 0 2px 20px;  }
#servicebroadcast { float: left; }


/* Sermon Audio 
-------------------------------*/
.sermon_audio { 
	float: left; 
	width: 100%; 
}

#content .sermon_audio h3 {	
	background: #d5e3f7; 
	border-bottom: 1px solid #bdcee7; 
	padding: 6px; 
	font-size: 1.1em; 
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
}

.sermon_audio dl { 
	float: left; 
	border-bottom: 1px solid #e7ebf2;
	padding:  8px 0;
	width: 100%;
	margin: 0;
}
.sermon_audio dt { width: 320px; float: left; padding-left: 6px;} 
.sermon_audio strong { display: block; }
.sermon_audio dd { float: left; }

.sermon_audio .mp3, .sermon_audio .text { 
	text-align: center; 
	color: #666; 
	height: 16px;
	margin: 5px 0 0 35px;
}

.sermon_audio .mp3 a, .sermon_audio .text a {
	display: block;
	text-indent: -9999px;
	width: 16px;
	padding-bottom: 5px;
}

.sermon_audio .mp3 a { background: url(/_data/images/site/sub/ico_listen.gif) 0 0 no-repeat; }
.sermon_audio .text a { background: url(/_data/images/site/sub/ico_transcript.gif) 0 0 no-repeat; }

#audio_legend { 
	color: #666; 
	font-weight: bold; 
	text-transform: uppercase;
}
#audio_legend span { float: right; margin-right: 15px;}
#audio_legend .listen { margin-right: -3px; }

.listen { padding-right: 20px; }

.sermon_archive { display: block; margin: 20px 0; float: left; }

/* Music
-------------------------------*/
.music #content h4 { margin: 30px 0 0 0; }
.music #content strong { display: block; margin-bottom: 8px; }

#choir1, #choir2 {
	width: 210px;
	height: 400px;
	float: left;
	text-align: center;
	margin-bottom: 70px;
}

#choir1 { border-right: 1px solid #ebebeb; }

#choir1 img, #choir2 img { border: 0; margin-top: 20px;}

#content #choir1 strong, #content #choir2 strong { margin-bottom: 0; }

#mStaff1, #mStaff2 {
	width: 220px;
	float: left;
	margin: 10px 0;
}

.mstaff { float: left; margin-bottom: 15px;}

#content .mstaff img {
	float: left;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
}

.music #content .mstaff strong { margin: 0; }


/* CONTACT Blog 
-----------------------------------------------*/
#contact_title {
	width: 450px;
	height: 178px;

	text-indent: -9999px;
	padding-bottom: 20px;
}

#comment_input {
	border: 1px solid #eaeaea;
	padding: 20px;
	float: left;
	width: 408px;
	margin-top: 15px;
}

#comment_input label { display: block; font-weight: bold;}

#comment_input input, #comment_input textarea {
	padding: 3px;
	border: 1px solid #999;
	color: #666;
	font-family: "lucida grande", tahoma, verdana, sans-serif;
}

#comment_input textarea { font-size: 1.1em; }

#comment_input input.submit, #commentPreview input.submit, #comment_input input#preview { 
	float: left;
	height: 18px;
	padding: 0;
	margin: -1px 0 0 0;
	border: 0;
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.submit { background: url(/_data/images/site/sub/btn_submit.gif) 0 0 no-repeat; width: 63px; }
.submit:hover { background: url(/_data/images/site/sub/btn_submit.gif) 0 -18px no-repeat; }	

#preview { background: url(/_data/images/site/sub/btn_preview.gif) 0 0 no-repeat;	width: 76px; }
#preview:hover { background: url(/_data/images/site/sub/btn_preview.gif) 0 -18px no-repeat; }


#comment_options {
	float: left;
	background: #e9f2ff;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 10px 0 10px 20px;
	width: 428px;
}

#comment_options p { margin-bottom: 5px; }


.one {
	background: url(/_data/images/site/sub/bkg_comments.gif) 0 0 repeat-x;
	border-top: 1px solid #d0d2a3;
	border-bottom: 1px solid #e8e9d0;
	margin: 10px 0;
}

.one, .two {
	padding: 10px;
	float: left;
	width: 95%;
}

.one a, .two a { font-size: 1.1em; font-weight: bold; }

.gravatar {
	border: 2px solid #fff;
	float: left;
	margin-right: 10px;
}

.comment_text {
	float: left;
	width: 365px;
}

.comment_text small { font-size: .95em; }

#commentPreview {
	background: #feffce;
	border: 1px solid #f3f4c6;
	padding: 10px;
	width: 95%;
	margin: 20px 0;
	float: left;
}