@charset "UTF-8";
/* CSS Document */

body {font:16px/16px Arial, Helvetica, sans-serif; color:#E6E6E6;}

#header {height:320px; width:100%; margin:0 auto; background:#000 url(/images/waves-header-bg.jpg) top center no-repeat;}
#logo {width:880px; margin:0 auto;}
#logo a {background:none;}
#logo img {position:relative; left:296px; top:190px;}

#content {overflow:hidden; background:#000; padding:24px 0;}

ul.nav {width:880px; list-style:none; overflow:hidden; margin:0 auto 24px auto;}
.nav li {width:130px; height:40px; margin:0 20px 0 0; display:inline; float:left; text-indent:-9999px;}
.nav li a {display:block; width:130px; height:40px;}
* html ul.nav li a {width:130px; height:40px;}
.nav li a:hover {color:#fff;}
li.life a {background:url(/images/nav-bg-life.gif) left top no-repeat;}
li.events a {background:url(/images/nav-bg-events.gif) left top no-repeat;}
li.blog a {background:url(/images/nav-bg-blog.gif) left top no-repeat;}
li.breaking a {background:url(/images/nav-bg-breaking.gif) left top no-repeat;}
li.who a {background:url(/images/nav-bg-who.gif) left top no-repeat;}
li.worship a {background:url(/images/nav-bg-worship.gif) left top no-repeat;}
li.life a:hover, li.events a:hover, li.blog a:hover, li.breaking a:hover, li.who a:hover, li.worship a:hover {background-position:left bottom;}

.entries {width:580px; margin:0 20px 0 0; display:inline; float:left;}
.post {border-top:1px solid #999; padding:14px; background:#121212 url(/images/waves-post-bg.gif) center top repeat-y; margin-bottom:14px;}

p, h3, .post ul {font:14px/20px normal Arial, Helvetica, sans-serif; color:#E6E6E6; padding:7px 0;}
p.metadata, h6 {font:10px/14px normal Arial, Helvetica, sans-serif; padding:0;}
h1 {font:24px/40px normal Arial, Helvetica, sans-serif; color:#E6E6E6;}
h2 {font:18px/30px normal Arial, Helvetica, sans-serif; color:#f3500b;}
h3 {font-weight:bold; padding-bottom:0; color:#f3500b;}
a {text-decoration:none; color:#24939E;}
a:hover {color:#FFF; background:#24939E;}
.post ul {list-style:inside disc; margin-left:14px;}
blockquote {margin-left:14px; border-left:1px solid #E6E6E6; padding-left:14px;}

.rightBar {width:280px; display:inline; float:left; background:#000; list-style:none; border-bottom:1px dashed #E6E6E6;}
.rightBar li {font:18px/30px normal Arial, Helvetica, sans-serif; color:#E6E6E6; border-top:1px dashed #E6E6E6;}
.rightBar li a {display:block; padding:10px 10px 10px 20px; color:#E6E6E6;}
* html ul.rightbar li a {width:280px;}
.rightBar li a:hover {background:#24939E url(/images/waves-rightBar-bg.gif) top repeat-x;}

#footer {overflow:hidden; height:200px; background:#000 url(/images/waves-footer-bg.jpg) center top repeat-x;}
#footer ul, #footer li, #footer p {font:10px/14px normal Arial, Helvetica, sans-serif; color:#E6E6E6;}

.about, .goto, .links, .creds {margin:25px 20px 0 0; display:inline; float:left;}
.about, .creds {width:280px;}
.about p, .creds p {padding:0 0 14px 0;}
.goto, .links {width:130px;}
.goto li, .links li {margin-left:10px; list-style-position:inside;}

#footer a {color:#FFF; text-decoration:underline; font-weight:normal;}
#footer a:hover {color:#FFF; background:#24939E; text-decoration:none;}

.toMiddle {width:880px; margin:0 auto;}
.noRightMargin {margin-right:0 !important;} /* for those ending divs, etc */

textarea#comment {width:550px;}
.commentlist {list-style:none; font:10px/14px normal Arial, Helvetica, sans-serif;}
.commentlist .avatar, .commentlist .says {display:none;}
.commentlist cite {font-size:14px; line-height:20px;}
.commentlist .comment {margin:14px auto 14px 14px; border-bottom:1px solid #E6E6E6; padding-bottom:10px}

img.alignleft, img.alignright {padding:5px; background:#E6E6E6;}
img.alignleft {float:left; margin:10px 10px 10px 0;}
img.alignright {float:right; margin:10px 0 10px 10px;}
img.aligncenter {text-align:center; margin:10px 0;}