/*
Theme Name: Vermillion 0.2
Theme URI: http://vermillionchristian.com/
Description: Vermillion Christian Church's Theme
Author: Erich Stauffer
Author URI: http://www.watershawl.com
Colors: yellow F5C130, orange-red AD3B10, blue 69ABD0,  off-white ECEEEC
*/

/* CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote {
    margin: 1em 20px;
    padding-left: 50px;
    background: transparent url(images/quote.gif) no-repeat;
	min-height: 33px;
	line-height: 1.5;
}
a img {border:none;}
a {cursor: pointer; outline: none; text-decoration: none;}
ul, li {list-style-type: none;}
h3 { font-size: 1.3em; padding: 10px 0;}
hr { margin: 0 0 10px;}

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #69ABD0;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	color: #333333;
	margin: 10px 0 0 0;
	font-family: times, serif;
}

#wrapper { /* this is the area around the #content div and the sidebar */
	position: relative;
	width: 1000px;
	/*For sticky bottom grass, the negative bottom # should always be the same # as the height of and .push and.grass.*/
	/*The negative margin should always equal the full height of the grass (including any padding or borders added).*/
	margin: 20px auto -24px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.push, .grass {
	height: 24px;
}

.grass {
	float: left;
	width: 100%;
	background-image: url(images/grass.jpg);
	background-repeat: repeat-x;
}

#content { /* this is the area around the #page div and the footer */
	width: 697px;
	float: right;
}

#header {
	float: right;
	width: 673px;
	background-color: #AD3B10;
	border-left: 1px solid #F5C130;
	border-right: 1px solid #F5C130;
}

#top-nav {
	padding: 0 10px;
}

#top-nav ul, #bottom-nav ul, #top-nav li, #bottom-nav li {
	margin:0;
	padding:0;
}

#nav, #top-nav {
	float: left;
	margin:0;
	overflow: hidden;
	list-style: none;
	font-family: arial, sans-serif;
}
#nav li{
	float: left;
}
#top-nav a {
	float: left;
	padding: 4px 0 0 0;
	margin: 0 36px 6px 0;
	height: 16px;
	color: #ECEEEC; /*off white*/
	font-weight: bold;
}
#top-nav a:hover,
#top-nav .current_page_item a {
	color: #F5C130; /*yellow*/
	text-decoration: none;
}
	
#bottom-nav {
	padding: 10px 10px 0 0;
}

#bottom-nav-links, #bottom-nav {
	float: left;
	margin:0;
	overflow: hidden;
	list-style: none;
	font-family: arial, sans-serif;
	font-size: 11pt;
}
#bottom-nav-links li{
	float: left;
}
#bottom-nav a {
	float: left;
	padding: 4px 0 0 0;
	margin: 0 20px 6px 0;
	height: 16px;
	color: #AD3B10; /*orange-red*/
	font-weight: bold;
}
#bottom-nav a:hover {
	color: #F5C130; /*yellow*/
	text-decoration: none;
}

#sidebar {
	width: 287px;
	float: left;
	margin: 0 0 20px 0;
}

#page { /* this is the area around the header, the posts, and the bottom nav */
	float: right;
	width: 675px;
	padding: 6px 10px 10px 10px;
	background-color: #ECEEEC;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

#post { /* this is the area inside the page below the header and above the bottom nav */
	margin: 10px 0 0 0;
	line-height: 1.1;
}

#post a {
	color: #333333;
	text-decoration: underline;
}

#post p {
	margin: 0 0 10px 0;
}

#post h1, #feature h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 10px 0;
}

.entry  {
	min-height: 550px;
}

.entry ul, .entry li {list-style-type: disc;}

#footer {
	clear: both;
}

#footer p {
	color: #ECEEEC;
	font-size: 0.9em;
	font-weight: bold;
	margin: 10px 0 10px 10px;
}

#footer a {
	color: #ECEEEC;
}

#logo {
	margin: 0 0 20px 0;
}

#church-services {
	margin: 0 0 20px 0;
	float: left;
	width: 100%;
}

#church-services p {
	font-size: 1.2em;
	margin: 0;
	font-style: italic;
	font-weight: bold;
}

#church-services h2 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	background-color: #F5C130;
	padding: 5px 10px;
	border-left: 1px solid #AD3B10;
	border-right: 1px solid #AD3B10;
}

#church-services ul {
	padding: 10px 0 0 10px;
}

#church-services li {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	padding: 10px;
}

#location {
	padding: 5px 10px;
}

#location h2 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
}

#our-location {
	float: left;
	width: 287px;
	background-image: url(images/our-location-header.gif);
	background-repeat: no-repeat;
	height: 15px;
}

#address {
	margin: 20px 0;
	float: left;
	clear: left;
}

#map {
	float: left;
	width: 285px;
	background-color: #F5C130;
	border-left: 1px solid #AD3B10;
	border-right: 1px solid #AD3B10;
	clear: left;
}

#banner {
	float: left;
	width: 400px;
}

#tagline {
	float: left;
	width: 273px;
	height: 119px;
	background-image: url(images/header-background.jpg);
	text-align: center;
	padding: 20px 0 0 0;
}

#tagline p {
	line-height: 1;
}

#feature {
	width: 400px;
	float: left;
	margin: 0 0 10px 0;
}

#filler {
	width: 250px;
	float: right;
}

#filler h2 {
	font-size: 1.5em;
	margin: 10px 0;
}

#news-events {
	width: 400px;
	float: left;
	background-color: #AD3B10; /*orange-red*/
	border-left: 1px solid #F5C130;
	border-right: 1px solid #F5C130; /*yellow*/
	color: #ECEEEC;
}

#news-events a {
	color: #ECEEEC; /*off-white*/
}

#news-title {
	float: left;
	width: 115px;
	padding: 20px 0 0 20px;
}

#news-title h2 {
	font-size: 2em;
	margin: 0;
	line-height: 1;
}

#news-posts {
	float: left;
	width: 240px;
	border-left: 1px solid #F5C130;
	margin: 10px;
	min-height: 130px;
}

#news-posts p {
	color: #ffffff;
	padding: 5px 5px 5px 20px;
}

#rounded-news {
	width: 402px;
	clear: left;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft {
	display: inline;
	margin: 5px 10px 5px 0;
}

img.alignright {
	display: inline;
	margin: 5px 0 5px 10px;
}

.clear {
	clear: both;
}

.center {
	display: inline;
	margin: auto;
	text-align: center;
}

.white {
	color: #ffffff;
}

.yellow {
	color: #F5C130;
}

.medium {
	font-size: 1.8em;
	font-weight: bold;
}

.large {
	font-size: 2.2em;
	font-weight: bold;
}

.bottom-corners, .top-corners { /* A Safari Hack */
	clear: both;
	height: 6px;
	width: 100%;
}

.hbottom {
	clear: both;
}
.htop {
	clear:left;
}

/* Page rounded corners */
.ptop, .pbottom {display:block; background:transparent; font-size:1px;}
.pb1, .pb2, .pb3, .pb4 {display:block; overflow:hidden;}
.pb1, .pb2, .pb3 {height:1px;}
.pb2, .pb3, .pb4 {background:#ECEEEC; border-left:1px solid #333333; border-right:1px solid #333333;}
.pb1 {margin:0 5px; background:#333333;}
.pb2 {margin:0 3px; border-width:0 2px;}
.pb3 {margin:0 2px;}
.pb4 {height:2px; margin:0 1px;}

/* Header rounded corners */
.htop, .hbottom {display:block; background:transparent; font-size:1px;}
.hb1, .hb2, .hb3, .hb4 {display:block; overflow:hidden;}
.hb1, .hb2, .hb3 {height:1px;}
.hb2, .hb3, .hb4 {background:#AD3B10; border-left:1px solid #F5C130; border-right:1px solid #F5C130;}
.hb1 {margin:0 5px; background:#F5C130;}
.hb2 {margin:0 3px; border-width:0 2px;}
.hb3 {margin:0 2px;}
.hb4 {height:2px; margin:0 1px;}

/* Church Services rounded corners */
.ctop, .cbottom {display:block; background:transparent; font-size:1px;}
.cb1, .cb2, .cb3, .cb4 {display:block; overflow:hidden;}
.cb1, .cb2, .cb3 {height:1px;}
.cb2, .cb3, .cb4 {background:#F5C130; border-left:1px solid #AD3B10; border-right:1px solid #AD3B10;}
.cb1 {margin:0 5px; background:#AD3B10;}
.cb2 {margin:0 3px; border-width:0 2px;}
.cb3 {margin:0 2px;}
.cb4 {height:2px; margin:0 1px;}

#cformsform {
	float: right;
}
#usermessagea {
	float: right;
}
.cf_info {
	float: right;
}
#contact-us {
	float: left;
}
.cform label {
	display: none;
}
sub {vertical-align: sub; }
sup {vertical-align: sup; }
.wp-caption-text {font-weight: bold; font-size: .9em; font-family: arial, sans-serif;}
.aligncenter, div.aligncenter { display: block; margin: 14px auto; }