/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description:
Version: 1.0
Author: Webspec Design
Author URI: http://webspecdesign.com/
Tags:
*/

body{
	background-color:#231f20;
	background-image:url('images/background.png');
	background-repeat:repeat-x;
	font-family:arial,sans-serif;
	font-size:12px;
}
.indent{
	text-indent:25px;
}
#container{
	width:938px;
	margin:10px auto 0; /* 20px top */
}
#header{
	background-image:url('images/header.png');
	background-repeat:no-repeat;
	display:block;
	height:225px; /* 189px, 175px old header */
	width:938px;
}
	#header #nav{
		display:block;
		height:35px;
		line-height:35px;
		list-style:none;
		float:left;
		margin:181px 0 0; /* 146, 131px top */
		padding:0;
		position:relative;
		width:100%;
	}
		#nav li{
			border-right:1px solid #405769;
			display:block;
			float:left;
			height:35px;
			overflow:hidden;
		}
			#nav li a{
				color:#ccc;
				display:block;
				font-size:13px;
				line-height:35px;
				text-decoration:none;
				text-transform:uppercase;
				padding:0 9px;
			}
				#nav li a:hover, #nav li a.active{
					background-image:url('images/nav_hover.png');
					background-repeat:repeat-x;
					color:#fff;
			}
#filler{
	background-color:#FFF;
	width:919px;
	padding:9px;
}
#content{
	background-color:#fff;
	display:block;
	width:919px;
}
	#content.fill{
		background-image:url('images/welcome_background.png');
		background-position:645px 10px;
		background-repeat:repeat-y;
	}
	#content #featured{
		display:block;
		float:left;
		height:245px;
		width:645px;
		margin-right:1px;
	}
		#content #featured img{
			float:left;
		}
	#content #welcome{
		background-image:url('images/welcome_header.png');
		background-repeat:no-repeat;
		display:block;
		float:left;
		height:245px;
		margin-top:-40px;
		width:253px;
		padding:40px 10px 0;
		overflow:hidden;
	}
		#content #welcome .content {
			background-color:#f8f1dc;
			height:245px;
			font-size: 12px;
			color: #333;
		}
			#content #welcome .content h3{
				color:#998675;
				font-size:18px;
				line-height:27px;
				margin:0 0 -6px 0;
				font-weight: normal;
				padding:0;
			}
			
			#content #welcome .content p {
				margin-top: 5px;
				margin-bottom: 0;
			}
			
			#content #welcome .content p.day {
				font-size: 14px;
				font-weight: bold;
				margin-top: 7px;
				margin-bottom: 5px;
			}
				
	#content #page{
		background-image:url('images/content_background.png');
		background-repeat:repeat-x;
		background-color: #bedcf5;
		clear:both;
		display:block;
		min-height:407px;
		height:auto !important;
		height:250px;
		margin:7px 0px -15px 0px;
		width:100%;
	}
		#content #page .latest_events{
			display:block;
			float:left;
			min-height:250px;
			height:auto !important;
			height:250px;
			margin-top:25px;
			width:180px;
			padding:0px 10px;
		}
			#content #page .latest_events h3{
				color:#13324a;
				font-size:14px;
				font-weight:bold;
				margin:0;
				padding:0;
			}
			#content #page .latest_events h4{
				color:#333;
				font-size:13px;
				font-weight:bold;
				margin:15px 0 0;
			}
			#content #page .latest_events p{
				font-size:13px;
				margin:7px 0 0;
				padding:0px 5px;
			}
				#content #page .latest_events p a{
					color:#333;
				}
					#content #page .latest_events p a:hover{
						text-decoration:none;
					}
			#content #page .latest_events .event{
				display:block;
				margin-top:5px;
			}
				#content #page .latest_events .event a{
					color:#333;
					line-height:18px;
					font-size:13px;
					background-image:url('images/blue_arrow.png');
					background-repeat:no-repeat;
					background-position:right;
					padding-right:15px;
				}
					#content #page .latest_events .event a:hover{
						text-decoration:none;
					}
				#content #page .latest_events .event span.time{
					display:block;
					margin-top:2px;
				}
		#content #page #tab{
			color:#13324a;
			font-weight:bold;
			display:block;
			float:left;
			margin-top:11px;
			font-size:20px;
			padding:10px;
		}
		#content #page #tab_content{
			clear:left;
			display:block;
			float:left;
			width:450px;
			padding-top:5px;
			min-height:250px;
			height:auto !important;
			height:250px;
		}
			#content #page #tab_content p{
				padding:0px 5px;
				margin-top:7px;
			}
			#content #page #tab_content a{
				color:#333;
			}
				#content #page #tab_content a:hover{
					text-decoration:none;	
				}
		#content #page #featured_events{
			background-color: #fff;
			display:block;
			float:left;
			min-height:177px;
			height:auto !important;
			height:320px;
			margin-top:60px;
			padding-left:3px;
			width:266px;
		}
			#content #page #featured_events img{
				clear:right;
				display:block;
				float:right;
				height:76px;
				margin-top:7px;
				width:260px;
			}
			#content #page #featured_events p{
				float:right;
				font-size:13px;
				margin-top:7px;
				width:260px;
			}
				#content #page #featured_events p a{
					color:#333;
				}
					#content #page #featured_events p a:hover{
						text-decoration:none;
					}
	#content #inner_page{
		background-image:url('images/content_background.png');
		background-repeat:repeat-x;
		display:block;
		float:left;
		min-height:300px;
		height:auto !important;
		height:300px;
		margin-right:6px;
		padding:9px;
		width:622px;
		overflow:hidden;
	}
		#content #inner_page h3{
			border-bottom:1px solid #13324a;
			color:#efcf66;
			font-size:17px;
			font-weight:bold;
			margin:0;
			padding:0;
		}
			#content #inner_page h3.seperate{
				margin-top:30px;
			}
		#content #inner_page h4{
			font-size:15px;
			font-weight:bold;
			margin-bottom:5px;
			margin-top:5px;
		}
		#content #inner_page h5{
			font-size:13px;
			font-weight:bold;
		}
		#content #inner_page #sermon{
			display:block;
			height:20px;
			overflow:hidden;
		}
		#content #inner_page p{
			line-height:17px;
			margin-top:15px;
			font-weight:normal;
		}
		#content #inner_page a{
			color:#000;
		}
			#content #inner_page a:hover{
				text-decoration:none;
			}
		#content #inner_page .prayer_request label{
			display:block;
			float:left;
			font-weight:bold;
			padding-top:2px;
			width:95px;
		}
		#content #inner_page .prayer_request input.text{
			font-size:11px;
			padding:2px;
			width:200px;
		}
		#content #inner_page .prayer_request textarea{
			font-size:11px;
			height:150px;
			padding:2px;
			width:350px;
		}
		#content #inner_page .staff{
			display:block;
			margin-top:15px;
		}
			#content #inner_page .staff .staff_img_container{
				display:block;
				float:left;
				margin-bottom:5px;
				margin-right:5px;
				width:200px;
			}
				#content #inner_page .staff .staff_img_container img{
					display:block;
					margin-left:auto;
					margin-right:auto;
				}
			#content #inner_page .staff .name{
				font-size:13px;
				font-weight:bold;
			}
#footer{
	background-color:#1a1a1a;
	color:#666;
	display:block;
	height:34px;
	width:100%;
}
	#footer .left{
		float:left;
		line-height:34px;
		margin-left:18px;
	}
	#footer .right{
		float:right;
		line-height:34px;
		margin-right:18px;
	}
		#footer a{
			color:#999;
		}
			#footer a:hover{
				text-decoration:none;
			}

/* Multilevel Dropdown */
#nav ul{
	background: #BD9E37; /* #EB9F2F; */
	margin:0 0 0 -1px;
	padding:0;
	position:absolute;
	display:none;
	top:35px;/* How far down the second level appears */
	list-style:none;
	z-index:100;
	width:162px;
	border-bottom:1px solid #405769;
}
#nav ul li{
	border:none;
	height:auto;
}
#nav ul a{
	color:#fff;
	width:150px;
	height:25px;
	line-height:25px;
	float:left;
	border-left:1px solid #405769;
	border-right:1px solid #405769;
	padding:0 0 0 10px;
	display:block;
	text-transform:none;
	font-size:12px;
}
	#nav ul a:hover{
		background:#BD9E37;
		color:#333;
		font-weight:700;
	}
#nav li:hover ul{
	display:block;
}
/* End Multilevel Dropdown */

/* General Styles */
.blue_arrow{
	background-image:url('images/blue_arrow.png');
	background-repeat:no-repeat;
	display:inline-block;
	height:9px;
	margin-left:2px;
	width:13px;
}
.orange_arrow{
	background-image:url('images/orange_arrow.png');
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
}
.orange_arrow_back{
	background-image:url('images/orange_arrow_back.png');
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
}
.orange_download_arrow{
	background-image:url('images/orange_download_arrow.png');
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;
}
.button_large{
	background-image:url('images/button_large.png');
	background-repeat:no-repeat;
	color:#666;
	display:block;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	line-height:43px;
	margin:10px auto 0 auto;
	padding-left:25px;
	width:213px;
	text-decoration:none;
}
.button_small{
	background-image:url('images/button_small.png');
	background-repeat:no-repeat;
	color:#666;
	display:block;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	line-height:34px;
	margin:15px auto 0 auto;
	padding-left:15px;
	width:175px;
	text-decoration:none;
}
.clear{
	clear:both;
}
.error{
	color:#C00;
	display:block;	
	font-weight:bold;
	padding-bottom:5px;
}
.no_margin_top{
	margin-top:0 !important;
}
.none{
	display:none;	
}
.success{
	color:#00AF33;	
	display:block;	
	font-weight:bold;
	padding-bottom:5px;
}
	.success a{
		color:#00AF33;
	}
	
.page--events ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.page--events li {
	margin-bottom: 10px;
}

.page--events ul {
	margin-left: 20px;
}

.page--events .event-date {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.page--events .event-title {
	font-size: 1em;
}

div.latest_events {
	color: #333;
}

div.latest_events ul {
	list-style-type: none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
}

div.latest_events ul ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 15px;
}

	div.latest_events ul ul li {
		margin-bottom: 8px;
	}

div.latest_events .event-title {
	font-size: 13px;
	font-weight: normal !important;
}

div.latest_events .event-date {
	font-size: 13px;
	display: block;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

div.latest_events .event-time {
	font-size: 11px;
}

.event-title a {
	background-image:url("/images/blue_arrow.png");
	background-position:right center;
	background-repeat:no-repeat;
	color:#333333;
	font-size:13px;
	line-height:18px;
	padding-right:15px;
}
#facebook_sup{
	background-image: url(images/facebook-logo.png);
	height: 45px;
	width: 45px;
	position:relative;
	left:878px;
	top:200px;
}
#facebook_sup a{
	display: block;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	text-indent: -1000em;  /* This is the part that hides the text */
	text-align: left;
	text-decoration: none; 
	outline: none; /* gets rid of the dotted border on the link */
	border: none;
	background-image: url(images/facebook-logo.png);
	height: 45px;
	width: 45px;
}