/* 

	Theme Name: Gods and Monsters

	Theme URL: http://www.thebookofblog.com

	Description: Two-coloumn, flexible navigation, lots of illustrations of gods and monsters. This one is not designed with IE6 in mind, so there's a banner just for IE6 users recommending an upgrade to Firefox.

	Author: Shea Media

	Author URI: http://www.thebookofblog.com

        Tags: black, brown, tan, dark, two-columns, fixed-width, left-sidebar

	Version: 1.0

	

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

	

*/







/*********************general*****************************/







* { 

margin:0; 

padding:0; 

color:#302821; 

} 



body { 

background: #302821 url(images/bg.png) repeat-y center top; 

font:100% "Times New Roman",Times,FreeSerif,serif;

}



h1, h2, h3, h4, h5, h6 { 

font-weight:normal; 

}



h1 { 

font-size:2.2em; 

line-height:1; 

margin-bottom:0.5em; 

}



h2 { 

font-size:1.8em; 

margin-bottom:0.75em; 

}



h3 { 

font-size:1.4em;  

line-height:1; 

margin-bottom:1em; 

}



h4 {

font-size:1em; 

line-height:1.25; 

margin-bottom:1.25em; 

height:1.25em; 

}



h5 { 

font-size:.8em; 

margin-bottom:1.5em; 

}



h6 { 

font-size:.6em; 

}



p { 

padding-bottom:14px; 

color:#302821; 

}



img{

border:0px;

}



strong{ 

font-weight:bold; 

}



em, dfn{ 

font-style:italic; 

}	



hr{ 

margin:5px 30px 10px 0; 

}



legend { 

margin:0 0 0 10px; 

}



input, textarea, select  { 

background: #bcab8b; 

margin:10px 0 10px 0; 

color:#302821; 

border: 1px solid #302831;

}



fieldset { 

padding: 10px; 

margin: 0 30px 0 0; 

border: 1px solid #e6d9c2; 

}



pre{ 

white-space: pre-wrap; 

white-space: -moz-pre-wrap; 

white-space: -pre-wrap;  

white-space: -o-pre-wrap;  

word-wrap: break-word; 

height: auto; 

background: #bcab8b; 

margin: 15px 30px 15px 0px; 

padding: 10px 0px 10px 20px; 

border: 1px solid #302831; 

}



pre, code{ 

font:14px Monaco, 'andale mono', 'lucida console', monospace; 

line-height:1.5; 

}



table{ 

padding:20px 0 20px 0; 

}



/*********************classes*****************************/



.aligncenter, div.aligncenter { 

display: block; 

margin-left: auto; 

margin-right: auto; 

}



.alignleft { 

float: left; 

margin:0px 10px 10px 0px;

}



.alignright { 

float: right; 

margin:0px 0px 10px 10px; 

}



.wp-caption { 

border: 1px solid #17191a; 

text-align: center; 

background-color: #373737; 

padding-top: 4px; 

margin: 10px; 

}



.wp-caption img {  

margin: 0;  

padding: 0; 

border: 0 none; 

}



.wp-caption p.wp-caption-text { 

font-size: 11px;  

line-height: 17px;  

padding: 0 4px 5px; 

margin: 0; 

}



.rss{

float:left; 

font-size:24px; 

padding: 55px 0 0 0px; 

margin: 0 -20px 0 0;

}



.sidetitle{

font-size:24px; 

padding: 0 0 0 15px;

}



.datea {

color:#423b30; 

font-size:24px; 

text-align:center;

}



.dateb {

font-style: italic; 

color:#423b30; 

font-size:18px; 

text-align:center;

}



.author{

padding:0px; 

margin-top:-8px; 

font-style: italic;

}



.label{

margin: 20px 0 0 0; 

}



.label2{ 

margin: 40px 0 0 0; 

}



.class2{ 

font-size:32px; 

padding:40px 0 0 0; 

}



.class1{ 

font-size: 18px; 

}



.class4, .class4 a{ 

font-size: 18px; 

margin:30px 0 0 0; 

}



.class3{ 

margin:30px 0 0 0; 

display:inline; 

}



.class5{

text-align:center; 

padding-right:15px; 

font-size:22px; 

width:635px;

}



/*********************links*****************************/



a, a:visited { 

color: #e6d9c2; 

text-decoration: none; 

outline: none; 

}	



a:hover { 

text-decoration: none;

}

	

/*********************header*****************************/



#headerwrap{ 

width: 100%; 

height: 718px; 

background: #302821 url(images/head.jpg) no-repeat center top;  

}



#header { 

position:relative; 

width: 935px; 

height: 320px; 

margin: 0px auto 0px;  

}	



#contenttop{ 

position:absolute; 

bottom:0px;  

width:100%; 

height:21px; 

}		



#headertitle { 

position:absolute; 

top:50px; 

left:215px; 



}



#headertitle h1{  

font-size:58px; 

color: #bcab8b; 

}	



#tag{  

position:absolute;  

top:5px; 

right:120px; 

color: #bcab8b; 

font-size:11px;  

}



#quote{

position:absolute; 

top:218px; 

left:225px; 

width:560px; 

height:95px; 

}	



#quote p{

font-style: italic; 

font-size:18px; 

color:#39332b; 

}



/*********************nav*****************************/



#nav {

position:absolute; 

left:240px; 

top:140px; 

width: 540px; 

text-transform: uppercase;

}



#nav ul{ 

list-style:none; 

}

	

#nav li { 

float: left; 

margin:2px 2px 0 0; 

background: url(images/navright.png) no-repeat right center; 

border:1px solid #372e27; 

}



#nav li a { 

float: left; 

display: block; 

color:#302821; 

margin: 0 1px 0 0; 

padding: 2px 10px; 

font-size: 18px; 

text-decoration: none;  

background: url(images/navleft.png) no-repeat left center; 

}



#nav li a:hover { 

color: #e6d9c2; 

}



#nav .current_page_item, #nav .current_page_item:hover { 

}



#nav .current_page_item a, #nav .current_page_item a:hover{ 

color: #e6d9c2; 

}



/*********************Main***************************/



#wrapper {

width: 935px; 

margin: 0px auto; 

}

	

#content{

float:left;

width: 673px;

margin: 0 0 -290px 40px;

padding: 0;

}



#content h1, #content h1 a{

font-size: 36px;

padding:12px 40px 12px 0;

margin:0px;

color:#302821;

}



.postheader h1{

background: url(images/line.png) no-repeat center bottom;

}



#content p{

padding-right:35px; 

text-align:justify;

}



#content dt, #content dd{

margin: 0px 0px 0px 20px;

padding: 0px 0px 15px 0px;

}

	

#content ol{

margin: 0px 0px 0px 20px;

padding: 0px 0px 15px 0px;

}

	

#content ol li{

margin: 0px 0px 0px 20px;

padding: 0px 0px 5px 0px;

}

	

#content ul{

list-style-type: square;

margin: 0px 0px 0px 20px;

padding: 0px 0px 15px 0px;

}

	

#content ul li{

list-style-type: square;

margin: 0px 0px 0px 20px;

padding: 0px 0px 5px 0px;

}

	

blockquote{

background: #bcab8b;

margin:15px 30px 15px 0px;

padding: 10px 20px 10px 20px;

border: 1px solid #302831;  

}



#wrapper blockquote p{

color:#302821;

}



.postheader{

background: url(images/line.png) no-repeat center top;

width: 673px;

margin:0 0 10px 0;

}

	

.postmeta {

width: 680px;

padding: 10px 0px 30px 0px;

margin: 15px 0px 0px 0px;

background: url(images/line.png) no-repeat center top;

}



.postmeta p, .postmeta a{

font-size:14px;

}



#date{

float:left;

width:50px;

}	



#date p{

padding:5px 0 0 0;

margin:0px;

}



/*********************sidebar***************************/



#sidebar {

width: 222px;

padding: 0;

line-height: 17px;

float:left;         

margin-bottom:-290px;  

}

	

#sidebar h2 {

font-size:24px;

color:#302821;

padding: 5px 0px 5px 0px;

margin: 20px 0px 10px 0px;

}



#sidebar ul {

list-style: none;

margin: 0px;

padding: 0px 0px 10px 0px;

}



#sidebar ul li {

padding: 0px 0px 3px 15px;

margin: 0px;

background: url(images/sidebar-line.png) no-repeat right bottom;

}

	

#sidebar ul li ul li {

background: transparent;

}



#sidebar ul li ul{

background: transparent;

}



#sidebar ul li a, #r_sidebar ul li a:visited {

font-size: 14px;

text-decoration: none;

margin: 0px;

padding: 0px;

color:#302821;

}



#sidebar ul li a:hover {

text-decoration: underline;

}

	

#wp-calendar{

width:200px;

}





/*********************footer***************************/

#footerwrap{

background: #302821 url(images/foot.jpg) no-repeat center top;

width: 100%;

height: 702px;

}



#footer {

width: 960px;

height: 200px;

margin: 0px auto;

position: relative;

top:503px;

}



#copyright{

position:absolute;

bottom:5px;

left:20px;

}



#copyright p, #design p {

color: #394b55;

font: 11px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;

padding: 3px 0px 0px 0px;	

}

	

#copyright a, #design a {

color: #394b55;

font: 11px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;

text-decoration: none;

}



#copyright a:hover, #design a:hover{

color: #017F8D;

text-decoration: none;

}



	

#credit p, #credit a{

font-size:8px; 

color: #3d3527; 

}	



#design{

position:absolute; 

bottom:5px; 

right:0px; 

}



/*********************search**************************/

	

#f {

background:transparent;

width: 150px;

color: #17191a;

font-size: 12px;

font-family: Arial, Tahoma, Verdana;

padding: 4px;

margin:37px 0 0 35px;

border:0;

}



#search{

height:115px; 

padding:20px 0 0 0; 

margin:0; 

background: url(images/sidebar-line.png) no-repeat right bottom;

}	



#search-box{

height:89px; 

padding:0; 

margin:0; 

background: url(images/search.png) no-repeat left bottom!important;

}



/*********************comments*****************************/



		

#sbutt {

background: #8C8989;

width: 200px;

color: #17191a;

font-size: 11px;

font-family: Arial, Tahoma, Verdana;

}



#commentbox p{

font:14px Century Gothic, Calibri, Lucida Sans, Helvetica, sans-serif;

margin:15px 0 0 0;

}

	

#author, #email, #url {

background: #bcab8b;

width: 300px;

color: #17191a;

font-size: 12px;

font-family: Arial, Tahoma, Verdana;

padding: 4px;

margin: 10px 0px 0px 0px;

border: 1px solid #302831;

}

	

#comment {

background: #bcab8b;

width: 440px;

font-size: 12px;

font-family: Arial, Tahoma, Verdana;

padding: 4px;

margin: 10px 0px 0px 0px;

border: 1px solid #302831;

	}

	

#submit {

background: #17191a;

width: 150px;

color: #e6d9c2;

font-size: 12px;

font-family: Arial, Tahoma, Verdana;

padding: 4px;

margin: 20px 0px 0px 0px;

border: 1px solid #e6d9c2;

}

		

#commentblock {

width: 660px;

color: #000000;

float: left;

padding: 10px 0px 10px 0px;

margin: 20px 0px 0px 0px;

}

	

#commentblock ol{

list-style-type: none;

margin: 0px 0px 20px 0px;

}	



.commentname {

font-size: 16px;

color: #333333;

margin: 0px;

padding: 5px 5px 5px 0px;

}



.commentinfo{

clear: both;

}



.commenttext {

width: 440px;

padding: 10px 10px 10px 10px;

margin: 10px 0px 10px 0px;

background: url(images/line.png) no-repeat center top;

}



.commenttext-admin {

width: 440px;

padding: 10px 10px 10px 10px;

margin: 10px 0px 10px 0px;

background: url(images/line.png) no-repeat center top;

}



#commentsformheader{

padding-left: 0px;

}



#commentsform{

text-align: center;

margin: 0px;

padding: 0px;

}



#commentsform form{

text-align: left;

margin: 0px;

}



#commentsform p{

margin: 0px;

}



#commentsform form textarea{

width: 99%;

}

	

p.comments_link  img{

margin: 0px;

padding: 0px;

border-style: none;

}



#fourofour{

width:100%;

text-align:center;

}