/* Global Body Styles */


body {
	background: #1e1e1e url('images/body-bg.jpg') repeat;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Helvetica, Arial;
}


h1, h2, h3, h4, h5, h6{ 
	margin: 0;
}

h1{ 
	font-size: 20px;
	font-weight: normal;
}


a { 
	font-size: 13px;
}



img{ 
	border: none;
}


.left{ 
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
}
.right{ 
	float: right;
	display: inline;
	position: relative;
	overflow: hidden;
	padding-right: 8px;
}

.alignleft{ 
	float: left;
	display: inline;
}

.alignright{ 
	float: right;
	display: inline;
}

/* Forms */

input{ 
	background: white;
	border: solid 2px #ccc;
	height: 15px;
	padding: 5px;
}

input.donate-btn{ 
	border: none;
	height: 22px;
	background: none;
	padding: 0;
}

input.submit, input#submit{ 
	background: #8daeae;
	padding: 5px 20px;
	text-align: center;
	color: #424242;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 0;
	border: none;
	height: 28px;
}

input.submit:hover, input#submit:hover { 
	background: #8dae70;
	color: #fffeff;
	cursor: pointer;
}


textarea{ 
	background: white;
	border: solid 2px #ccc;
	padding: 10px;
}

/* Main Template Styles */

#body-wrap { 
	background: url('images/header-bg.jpg') no-repeat center top;
	min-height: 500px;
	min-width: 960px;
}

#top { 
	background: #115156 url('images/top-bg.jpg') repeat-x;
	height: 30px;
	color: white;
	border-bottom: 1px solid;
	border-color: #145a5f;
	font-weight: normal;
	font-size: 11px;
}

#top a{ 
	color: white;
	text-decoration: none;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	line-height: 30px;
}

#top a:hover{ 
	text-decoration: underline;
}

.social-links{ 
	float: right;
	margin-right: 50px;
}

#header{ 
	margin: 40px auto;
}

#navmenu ul {
	margin: 20px 0;
	padding: 0; 
	list-style-type: none;
	list-style-image: none;
}

#navmenu li {
	display: inline;
}

#navmenu ul li a {
	text-decoration:none; 
	margin-right: 4px;
	padding: 3px 8px;
	color: white;
	font-weight: bold;
}

#navmenu ul li.current_page_item a  { 
	background: #005156;
}

#navmenu ul li a:hover {
	background: #005156;
}

ul.post-categories{ 
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

ul.post-categories li{ 
	display: inline;
}

#logo{ 
	background: url('images/logo.png') no-repeat;
	height: 71px;
}

#content{ 
	position: relative;
	padding: 10px 20px 10px 20px;
}

#sidebar { 
	background: #d5d0c9 url('images/sidebar-bg.jpg') right repeat-y;
	margin-top: 25px;
}

#sidebar p{ 
	font-size: 12px;
	color: #4c4134;
	letter-spacing: .5px;
	margin: 15px 25px 15px 25px;
}

#page-wrapper { 
	background: #f1f0ec url('images/page-bg.jpg') center repeat-y;
}

.page{ 
	min-height: 940px; /* If you change this, you have to change #sidebar too */
}

/* Safari 3.0 and Chrome rules here */

@media screen and (-webkit-min-device-pixel-ratio:0) {

.page{ 
	min-height: 900px; /* If you change this, you have to change #sidebar too */
}

}

/* END Safari 3.0 and Chrome rules */


#page-bottom{ 
	background: #f1f0ec url('images/page-bottom.jpg') center repeat-y;
	height: 21px;
}

.page a{ 
	color: #3b9b83;
	font-size: 13px;
	font-weight: bold;
	font-style: oblique;
	text-decoration: none;
}

.page a:hover{ 
	color: #444;
}

/* PREV NEXT NAV */

.navigation a { 
	font-size: 12px;
	color: #8a8a8a;
}
.navigation{ 
	color: #8a8a8a;
}

.featured h3{ 
	background: #18575a url('images/featured-header-bg.jpg') left no-repeat;
	height: 23px;
	width: 282px;
	position: absolute;
	font-size: 15px;
	letter-spacing: .5px;
	color: #fff;
	padding: 12px 0 8px 30px;
	text-transform: uppercase;
	left: -12px;
	top: 20px;
	z-index: 99;
}

.featured img{ 
	margin: 5px 0 5px 20px;
}

.page-tear-top{
	height: 17px; 
	background: #d5d0c9 url('images/tear-top.jpg') center no-repeat;
}

.page-tear-bottom{
	height: 17px; 
	background: #d5d0c9 url('images/tear-bottom.jpg') center no-repeat;
}

#coffee{
	background: #5d5349 url('images/starbucks.png') 8% 50% no-repeat;
	padding: 10px 15px 10px 100px;
}

#coffee p{ 
	margin: 0px;
	color: #dad5cc;
	font-weight: bold;
}

#coffee h3{ 
	color: #e1b131;
	padding: 0;
	margin: 0;
}

#welcome-video{ 
	background: #000;
	padding: 10px 0;
}

#prayer a, #testimony a, #salvation a{ 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px 25px 15px 75px;
	text-transform: uppercase;
	text-decoration: none;
	color: #636363;
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-top: 25px;
	font-style: normal;
	float:left;
	min-width: 200px;
}

#prayer, #testimony{ 
	margin-right: 20px;
}

#prayer a{ 
	background: black url('images/prayer-icon.png') no-repeat 5% 70%;
}
#prayer a:hover{ 
	background: #fff url('images/prayer-icon.png') no-repeat 5% 70%;
}
#testimony a{ 
	background: black url('images/testimony-icon.png') no-repeat 5% 75%;
}
#testimony a:hover{ 
	background: #fff url('images/testimony-icon.png') no-repeat 5% 75%;
}
#salvation a{ 
	background: black url('images/desperate-icon.png') no-repeat 5% 70%;
}
#salvation a:hover{ 
	background: #fff url('images/desperate-icon.png') no-repeat 5% 70%;
}

.container_16.banners{margin-bottom: 25px}

#footer{ 
	background: #1b1b1b url('images/footer-bg.jpg') repeat-x top;
	min-height: 200px;
	position: relative;
	color: #fff;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 1px;
}

#footer h4{ 
	color: #1c9d89;
	font-size: 19px;
	font-weight: normal;
	margin:0;
}

.iphone{
	margin: 50px 0 0 20px;
	background: url('images/iphone.png') no-repeat 0 50% ;
	padding-left: 80px; 
	min-height: 115px;
	float: left;
}

.copyright{ 	
	background: url('images/reign7-logo.png') no-repeat 100% 0%;
	margin-top: 70px;
	margin-right: 45px;
	font-size: 11px;
	letter-spacing: normal;
	float: right;
	text-align: right;	
}

.copyright img{ 
	float: right;
}

#latest-news, #the-word{ 
	width: 294px;
	margin: 10px 6px 10px 15px;
}

#latest-news h2{ 
	color: #008161;
	font-size: 20px;
	margin: 2px 0 1px 0;
}

#latest-news h3{ 
	margin-top: 2px;
}

#latest-news h3 a{ 
	color: #575757;
	font-size: 14px;
	text-decoration: none;
}


#latest-news h3 a:hover{ 
	text-decoration: underline;
}

#latest-news .post{ 
	background: #fff;
	padding: 13px;
	margin: 10px 0;
}

#latest-news .post img{ 
	margin-bottom: 6px;
}

#latest-news small, #latest-news small a{ 
	color: #adadad;
	font-size: 10px;
	text-decoration:none;
}

#latest-news span.day{ 
	color: #e6e6e6;
	font-size: 32px;
	letter-spacing: -2px;
	float: left;
	margin-right: 10px;
	display: block;
}

#latest-news small a:hover{ 
	text-decoration: underline;
}

a.more-link { 
	display: block;
	width: 64px;
	margin-top: 5px;
	padding-bottom: 3px;
	background: url('images/dotted-line-read-more.png') repeat-x 0 100%;	
}

.post h2, .post h2 a{ 
	color: #3ba086;
	text-decoration: none;
	font-size: 18px;
	font-style: oblique;
	margin-bottom: 8px;
}

h2.page-header{ 
	font-size: 24px;
	border-bottom: dotted 3px #ccc;
	padding-bottom: 5px;
}

.post h2 a:hover{ 
	color: #3ba086;
	text-decoration: underline;
}

.post h3 a{ 
	font-style: normal;
}

.post small, .post small a{ 
	font-size: 10px;
	color: #868686;
	text-decoration: none;
}

.post small a:hover{ 
	text-decoration: underline;
}

.post p{ 
	color: #575757;
	font-size: .9em;
	line-height: 1.3em;
}

.green-header{ 
	background: url('images/featured-header-bg-green.jpg');
	padding: 5px 10px;
	margin-bottom: 8px;
	overflow: hidden;
}

.blue-header{ 
	background: url('images/featured-header-bg-blue.jpg');
	padding: 5px 10px;
	margin-bottom: 8px;
}


.green-header h1, .green-header h1 a{ 
	color: #fff;
	display: inline;
	float: left;
}

.blue-header h1, .blue-header h1 a{ 
	color: #fff;
}

.green-header span a, .blue-header span a{ 
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	background: #475828;
	padding: 3px 8px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	margin-top: 3px;
}

.green-header span a:hover, .blue-header span a:hover{ 
	color: #475828;
	background: #fff;	
}

/* Dividers */

.dotted-line-tan{ 
	background: url('images/dotted-line-tan.jpg') repeat-x;
	margin: 10px 25px 10px 25px;
	height: 2px;
}

.dotted-line-brown{ 
	background: url('images/dotted-line-brown.jpg') repeat-x;
	margin: 10px 0px 10px 0px;
	height: 2px;
}

.dotted-line-teal{ 
	background: url('images/dotted-line-teal.png') repeat-x;
	margin: 5px 0px 0px 0px;
	height: 2px;
	width: 230px;
}

.dotted-line-grey{ 
	background: url('images/dotted-line-grey.png') repeat-x;
	margin: 5px 0px 15px 0px;
	height: 2px;
}

.dotted-line-grey2{ 
	margin: 5px 0px 15px 0px;
	height: 1px;
	border-bottom: 2px dotted #CCCCCC;
}


.mail-icon{ 
	width: 169px;
	height: 152px;
	float: right;
	background: url('images/mail-icon.jpg') no-repeat;
	float:right;
}


/* Buttons */

.donate-btn { 
	float: left;
}

.blue-button{ 
	background: #8daeae;
	padding: 5px 20px;
	text-align: center;
	color: #424242;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 0;
}

.blue-button:hover { 
	background: #8dae70;
	color: #fffeff;
}

img.directions { 
	background: url('images/directions-button.jpg') no-repeat 0 0;
}

img.directions:hover { 
	background: url('images/directions-button.jpg') no-repeat 0 98%;
}

/* Slideshow */

#slideshow{ 
	padding: 12px;
}

/* Containers
---------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow: hidden;
}

/* Grid >> Global
---------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
/* .grid_5, */
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
/* .grid_11, */
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Modified grids 5 & 11 so there's no gap */

.grid_5,
.grid_11{ 
	display:inline;
	float: left;
	position: relative;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
---------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
---------------------------------------------------------------------------------------------*/
    .container_16 .grid_1 {
	width:40px;
}
    .container_16 .grid_2 {
	width:100px;
}
    .container_16 .grid_3 {
	width:160px;
}
    .container_16 .grid_4 {
	width:220px;
}
    .container_16 .grid_5 {
	width:300px; /* This used to be 280 but I didn't want any gaps between grids 5 & 11 */
}
    .container_16 .grid_6 {
	width:340px;
}
    .container_16 .grid_7 {
	width:400px;
}
    .container_16 .grid_8 {
	width:410px;  was 460px, but we made some margin adjustments */
}
    .container_16 .grid_9 {
	width:520px;
}
    .container_16 .grid_10 {
	width:580px;
}
    .container_16 .grid_11 {
	width:640px;
}
    .container_16 .grid_12 {
	width:700px;
}
    .container_16 .grid_13 {
	width:760px;
}
    .container_16 .grid_14 {
	width:820px;
}
    .container_16 .grid_15 {
	width:880px;
}
    .container_16 .grid_16 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
---------------------------------------------------------------------------------------------*/
    .container_16 .prefix_1 {
	padding-left:60px;
}
    .container_16 .prefix_2 {
	padding-left:120px;
}
    .container_16 .prefix_3 {
	padding-left:180px;
}
    .container_16 .prefix_4 {
	padding-left:240px;
}
    .container_16 .prefix_5 {
	padding-left:300px;
}
    .container_16 .prefix_6 {
	padding-left:360px;
}
    .container_16 .prefix_7 {
	padding-left:420px;
}
    .container_16 .prefix_8 {
	padding-left:480px;
}
    .container_16 .prefix_9 {
	padding-left:540px;
}
    .container_16 .prefix_10 {
	padding-left:600px;
}
    .container_16 .prefix_11 {
	padding-left:660px;
}
    .container_16 .prefix_12 {
	padding-left:720px;
}
    .container_16 .prefix_13 {
	padding-left:780px;
}
    .container_16 .prefix_14 {
	padding-left:840px;
}
    .container_16 .prefix_15 {
	padding-left:900px;
}


/* Suffix Extra Space >> 2 Columns
---------------------------------------------------------------------------------------------*/
    .container_16 .suffix_1 {
	padding-right:60px;
}
    .container_16 .suffix_2 {
	padding-right:120px;
}
    .container_16 .suffix_3 {
	padding-right:180px;
}
    .container_16 .suffix_4 {
	padding-right:240px;
}
    .container_16 .suffix_5 {
	padding-right:300px;
}
    .container_16 .suffix_6 {
	padding-right:360px;
}
    .container_16 .suffix_7 {
	padding-right:420px;
}
    .container_16 .suffix_8 {
	padding-right:480px;
}
    .container_16 .suffix_9 {
	padding-right:540px;
}
    .container_16 .suffix_10 {
	padding-right:600px;
}
    .container_16 .suffix_11 {
	padding-right:660px;
}
    .container_16 .suffix_12 {
	padding-right:720px;
}
    .container_16 .suffix_13 {
	padding-right:780px;
}
    .container_16 .suffix_14 {
	padding-right:840px;
}
    .container_16 .suffix_15 {
	padding-right:900px;
}


/* Push Space >> 2 Columns
---------------------------------------------------------------------------------------------*/
    .container_16 .push_1 {
	left:60px;
}
    .container_16 .push_2 {
	left:120px;
}
    .container_16 .push_3 {
	left:180px;
}
    .container_16 .push_4 {
	left:240px;
}
    .container_16 .push_5 {
	left:300px;
}
    .container_16 .push_6 {
	left:360px;
}
    .container_16 .push_7 {
	left:420px;
}
    .container_16 .push_8 {
	left:480px;
}
    .container_16 .push_9 {
	left:540px;
}
    .container_16 .push_10 {
	left:600px;
}
    .container_16 .push_11 {
	left:660px;
}
    .container_16 .push_12 {
	left:720px;
}
    .container_16 .push_13 {
	left:780px;
}
    .container_16 .push_14 {
	left:840px;
}
    .container_16 .push_15 {
	left:900px;
}




/* Pull Space >> 2 Columns
---------------------------------------------------------------------------------------------*/
    .container_16 .pull_1 {
	right:60px;
}
    .container_16 .pull_2 {
	right:120px;
}
    .container_16 .pull_3 {
	right:180px;
}
    .container_16 .pull_4 {
	right:240px;
}
    .container_16 .pull_5 {
	right:300px;
}
    .container_16 .pull_6 {
	right:360px;
}
    .container_16 .pull_7 {
	right:420px;
}
    .container_16 .pull_8 {
	right:480px;
}
    .container_16 .pull_9 {
	right:540px;
}
    .container_16 .pull_10 {
	right:600px;
}
    .container_16 .pull_11 {
	right:660px;
}
    .container_16 .pull_12 {
	right:720px;
}
    .container_16 .pull_13 {
	right:780px;
}
    .container_16 .pull_14 {
	right:840px;
}
    .container_16 .pull_15 {
	right:900px;
}


/* Clear Floated Elements
---------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}