/* 



	Theme Name: Gods and Monsters



	Theme URL: http://www.arsgrafik.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: Ars Grafik



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



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



	Version: 1.1



	



	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{



color: #c2b298;



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



padding: 3px 0px 0px 0px;	



}



	



#copyright a{



color: #c2b298;



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



text-decoration: none;



}







#copyright a:hover{



color: #017F8D;



text-decoration: none;



}

	



#ag-logo{



position:absolute; 



bottom:8px; 



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;



}