@charset "utf-8";
/* 
Main Stylesheet
Copyright 2011 Heritage Christian Center
Designer: Neil Keena | nkeena1@gmail.com
*/

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {mlist-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* */

body {background:url(images/background.png) center repeat-y #e4dcda; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}

h1 {color:#526625; font-size:3.5em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0.5em; font-weight:normal;}
h2 {color:#2b0e05; font-size:2.5em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0.5em; font-weight:normal;}
h3 {color:#414ba1; font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0.5em; font-weight:normal;}
h4 {color:#414ba1; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0.5em; font-weight:normal;}
p {line-height:1.5; margin-bottom:1em;}
table {margin-bottom:1em; border-collapse:collapse;}
td, th {padding:5px 10px; line-height:1.5;}
th {font-weight:bold;}
td b {color:#414ba1; font-weight:bold;}
strong {font-weight:bold;}
em {font-style:italic;}
.content a {color:#414ba1;}
.content a:hover {color:#25283b;}

.clear {clear:both;}
.roundbtn {background:#e6d4bc; border:1px solid #cfb698; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; color:#b17317; text-decoration:none;}
a.roundbtn:hover {text-decoration:underline;}
.grnbtn {background: url(images/control_play.png) no-repeat 90px center #3a3f19; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; padding-right:30px; color:#fff; text-decoration:none; font-size:0.6em; float:right;}
a.grnbtn:hover {text-decoration:underline;}

a.prpbtn, input.prpbtn {color:#fff; background:url(images/prpbtn.png) repeat-x top left #353a58; border:1px solid #353a58; padding:5px 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; cursor:pointer; font-weight:bold;}
a.prpbtn:hover, input.prpbtn:hover {background:#6067a1;}

a.audiolink {cursor:pointer; text-decoration:underline;}


.masthead {background:url(images/bg_header.jpg) top center repeat-x #506725; padding:10px;}
.header {width:960px; margin:auto; position:relative;}

.new {position:absolute; top:10px; right:0; background:#3a3f19; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; padding: 10px 20px; text-align:center; width:200px;}
.new a {color:#b0cc73; text-decoration:none;}
.new a span {color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.5em; display:block;}

.navarea {background:#2b0e05; border-bottom:3px solid #643823; border-top:3px solid #643823; overflow:auto;}
.nav {width:960px; margin:auto; font-weight:bold; font-size:13px;}
.nav li {display:inline;}
.nav li a {display:block; padding: 10px 28px; float:left; text-decoration:none; color:#d1b89a; border-right:1px solid #2b0e05;}
.nav li a:hover, .nav li a.cur {background:#643823;}

.banner {background:#2b0e05; width:960px; height:247px; margin:auto; position:relative; padding-bottom:10px; text-align:right;}
.banner img {border-bottom:1px solid #643823;}
#slideshowHolder {width:697px; float:right; height:247px;}
.ft-title {width: 697px; text-align: right;}
.ft-title a {color:#fff; text-decoration:none; background:url(images/grnbtn.png) repeat-x top left #336b35; 
padding:10px 20px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; font-size:18px; font-weight:bold; border-left:1px solid #336b35; border-top:1px solid #336b35;}
.ft-title a:hover {text-decoration:underline;}

#service-info {position:absolute; left:0; top:0; width:219px; height:211px; background:url(images/bg_flap.png) no-repeat top left; text-align:left; padding-right:50px; padding-left:20px; padding-bottom:20px; padding-top:20px; color:#4a2811; z-index:2000;}

#mediaspace {padding-bottom:1em;}

.content {background:url(images/bg_content.jpg) top left repeat-y #f2e9d7; width:920px; margin:auto; color:#4a2811; padding:40px 20px; overflow:auto; border-top:1px solid #fff; border-bottom:1px solid #d3ba9c;}
.ltcol {width:520px; float:left; padding-right:100px;}
.ltcol img {float:left; padding:5px; border:1px solid #d3ba9c; background:#fff; margin-right: 0.5em;}
.ltcol td {vertical-align:top;}
.ltcol td img {margin-top:0.5em; margin-right:0;}
.ltcol ul {line-height:1.5; margin-left:2em; margin-bottom:1em;}
.ltcol ul li {margin-bottom:1em;}
.rtcol {width:300px; float:left;}
.box {background:#e6d4bc; border:1px solid #cfb698; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:20px;}
.box p {margin-bottom:2em;}

.sub {background:url(images/bg_sub.jpg) top left repeat-x #2b1006; width:960px; margin:auto; overflow:auto;}
.sub_lt {background:url(images/bg_brn.png) repeat; width:350px; float:left; color:#f1e2cd; padding:20px 10px; font-weight:bold;
	-moz-border-radius-topright: 		30px;
	-moz-border-radius-bottomright: 	30px;
	-webkit-border-top-right-radius: 	30px;
	-webkit-border-bottom-right-radius:	30px;
	border-bottom-right-radius: 		30px;
	border-top-right-radius: 			30px;
}
.sub_lt strong {font-family:Georgia, "Times New Roman", Times, serif; font-size:3em; font-weight:normal;}
.sub_lt span {color:#746955;}
.sub_rt {width:250px; float:right; color:#fff; font-size:2em; padding-top:25px; padding-left:20px; padding-right:20px;}

.audio {background:url(images/bg_audio.jpg) top left repeat-x #526625; width:960px; margin:auto; overflow:auto;}
.audio_lt {background:url(images/bg_grn.png) repeat; width:350px; float:left; color:#f1e2cd; padding:20px 10px; font-weight:bold;
	-moz-border-radius-topright: 		30px;
	-moz-border-radius-bottomright: 	30px;
	-webkit-border-top-right-radius: 	30px;
	-webkit-border-bottom-right-radius:	30px;
	border-bottom-right-radius: 		30px;
	border-top-right-radius: 			30px;
}
.audio_lt strong {font-family:Georgia, "Times New Roman", Times, serif; font-size:3em; font-weight:normal;}
.audio_lt span {color:#3a3f19;}
.audio_rt {width:540px; float:left; color:#fff; font-size:2em; padding-top:25px; padding-left:20px; padding-right:20px;}
.audio_rt p {line-height:normal; margin:0; padding:0; width:400px; float:left; overflow:hidden;}

.social {background:url(images/bg_social.jpg) top left repeat-x #44496f; width:960px; margin:auto; overflow:auto;}
.social_lt {background:url(images/bg_prp.png) repeat; width:350px; float:left; color:#f1e2cd; padding:20px 10px; font-weight:bold;
	-moz-border-radius-topright: 		30px;
	-moz-border-radius-bottomright: 	30px;
	-webkit-border-top-right-radius: 	30px;
	-webkit-border-bottom-right-radius:	30px;
	border-bottom-right-radius: 		30px;
	border-top-right-radius: 			30px;
}
.social_lt strong {font-family:Georgia, "Times New Roman", Times, serif; font-size:3em; font-weight:normal;}
.social_lt span {color:#25283b;}
.social_rt {width:390px; float:left; color:#f1e2cd; padding-left:20px; padding-right:20px; background:url(images/twitter.png) no-repeat left center; padding-top:20px; padding-bottom:20px; padding-left:150px;}
.social_rt a {color:#fff; text-decoration:underline; font-weight:bold;}

.footer {background:#2b0e05; width:940px; padding:20px 10px; margin:auto; color:#d1b89a; border-top:1px solid #000; border-bottom:1px solid #000;}

label {display:block; font-weight:bold; margin-bottom:1em;}
input.text, textarea.text {width:278px; padding:10px; background:#eee; border:1px solid #cfb698; margin-bottom:1em; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
input.text:focus, textarea.text:focus {background:#fff;}
textarea.text {height:100px; display:block;}

.tweet_list {list-style:none; margin:0; padding:0;}

table.audio_tbl td {font-size:1.2em;}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #cfb698;
	background: #e6d4bc;
	text-decoration: none; /* no underline */
	color: #2b0e05;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b0e05;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #2b0e05;
		
		font-weight: bold;
		background-color: #2b0e05;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #e6d4bc;
	
		color: #cfb698;
	}