/*  
Theme Name: Rock Worship
Theme URI: http://www.rockworship.com
Description: Rock Worship
Version: 1.2
Author: Nathan Smith, Matt Heerema
Author URI: http://www.sonspring.com

This theme was a collaborative design effort between Travis Swan (www.rockrevolution.com) - design,
Matt Heerema (www.mattheerema.com) - design/css, and Nathan Smith (www.sonspring.com) Typography/CSS/XHTML.  
Many thanks to all parties involved.

RockWorship.com v1.2
Copyright 2005 - Nathan Smith, Matt Heerema, Travis Swan

*/
*{border: 0;margin: 0;padding: 0;}
/* =Basic HTML
----------------------------------------------------------------------*/
a{text-decoration: none;}

acronym{
background: url(images/acronym.gif) repeat-x bottom left;
cursor: help;
padding: 0 0 1px;
}
body{background: #333 url(images/body.gif) repeat-x;}
br.clear{clear: both;}
code{color: #fff; font: 11px "Lucida Console", monospace;}
html{height: 100%;}
li, p{line-height: 150%;}
ol, ul{list-style: none;}
.align_right{text-align: right;}

/* =Container
----------------------------------------------------------------------*/

#page{
width:766px;
margin:0 auto;
border-right:1px solid #444;
border-left: 1px solid #444;
}

#container
{
background: #111;
border-left: 2px solid #f90;
border-right: 2px solid #f90;
margin: 0 auto;padding:0;
min-height:100%;
width: 750px;
}

* html #container{height: 100%;}
/* =Header
----------------------------------------------------------------------*/

#header
{
background: url(images/header.jpg) no-repeat;
border-bottom: 1px solid #999;
height: 200px;
width: 750px;
}

#header h1{display:none;}
#header h2{display:none;}

/* =Navbar
----------------------------------------------------------------------*/

#navbar{
background: #5a5a5a url(images/navbar.gif) repeat-x;
border-top: 3px solid #000;
border-bottom: 3px solid #333;
width: 750px;
}

#navbar a{
color: #bbb;
display: block;
font: 13px/35px "Trebuchet MS", sans-serif;
width: 90px;
}

#navbar a:hover{
background: #111;
color: #fff;
}

#navbar li{
border-left: 1px solid #000;
display: inline;
float: right;
text-align: center;
width: 90px;
}

#navbar li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

#navbar li ul li{
display:block;
float:none;
width:150px;
text-align:left;
}
#navbar li ul li a{
width:150px;
font:12px/20px "Trebuchet MS", sans-serif;
padding:.3em;
}
#navbar li ul li a:hover{
background:#333;
}


#navbar li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#navbar li:hover ul, #navbar li.over ul { /* lists nested under hovered list items */
	display: block;
	width:150px;
	background:#000;
	color:#fff;
}


/* =Main Wrapper
----------------------------------------------------------------------*/

#main{
background: #222 url(images/main.gif) repeat-y;
border-top: 1px solid #666;
color: #ccc;
font: 11px Verdana, sans-serif;
min-height: 400px;
padding: 10px 0 20px;
width: 750px;
}

#main a{color: #fc3;}

#main a:hover{color: #fff;}

* html #main{height: 400px;}

#main h2, #main h3{
border-bottom: 1px solid #333;
color: #f90;
font: 13px Verdana, sans-serif;
font-variant: small-caps;
letter-spacing: 2px;
}
#main h3{
font-size:12px;
}

/* =Content
----------------------------------------------------------------------*/

#content{
float: left;
width: 500px;
}

#content blockquote{
background: #222;
border-left:3px solid #666;
color: #ddd;
font: 12px Georgia, sans-serif;
line-height: 150%;
margin: 0 40px 10px;
padding: 0 5px 0 5px;
}

#content h1{
border-bottom: 1px solid #333;
color: #f90;
font: 20px Verdana, sans-serif;
font-variant: small-caps;
letter-spacing: 2px;
margin: 20px 20px 10px;
}

#content h2, #content h3{
margin: 0 20px 10px;
}

#content h1 a{color: #f90;}

#content li{
background: url(images/content_li.gif) no-repeat 10px 7px;
padding: 0 0 0 20px;
}

#content p, #content ol, #content ul{margin: 0 30px 10px;}

#content table{
margin: 0 30px 10px;
border:1px solid #333;
}
#content table th{
background:#444;
padding:.2em .4em;
margin:.2em;
border-right:1px solid #333;
}
#content table td{
padding:.2em .4em;
margin:.2em;
border-top:1px solid #333;
border-right:1px solid #333;
}

#content blockquote p{
margin:0 10px 10px;
}

#content p.info{
margin: -10px 20px 15px;
font-size: 9px;
}

p.alt{
font-size: 10px;
margin:10px 20px 15px;
margin: 0 10px 10px 20px;
padding: 10px;
background-color: #222;
color:#666;
border-top: 1px solid #AE9B71;
border-bottom: 1px solid #AE9B71;
}

/* =Latest
----------------------------------------------------------------------*/

.latest{
float: left;
padding: 10px 0 0;
width: 250px;
}

#content #left h2{margin: 0 0 10px 20px;}

#content #left p, #content #left ol, #content #left ul{margin: 0 15px 10px 30px;}

#content #right h2{margin: 0 20px 10px 0;padding: 0 0 0 10px;}

#content #right p, #content #right ol, #content #right ul{margin: 0 30px 10px 15px;}

/* =Sidebar
----------------------------------------------------------------------*/

#sidebar{
float: left;
font-size: 10px;
width: 250px;
}

#sidebar h2{margin: 0 10px 10px 0}

#sidebar li{
background: url(images/sidebar_li.gif) no-repeat 10px 6px;
padding: 0 0 0 20px;
}

#sidebar img{
border: 1px solid #333;
margin: 0 0 10px;
}

#sidebar p, #sidebar ol, #sidebar ul{margin: 0 10px 10px 0;}

/* =Footer
----------------------------------------------------------------------*/

#footer{
background: url(images/footer.jpg) no-repeat;
border-top: 1px solid #f90;
clear: both;
color: #111;
font: 11px Verdana, sans-serif;
height: 170px;
width: 750px;
}

#footer p{
padding: 20px 0 0;
text-align: center;
}

#footer a{color: #111;}

#footer a:hover{color: #fff;}

/* =Wordpress Styles we need to keep
--------------------------------------------------------------------------*/
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */

/* Begin Comments*/


#content ol.commentlist{
text-align: justify;
padding:0;
margin: 0 20px 10px;
}


#content ol.commentlist li{
background: none;
list-style: none;
margin:0;padding:10px;
}

#content ol.commentlist li.alt{
background:#444;
border:1px solid #555;
}

#content ol.commentlist li p {
margin:10px 0;

}

.nocomments{
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata{
margin: 0;
display: block;
}
/* End Comments */

/* Begin Form Elements */
.searchform{
margin: 0 10px 10px 0;
text-align: right;
}

.searchform .s{
width: 150px;
padding: 2px;
background:#444;
border:1px solid #f90;
color:white;
}

.searchsubmit{
padding: 1px;
background:#111;
color:#ccc;
border:1px solid #ccc;
border-color:#ccc #666 #666 #ccc;
}
.searchsubmit:active{
border-color:#666 #ccc #ccc #666;
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {width: 130px;}

#commentform input {
width: 170px;
padding: 0 10px 0 40px;
margin: 5px 5px 1px 0;
background:#e5e5e5;
}

#commentform textarea {
width: 95%;
background:#e5e5e5;
padding:2px 10px;
}

#commentform #submit {
margin: 0;
padding:2px 10px;
}
/* End Form Elements *//* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */