/*
Theme Name: KaliVanBaale
Theme URI: http://www.webspecdesign.com
Description: Custom web design by Webspec Design
Version: 1
Author: Webspec Design
Tags:
*/

@font-face{
  font-family: 'Handwriting';
  src: url(Gilles_Handwriting.eot);
  src: local('Gilles Comic Font'),
		local('Gilles Comic Font, regular'),
		url(Gilles_Handwriting.ttf) format('truetype');
}

body{
	background:#771D1D url(images/background.jpg) repeat-x scroll 0 0;
	margin:0;
	padding:0;
	text-align:center;
}

h2{
	font-size:12pt;
	font-weight:bold;
	margin-bottom:0
}

img{
	border:0;
}

a{
	color:#771D1D;
	text-decoration:none;
}

p{
	margin:0;
	padding:0;
	text-align:justify;
}

#paper p{
	text-indent:2em;
}

div.container{
	background:#E4E5D2 none repeat scroll 0 0;
	border-right:2px solid #731516;
	font-family:"Lucida Sans Unicode","Bitstream Vera Sans","Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
	line-height:1.4em;
	font-size:12px;
	min-height:250px;
	margin:0 auto;
	padding-top:0;
	text-align:left;
	width:750px;
}

div.header{
	height:163px;
	background-image:url(images/header1.jpg);
}

div#home.header{
	background-image:url(images/header1.jpg);
}

div#author.header{
	background-image:url(images/header2.jpg);
}

div#bookshelf.header{
	background-image:url(images/header3.jpg);
}

div#appearances.header{
	background-image:url(images/header4.jpg);
}

div#contact.header{
	background-image:url(images/header5.jpg);
}

div#groups.header{
	background-image:url(images/header6.jpg);
}

div#picks.header{
	background-image:url(images/header7.jpg);
}

div.navbar{
	height:22px; 
}

.navbar li{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}
	
.navbar li ul li{
	display:none; 
}

.navbar ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}

.navbar .page-item-4{
	display:block;
	height:22px;
	width:85px;/*84*/
}

.navbar .page-item-4 a{
	background-image:url(images/navhome.jpg);
	display:block;
	height:22px;
}
	
.navbar .page-item-6{
	display:block;
	height:22px;
	width:95px;/*108*/
}

.navbar .page-item-6 a{
	background-image:url(images/navauthor.jpg);
	display:block;
	height:22px;
}

.navbar .page-item-28{
	display:block;
	height:22px;
	width:86px;/*105*/
}

.navbar .page-item-28 a{
	background-image:url(images/navbookshelf.jpg);
	display:block;
	height:22px;
}

.navbar .page-item-31{
	display:block;
	height:22px;
	width:105px;/*123*/
}

.navbar .page-item-636 a{
	background-image:url(images/navappearances.jpg);
	display:block;
	height:22px;
	width:105px;/*123*/
}

.navbar .page-item-35{
	display:block;
	height:22px;
	width:74px;/*93*/
}

.navbar .page-item-35 a{
	background-image:url(images/navcontact.jpg);
	display:block;
	height:22px;
}

.navbar .page-item-39{
	display:block;
	height:22px;
	width:95px;/*133*/
}

.navbar .page-item-39 a{
	background-image:url(images/navreaders.jpg);/*navgroups.jpg*/
	display:block;
	height:22px;
}

.navbar .page-item-787{
	display:block;
	height:22px;
	width:86px;
}

.navbar .page-item-787 a{
	background-image:url(images/navwriters.jpg);/*navgroups.jpg*/
	display:block;
	height:22px;
}

.navbar .page-item-42, .picks .page-item-42{
	display:block;
	height:22px;
	width:124px;/*104*/
}

.navbar .page-item-42 a{
	background-image:url(images/navpicks.jpg);
	display:block;
	height:22px;
}

.navbar a:hover, .current_page_item a, .picks .page-item-42 a, .appearances .page-item-31 a{
	/*background-position:0 -22px;*/
	opacity:.7;
	-webkit-box-shadow:0 0 4px #fff;
	-moz-box-shadow:0 0 4px #fff;
	box-shadow:0 0 4px #fff;
}

div.content{
	background:#E4E5D3 none repeat scroll 0 0;
	float:left;
	margin-top:45px;
	padding-right:14px;
	padding-left:13px;
	padding-bottom:40px;
	width:723px;
}

div.sidebar{
	background-image:url(images/sidebar.jpg);
	float:left;
	height:656px;
	width:175px;
	overflow:hidden;
}
	 
div.sidebar a{
	text-decoration:none;
	color:#000;
}
	 
div.sidebar_inner{
	padding:1em;
}

div.author_pic{
	position:relative;
	/*margin-left:-32px;*/
	margin-left:-4px;
	margin-top:22px;
}

div.author_pic img{
	border:4px solid #fff;
	-webkit-box-shadow:1px 1px 8px #000;
	-moz-box-shadow:1px 1px 8px #000;
	box-shadow:1px 1px 8px #000;
}
	
div.main{
	width:505px;
	padding-left:40px;
	float:left;
}

div.interior-top{
	background-image:url('images/page_bg_outer_top.png');
	width:723px;
	height:27px;
}

div.interior{
	width:723px;
	background-image:url('images/page_bg_outer_tile.png');
	background-repeat:repeat-y;
}

div.interior-title{
	width:192px;
	height:53px;
	background-image:url('images/page_tab.png');
	background-repeat:no-repeat;
	margin-left:28px;
}

	div.interior-title h1{
		padding-top:18px;
		text-align:center;
	}

div.interior-background{
	background-image:url('images/page_bg_outer.png');
	background-repeat:no-repeat;
	background-position:0 -22px;
	overflow:hidden
}

div.interior-inner{
	background-color:#fff;
	margin:0 28px;
	padding:2em 1em 2em 1em;
}

	div.interior-inner h1{
		clear:both;
	}

div.interior-content{
	width:440px;
	float:left;
}

div.interior-bottom{
	width:723px;
	height:28px;
	background-image:url('images/page_bg_outer_bottom.png');
	background-repeat:no-repeat;
}

div.interior-sidebar{
	width:187px;
	float:left;
	overflow:hidden;
	margin-left:0;
	z-index:2;
	padding:0 1em 0 0;
}

div.interior p{
	margin-bottom:1em;
}

div.interior-sidebar p{
	text-indent:0;
}
	
div#paper{
	background-image:url(images/paper_bg.png);
	background-repeat:no-repeat;
	float:left;
	/*font-family:"Handwriting","Times New Roman", Times, serif;*/
	font-family:"Lucida Sans Unicode","Bitstream Vera Sans","Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
	/*font-size:15px;*/
	font-size:12px;
	text-align:justify;
	height:652px;
	/*line-height:23px;*/
	line-height:2em;
	width:501px;
}

div#paper div{
	padding-left:70px;
	/*padding-right:25px;*/
	padding-right:50px;
	padding-top:56px;
}

div.footer{
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	border-right:2px solid #771D1D;
	clear:both;
	font-family:"Lucida Sans Unicode","Bitstream Vera Sans","Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size:9px;
	height:36px;
	line-height:18px;
	margin-left:auto;
	margin-right:auto;
	padding:0 5px;
	text-align:right;
	width:740px;
}
	
div.footer2{
	width:750px;
	margin:0 auto;
	font-family: "Lucida Sans Unicode","Bitstream Vera Sans","Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
}

.footer2 #copyright{
	font-size:12px;
	float:left;
	text-align:left;
	color:#fff;
	line-height:24px;
}

.footer2 #design{
	font-size:12px;
	float:right;
	text-align:right; 
	line-height:24px;
	color:#fff;
}

.footer2 a{
	color:#fff;
	text-decoration:underline;
}

div.footer a{
	margin:0 25px 0 0;
	color:black;
	text-decoration:none;
}

div.footer #design a{
	margin:0;
}
	
div.footer a:hover{
	text-decoration:underline;
}
	
img.title_img{
	margin:22px 10px 0 10px;
}

.storycontent{
	margin-top:1em;
}

.storycontent h3{
	clear:both;
}

.post{
	clear:both;
}

.date_display{
	border:1px solid #ccc;float:left;margin:1em .5em 0 0;
}

.date_display .month{
	background-color:#771D1D;color:#fff;text-align:center;padding:.25em 1em;
}

.date_display .day{
	text-align:center;padding:.25em 0;
}

#comment{
	width:100%;
}

#comments{
	padding-top:36px;
}