/*  
Theme Name: Storytime
Theme URI: http://wordpress.org/
Description: Theme Created by <a href="http://www.joshua-bennett.com>Joshua Bennett</a>
Version: 1.0
Author: Joshua Bennett
Author URI: http://www.joshua-bennett.com    


The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

The XHTML is an adapted version of the Kubrick theme

This theme has been further modified for StoriesByDenise.com by Joshua Bennett
You can find his website at http://www.joshua-bennett.com

*/

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
strong {font-weight:bold; color:#016300}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}



/*fonts.css*/

body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

div.clear
{
clear:both;
height:0px;
width:0px;
overflow:hidden;
}


body
{
	background-color:white;
	/*margin:10px;*/
	background-image:url(images/background.jpg);
	background-repeat:repeat-y;
	background-position:center top; 
        height:100%;
}

div.navigation
{
	display:block;
	margin-top:10px;
	margin-left:9px;
	/*float:left;*/
}
.navigation a
{
	display:block;
	width:202px;
	height:46px;
	overflow:hidden;
	text-indent:-1000px;
}
.navigation .alignleft a
{
	float:left;
	position:relative;
	left:-14px;
}

.navigation .alignright a
{
	float:left;
	display:inline;
	margin-left:5px;
	clear:right;
	position:relative;
	left:32px;
}

div.navigation a
{
	color:white;
}

/***links****/
#sidebar a, .post a
{
	color:#314a35;
}


#searchsubmit2
{
 display:block;
 margin-top:15px;

}

#s2
{
	margin-top:17px;
	
	padding:3px;
	border:1px solid #9E9E9E;
}

#s
{
	margin-top:10px;
	padding:3px;
	
 border:1px solid #9E9E9E;
}





#page
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:100%;
	position:relative;      
        background-image: url(images/strip.jpg);
        background-repeat: repeat-y;
        clear:both;
}

#page #not-header
{
     padding-left:350px;
     position:relative;
     left:0px;
     top:0px;
}

#page #not-header #content
{
     width:410px;
     position:relative;
     float:left;
     top:0px;
     left:-20px;
     z-index:2;
}




/***Stuff for the header**/

}

#header
{
	height:360px;
	width:900px;
	overflow:hidden;
	position:relative;
        top:0px;
}
	#header #top-image
	{
		width:900px;
		position:relative;
		top:0px;
                height:310px;
                border:none;
		
	}


	#header #top-bar
	{
		width:900px;
		position:relative;
		top:0px;
		height:50px;
                border:none;
	}
	
		#header #top-bar #left
		{
			position:absolute;
			top:0px;
			left:0px;
			border:none;
			padding:none;
			margin:none;
			display:inline;
		}
		#header #top-bar #news
		{
			position:absolute;
			top:0px;
			left:350px;
			border:0px none;
			padding:none;
			margin:none;
			display:inline;
		}
		#header #top-bar #about
		{
			position:absolute;
			top:0px;
			left:450px;
			border:none;
			padding:none;
			margin:none;
			display:inline;
		}
		#header #top-bar #calendar
		{
			position:absolute;
			top:0px;
			left:560px;
			border:none;
			padding:none;
			margin:none;
			display:inline;
		}
		#header #top-bar #programs
		{
			position:absolute;
			top:0px;
			left:710px;
			border:none;
			padding:none;
			margin:none;
			display:inline;
		}
		
	#header h1 a
	{
		
		color:black;
		text-decoration:none;
		font-size:288%;
		position:relative;
		left:350px;
		top:50px;
		text-align:right;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	#header div.description
	{
		position:relative;
		top:50px;
		left:150px;
		color:black;
		text-align:right;
		width:500px;
	}
	

/***Stuff for the post**/

	#page #not-header #content h3
        {
                padding-top:5px;
                padding-bottom:5px;
                color:#c2c418;
                font-size:125%;
        }

        .post h3
        {
                color:#c2c418;
        }
	
	#page #commentblock
	{
		width:450px;
		float:left;
		
	}
	
	
	
	.post-bottom
	{
		height:100px;
		width:410px;
		background: #ffffff;
                float:left;
	}
	
	.post
	{
		width:410px;
		padding:0px;
		background: #ffffff;
		color:#000000;
                float:left;
	}
	
	.post .h5
	{
		color:#974843;
	}
	
	.post .entry
	{
		padding:10px;
		
	}
	
	.post .entry img
	{
		float:left;
		border:none;
		margin-right:5px;
		margin-left:5px;
		margin-top:5px;
		margin-bottom:0px;
	}
	
	.post p
	{
		line-height:150%;
		margin-bottom:15px;
		
	}
	
	.post .entry strong, b
	{
		font-weight:bold;
		
	}
	
	.post .entry em
	{
		font-style:italic;
	}
	
	.post .entry ol
	{
	list-style:decimal;
	list-style-position:inside;
	margin-top:5px;
	}
	
	.post .entry ol li
	{
		padding-bottom:10px;
	}
	
	.post .entry ul
	{
		list-style-type:none;
                list-style-image:none;
		list-style-position:inside;
		margin-top:5px;

	}
        .post .entry ul li
        {
                padding-bottom:10px;
        }
	
        .post .entry ul img
        {
                float:none;
        }
	.post .entry blockquote
	{
		
		background-repeat:no-repeat;
		padding-left:50px;
		color:#abaa7c;
	}
	
	.post .entry blockquote blockquote
	{
		padding:10px 65px ;
	}


	.post h2 a, .page .post h2 , .archive .post h3 a, .search .post h3 a  
	{
	color:#b98d44;
	font-size:152%;
	display:block;
        padding-top:20px;
	padding-bottom:10px;
	padding-right:40px;
	text-decoration:none;
	position:relative;
	top:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	.post h2 a:hover, .archive .post h3 a:hover, .search .post h3 a:hover
	{
	text-decoration:underline;
	}
	
	.post h2.search
	{
		display:none;
	}
	
	.post h1
	{
		color:#666633;
		font-size:152%;
		display:block;
		position:relative;
	top:-15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	
	

	
	
	.post p.postmetadata
	{
		display:block;
		clear:both;
		background-color:#C3C1B3;
		color:black;
		
		width:374px;
		padding:13px;
				
		text-align:center;
		position:relative;
		top:5px;
		
	}
	
	
	/***stuff for the sidebar***/
	 #page #   , #page #commentblock
	{
		float:right;
		width:350px;
		display:inline;/*IE double margins fix*/
	}
	
	#not-header #sidebar
	{
		position:absolute;
                z-index:1;
		top:0px;
		width:350px;
		left:0px; 
                float:left;
		clear:left;
		display:inline;
                text-align:right;
                background-image:url(images/sidebar_top.jpg);
		background-repeat:no-repeat;
		background-position:center-top;
                height:215px;
                width:350px;
		
	}
	
       #not-header #sidebar #sidebar-top
       {     
                background-image:url(images/sidebar_top.jpg);
		background-repeat:no-repeat;
		background-position:center-top;
                height:215px;
                width:350px;
       }
       #sidebar #sidebar-top ul
       {
                padding-top:115px;
                padding-right:40px;
       }


       #not-header #sidebar #sidebar-main
       {
                width:200px;
                float:right;
                padding-right:40px;
       }

	#page #sidebar ul
	{
                padding-top:115px;
                padding-right:40px;
	}
	
	#page #sidebar ul ul
	{
		padding: 10px 20px 0px 20px;
                color:#016300;
	}
	
	#page #sidebar ul li
	{
		padding-bottom:7px;
	}
	
	#page #sidebar ul li h2
	{
		color:#b82116;
		font-size:152%;
		/*padding-bottom:20px;
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-top:15px;
	}
	
	#page #sidebar ul li h2.search
	{
		margin-top:0px;
	}
	
	#page #sidebar ul li input
	{
		display:block;
		margin-bottom:5px;
	}
	
	#page #sidebar ul .pagenav h2
	{
		margin-top: 0px
	}
	
	/*a subpage*/
	
	#page #sidebar ul .pagenav .page_item .page_item
	{
		/*color:red;
		padding-left:11px;
		background-position:top left;*/
	}
	
		
	}
	
	/***comment header***/
	h3#comments, h3#respond
	{
	color:#666633;
	font-size:152%;
	display:block;
	background-color:white;/*paint drips might decrease the readability*/
	padding-bottom:10px;
	padding-top:30px;
	
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	/***comments***/
	
	 .comm-top
	{
		display:block;
		background-image:url(images/post-dark-top.jpg);
		height:22px;
	}
	
	 .comm-middle
	{
		display:block;
		background-image:url(images/post-dark-bg.jpg);
		padding:20px;
		color:black;
	}
	
	.commentlist li .comm-middle span.says
	{
		color:#666633;
		font-size:122%;
		position:relative;
		top:-10px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	.commentlist li .comm-middle b, .commentlist li .comm-middle strong
	{
		font-weight:bold;
	}
	
	.commentlist li .comm-middle i, .commentlist li .comm-middle em
	{
		font-style:italic;
	}
	
	/*Links posted in a comment*/
	.comm-middle  a
	{
		color:#CCCCCC;
	}
	
	.commentlist li .comm-middle p
	{
		line-height:150%;
	}
	
	.commentlist li .comm-middle span.says a
	{
		color:#666633;
		text-decoration:none;
	}
	
	.commentlist li .comm-middle span.says a:hover
	{
		text-decoration:underline;
	}
	
	
	.commentmetadata
	{
		display:block;
		position:relative;
		top:-7px;
			
	}
	
	.commentlist li .comm-middle .commentmetadata a
	{
		color:#666666;
	}
	
	.commentlist li .comm-middle em.waiting
	{
		display:block;
		font-style:italic;
	}
	
	.comm-bottom
	{
		display:block;
		background-image:url(images/post-dark-bottom.jpg);
		height:14px;
		background-repeat:no-repeat;
	}
	
	/***the comment box***/
	.commentform-top
	{
		display:block;
		background-image:url(images/post-dark-top.jpg);
		height:22px;
	}
	
	form#commentform
	{
		display:block;
		background-image:url(images/post-dark-bg.jpg);
		padding:20px;
		color:white;
	}
	
		#commentform input, #commentform textarea
		{
			margin-bottom:5px;
			border:1px solid black;
			padding:3px;
		}
		
		#commentform #searchsubmit2
		{
		border:none;
		}
		
		#commentform label
		{
		position:relative;
		top:-5px;
		}
		#commentform p.logininfo
		{
			padding-bottom:10px;
			color:black;
		}
		#commentform a
		{
			color:#666666;
		}
	
	.commentform-bottom
	{
		display:block;
		background-image:url(images/post-dark-bottom.jpg);
		height:14px;
		background-repeat:no-repeat;
	}
	
	/***Stuff for the footer****/
	#footer
	{
		clear:both;
		display:block;
		color:black;
		margin-left:auto;
		margin-right:auto;
		height:230px;
		background-image:url(images/footer.jpg);
		font-size:10px;
		color:#016300;
                position:relative;
                z-index:0;
		top:0px;
		background-repeat:no-repeat;
		background-position:top right;
		
		
	}

        #footer #anchor
        {
        height:1px;
        width:900px;
        }	

	#footer a
	{
		color:#016300;
	}
	
	#footer p.first
	{
		padding-top:210px;
                height:1px;
                width:5px;
	}
	
	#footer p
	{
		float:right;
		clear:both;
                padding-right:80px;
		}
		
	#footer p.second
	{
	
                height:10px;
		padding-right:120px;
		}
		
		
	p.editpage a
	{
		color:#000000;
                float:left;
	}