/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 17 Aug 2009
*/

/* -------------------------------------------------------------------------- global */

body { background: #fff url(images/bg_body.gif) 0 0 repeat-x; margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 12px; line-height: 20px; color: #333;}
html, body, #wrap {	min-height: 100%;	width: 100%; height: 100%; }
html>body, html>body #wrap { height: auto; }
p { margin: 0 0 15px 0; } 
a img { border: 0; }
blockquote { font-style: italic; margin: 20px 15px; color: #666; }
dl, dd { margin: 0; padding: 0; }
dd.link { padding-top: 10px; }
dt { font-weight: bold; color: #999; }
ol li { margin: 9px 0; }
ul { list-style-type: circle; }

/* -------------------------------------------------------------------------- headers */
	
h1 { font-size: 24px; font-weight: normal; margin: 0 0 20px 0; }
h2 { font-size: 18px; margin: 0 0 6px 0; }

/* -------------------------------------------------------------------------- links */

a, a:visited, a:active { color: #762123; text-decoration: none; font-weight: bold; outline: none; }
a:hover { text-decoration: none; color: #000; }

/* -------------------------------------------------------------------------- containers */

#wrap { position: absolute; top: 0; left: 0; }
#container { position: relative; width: 980px; margin: 0 auto 6em auto; height: auto; padding: 0; }
#main { width: 525px; float: left; display: inline; margin: 30px 20px 0 30px; }
#main.wide { width: 704px; }

/* -------------------------------------------------------------------------- masthead */

#masthead { position: relative; width: 980px; height: 169px; }
#logo { position: absolute; top: 0; left: 0; z-index: 2; }
#logo a { position: absolute; top: 0; left: 0; width: 334px; height: 0px !important; display: block; background: url(images/logo.png) top left no-repeat; overflow: hidden; padding: 96px 0 0 0; }
#banners { z-index: 1; }
#nav ul { width: 215px; float: left; list-style-type: none; margin: 30px 0 10px 0; padding: 0; text-align: center; }
#nav li { width: 100%; padding: 0; margin: 0; }
#nav a { display: block; color: #fff; font-weight: normal; text-transform: uppercase; text-align: right; background-color: #762123; padding: 3px 15px; margin: 0 0 6px 0; }
#nav li.current_page_item a, #nav li.current_page_item a:visited { background-color: #762123; color: #ffdead; }
#nav li a:hover { color: #ffdead; }

/* -------------------------------------------------------------------------- footer */

#footer { position: absolute; bottom: 0; width: 100%; padding: 20px 0 30px 0; margin: 0; color: #fff; background: #762123; \width: 100%; w\idth: 100%; font-size: 11px; }
#footer .copyright { position: absolute; top: 5px; left: 15px; }
#footer .credit { position: absolute; top: 5px; right: 15px; }
#footer a, #footer a:visited { color: #ffdead; }
#footer a:hover, #footer:active { color: #ddd; }

/* -------------------------------------------------------------------------- interior */

.post { border-bottom: 1px dotted #ccc; padding: 5px 0 15px 0; margin: 0 0 15px 0; }
.post .postmeta { margin: 5px 0 0 0; font-size: 11px; color: #666; }
.post object { margin: 5px 0 8px 0; }
.headlines { width: 100%; padding: 0; margin: 0; list-style-type: none; }
.headlines li { margin: 0; padding: 6px 0; font-size: 12px; line-height: 18px; border-bottom: 1px dotted #ccc; }
.headlines li.more { border-bottom: none; }
#home .headlines { width: 300px; }
.tagline { font-size: 140%; line-height: 160%; margin: 0; color: #666; border-bottom: 1px dotted #fff; padding-bottom: 20px; }
.tagline a { margin: 0 0 0 10px; float: right; }
.tagline img { width: 110px; height: 116px; }
.adminLink { margin: 20px 0; }
.adminLink a { font-size: 11px; }
.pageList { margin: 0 0 20px 0; padding: 0; }
.pageList li { margin: 0; padding: 10px 0; list-style-type: none; border-bottom: 1px dotted #ccc; }
.pageList li a { font-size: 14px; }

/* -------------------------------------------------------------------------- sidebar */

#sidebar { width: 174px; float: left; border-left: 1px dotted #ccc; margin: 30px 0 0 0; padding: 0 0 15px 15px; }
#sidebar h2 { margin: 20px 0 0 0; font-size: 14px; }
#sidebar .sermonSort { padding: 0; margin: 20px 0; width: 100%; }
#sidebar .sermonSort h2 { margin: 8px 0 0 0; padding: 6px 0 0 0; border-top: 1px dotted #ccc; color: #606b00; }
#sidebar .sermonSort h2:hover { cursor: pointer; color: #1d3100; }
#sidebar .sermonSort ul { margin: 6px 0 0 0; padding: 0; list-style-type: none; }
#sidebar .sermonSort li { padding: 0 0 3px 0; border-bottom: none; color: #999; }
#sidebar .sermonSort a, .sermonSort a:visited { font-weight: normal; }
#searchForm input { width: 90px; border: 1px solid #ccc; padding: 3px; color: #444; }
#searchForm .submit { width: 50px; height: auto; background: none; color: #762123; border: none; }
#searchForm .submit:hover { color: #000; cursor: pointer; }

/* -------------------------------------------------------------------------- utility */

a img, a.imglink:link, a.imglink:visited { border: none; }
a.imglink:hover { background: transparent; }
.clear { clear: both; }
.shadow-left { background: transparent url(images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 0; left: -13px; z-index: 99; }
.shadow-right { background: transparent url(images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 0; right: -13px; z-index: 99; }
.alignright { float: right; display: inline; margin: 15px 0 15px 15px; }
.alignleft { float: left; display: inline; margin: 15px 15px 15px 0; }

/* -------------------------------------------------------------------------------- form elements */

#contactForm { margin: 20px 0; }
#contactForm img { vertical-align: middle; margin: 0 0 0 10px; } /* verification image */
#contactForm label { text-transform: uppercase; display: block; font-weight: bold; font-size: 11px; color: #666; margin: 0 3px 0 0; }
#contactForm input, #contactForm textarea { width: 300px; border: 1px solid #ccc; padding: 3px; color: #444; }
#contactForm textarea { width: 400px; height: 200px; font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#contactForm label.error { text-transform: none; font-size: 10px; font-weight: normal; line-height: 14px; margin: 4px 0 0 0; color: #930; }
#contactForm .required { font-style: italic; font-family: Georgia, serif; font-size: 11px; margin: 20px 0; color: #ccc; }
#contactForm .submit input { width: 100px; height: 28px; background-color: #2c4563; color: #fff; border: none; }
#contactForm .submit input:hover { background-color: #444; cursor: pointer; border: none; }