@charset "UTF-8";

@import "reset.css";
@import "screen.css";
@import "twitter-box.css";
@import "ModuleStylesheets.css";

/* Global Typography------------------------------------------------------------------------------------------------------- */

body { 
	color: #303030;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Tahoma, sans-serif;
	font-size:85%;
	line-height: 1.5em;
	}

h1,h2,h3,h4,h5,h6 {
	color:#333;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}

h1 {
	border-bottom: 1px solid #9c9e16;
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: -1px;
	margin-bottom: 10px;
	}
	
h2 {
	letter-spacing: -1px;
	}

h2, h3 {
	font-size: 1.3em;
	line-height: 1.4em;
	}

h3 {
	font-size: 1.1em;
	}

h4, h5, h6 {
	line-height: 1.5em;
	text-transform: uppercase;
	}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	}

h5 {
	font-size: 1.1em;
	} 

h6 {
	font-size: 1em;
	}

a:link, a:visited {
        color: #86873a;
	text-decoration: none;	
	}

a:hover, a:active {
	color: #303030;
	}

strong {
	font-weight:bold;
	}

 /* General CSS -------------------------------------------------------------------------------------------------------  */
 
body {
	 background:url(../images/bg.jpg) top center no-repeat #f3e66b    ;
	 }
	 
#sub {
	 background:url(../images/bg-sub.jpg) top center no-repeat #f3e66b    ;
	 }
	 
 
 #site-wrapper {
	 margin:0 auto;
	 width:960px;
	 }
	 
.dashes {
	background:url(../images/dashes.png) repeat-x;
	height:200px;
	position:absolute;
	top:575px;
	width:100%;
	} 

.red {
	color:#971e0b;
	}

 .bttn-social {
	background:url(../images/bttn-black.png) no-repeat top left;
	margin-top:2px; 
	display: inline-block;
	width: 128px;
	height: 38x;
	letter-spacing:normal;
 	line-height: 38px;
	text-indent: 10px;
	border: none;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	color:#999!important; 
	}
	
.bttn-social:hover {
	background-position:0 -38px;
	}
	
.bttn-directions {
	background: transparent url(../images/bttn-yellow-1.png) no-repeat left top;
	margin-top:3px; 
	display: inline-block;
	width: 194px;
	height: 51x;
	letter-spacing:normal;
 	line-height: 51px;
	text-indent: 18px;
	border: none;
	font-size: 13px;
	text-decoration: none;
	color:#8c760d!important;
	}
	
.bttn-directions:hover {
	background-position:0 -51px;
	text-decoration:none;
	}
	
.bttn-directions:focus {
	background-position:0 -102px;
	outline:none;
	}

.bottom-line {
	display:block;
	height:52px;
	margin-bottom:1px;
	padding-bottom:1px;
	}
.bottom-line:hover {
	border-bottom:1px dashed #3d3d3d;
	padding-bottom:0;
	}

.float-left {
	float:left;
	margin:0 15px 0 0;
	}
	
.float-right {
	border:1px solid #fff;
	float:right;
	margin:0 0 5px 15px;
	}

.highlight {
	padding:0 4px;
	color:#f3e66b!important;
	background-color:#333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.highlight:hover {
	color:#333!important;
	background-color:#f3e66b;
	}
	
.announcement-date {
	font-size:9px;
	text-transform:uppercase;
	}	

hr { 
	margin-bottom:9px;
        height: 1px; 
        border-style: none; 
        color: black; 
        background-color: #9c9e16; 
	}

.filesize {
        font-size:9px;
        }


 /* Blog -------------------------------------------------------------------------------------------------------  */

.blog-image {
	margin:10px 0;
	width:620px;
	}

.author {
	color:#971e0b;
	font-size:.7em;
	}
	
.blog-date {
	font-size:.7em;
	}
	
.recent-posts ul {
	list-style:inside url(../images/bullet-arrow.png);	
	margin-bottom:15px;
	}

.recent-posts li {
	padding-bottom:3px;
	}



.blog-header {
        color: #303030;
	text-decoration: none;	
         }

.blog-header:hover {
        color: #86873a;	
         }

/* logo -------------------------------------------------------------------------------------------------------  */   

#logo {
	right:50px;
	position:absolute;
	top:-10px;
	}

/* Navigation  */ 
 
#nav-wrapper {}
 
#nav {
	list-style:none;
	position:absolute;
	top:18px;
	}

#nav li {
	float:left;
	margin-right:1px;
	}

#nav a { 
	 background:#302d30;
	 color: #e7e3b5;
	 display: block;
	 float: left;
	 font-size: .9em;
	 font-weight: bold;
	 -moz-border-radius:5px;
	 padding: 7px 17px 7px 15px;
	 text-decoration: none;
	 }

#nav a:hover {
	background:#f3e66b;
	color:#333;
	}
 
#nav li:last-child > a { 
	background-color:#d2c985;
	color:#000;
 	margin-left:20px;
 	}
 
 /* head -------------------------------------------------------------------------------------------------------  */
 
 #header {
	 left:-300px;
	 position:relative;
	 top:140px;
	 z-index:99;
	 }
 
/* Easy Slider -------------------------------------------------------------------------------------------------------  */

#slider {
  border: none;
  height: 285px;
  left: 300px;
  position: absolute;
  top: 180px;
  z-index: -999;
  }
  
#slider ul{
  background: url(../images/plntd_frame.png) repeat-x;
  width:600px;
  height:285px;
  list-style:none;
  }
  
#slider { 
  /* 
	  define width and height of container element and list item (slide)
	  list items must be the same size as the slider area
  */ 
  
  width:600px;
  height:285px;
  overflow:hidden; 
  }
  
#slider li{
  overflow: hidden;
  width:600px;
  height:285px;
  position: relative;
  top:22px;
  left:23px;
  }
/* Previous Button */
span#prevBtn{
  left: 300px;
  position: absolute;
  top: 450px;
}					
span#prevBtn a {
  height: 20px;
  width: 95px;
  display:block;
  width: 90px;
  padding:10px 10px 10px 7px;
  font: bold 16px sans-serif;
  color:#333;
  background: url("../images/rollover-prev.png") 0 0 no-repeat;
  text-decoration: none;
  }
span#prevBtn a:hover { 
  height: 20px;
  width: 95px;
  background-position: 0 -35px;
  color: #049;
  }
span#prevBtn a:active {
  height: 20px;
  width: 95px;
  background-position: 0 -70px;
  color:#fff;
  }
  
/* Next Button */
span#nextBtn{
  left: 805px;
  position: absolute;
  top: 450px;

}					
span#nextBtn a {
  height: 20px;
  width: 95px;
  display:block;
  width: 90px;
  padding:10px 10px 10px 7px;
  font: bold 13px sans-serif;
  color:#333;
  background: url("../images/rollover-next.png") 0 0 no-repeat;
  text-decoration: none;
  }
span#nextBtn a:hover { 
  height: 20px;
  width: 95px;
  background-position: 0 -35px;
  color: #049;
  }
span#nextBtn a:active {
  height: 20px;
  width: 95px;
  background-position: 0 -70px;
  color:#fff;
  }

/* Content Area -------------------------------------------------------------------------------------------------------  */  

.content {
	position:absolute;
	top:700px;
	width:960px;
	} 
	
.content-sub {
	position:absolute;
	top:440px;
	width:960px;
	z-index:999;
	} 

.columns {
	background:url(../images/bg-yellow.jpg) #faf5c7;
	padding:15px;
	width:930px;
	}

.left-col {
	float:left;
	margin-right:7px;
	width:618px;
	}

.left-col li {
list-style:inside;
margin-left:10px;
}


.left-col ol {
	list-style:outside;
	padding:5px 0 10px 25px;
	}

.left-col ol li {
	list-style:upper-alpha;
	padding-bottom:8px;
	}

.right-col {
	float:right;
	margin-left:8px;
	width:297px;
	}
	
#right-col-sub {
	float:right;
	margin-left:8px;
	width:297px;
	}
	
#right-col-sub h1 {
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:normal;
	line-height:1.5em;
	text-transform:uppercase;
	}

#right-col-sub ul {
	list-style:url(../images/bullet-arrow.png) outside;
	padding:3px 0 15px 25px;
	}
 

	 
.sermon-audio {
	background-color:#e1dcb2;
	padding:10px;
	margin-bottom:15px;
	} 

.social-links li {
	float:left;
	list-style:none;
	padding-bottom:15px;
	}
	
#nested-col-left {
	float:left;
	margin-right:15px;
	width:200px;
	}

#nested-col-right {
	float:left;
	width:400px;
	}
	
.sermon-title {}

.sermon-speaker {}

.sermon-text {
	margin-bottom:5px;
	}
.sermon-description {
	font-size:11px;
	line-height:1em;
	}

.sermon-date {
	}
	
.play {
	float:left;
	margin-right:2px;
	width:33px;
	}
.download {
	float:left;
	width:33px;
	}
	
.video {
	float:left;
	margin:10px;
	width:300px;
	}
	
.page-header {
	margin-bottom:15px;
	}
	
.generosity-left {
	list-style:inside;
	float:left;
	padding-right:2%;
	width:48%;
	}
	
.generosity-right {
	list-style:inside;
	float:left;
	width:48%;
	}
	
 /* Footer -------------------------------------------------------------------------------------------------------  */ 
 
.footer {
	background:url(../images/bg-footer.jpg) repeat-x #5f5f5f;
	clear:both;
	color:#FFC;
	font-size:75%;
	
	padding:25px 15px 15px 15px;
	margin-bottom:20px;
	} 

.footer a {
	color:#f1e128;
	}
	
.footer a:hover {
	color:#f3e66b;
	}

.footer h5 {
	color:#c0b643;
	padding-bottom:6px;
	}

.footer h6 {
	color:#c0b643;
	}

.footer ul {
	list-style:url(../images/bullet-arrow.png) inside;
	padding-left:5px;
	}

#footer-col {
	float:left;
	width:209px;
	 }

.footer-border {
	border-right:1px solid #5f5f5f;	
	padding-right:15px;
	}

.footer-spacer {
	margin-right:15px;
	}

.address-box {
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-radius-topleft: 8px;
	-webkit-border-radius-bottomright: 8px;
	background:#333;
	clear:both;
	line-height:1.1em;
	padding:10px;
	}

address {
	line-height:1.1em;
	}
	
.story-title {
	
	}
	
.story-date {
	background:#333;
	padding:2px;
	}

 /* Site Credits -------------------------------------------------------------------------------------------------------  */ 
 
 .site-credits {
	 font-size:.8em;
	 margin-bottom:20px;
	 text-align:right;
	 }