/* 





	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;
	color: #FFFFFF;





}











.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	color: #FFFFFF;




}











.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	color: #FFFFFF;




}











.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;





}