/*  
Theme Name: Fearfull
Theme URI: NA
Description: Inspired by woodcuts on 16th century British broadsides. The main characters are from a broadside entitled "Fearfull and Terrible"
Version: 1.0
Author: Jared Stein
Author URI: http://5tein.com

	Fearfull 1.0
	http://5tein.com/fearfull

	This theme was designed and built by Jared Stein,
	whose blog you will find at http://5tein.com

*/


/* start basics */
body,div,p,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }

a:link { text-decoration: none; color: #cc3333}
a:visited { text-decoration: none; color:  #0088aa}
a:hover { text-decoration: underline;  color: #0088aa}


h2 {  font-size: 140%; color: #000066 }
h1 {  font-size: 190%; color: #b90000 } 

body { background: #F9F8F2 url("images/paperbg.png") repeat; font-size: 95%; margin: 0; padding: 0; font-family: Georgia, sans-serif; }

div#broadside { background: url("images/full_scene_paper_1100.png") no-repeat center top; float: left; width: 100%; }

div#page { width: 70em; margin: 0 auto; padding: 0; max-width: 95%;}

/* begin header or logo*/

#header { height: 14em; position: relative; width: 100%; }
#header h1 span, #header .description {
	text-align: center; display: none; 
	}
#header h1 a { display: block; width: 330px; height: 43px; background: url("images/whatiassume.png") no-repeat 0px 0px; max-width: 66%; margin: 25px 0 0 9.5em;}
#header h1 a:hover { background: url("images/whatiassume.png") no-repeat 0px -43px;}
/*#header h1 a span{ font-family: Verdana, sans-serif; font-size: 150%; text-decoration: none; text-transform: lowercase }
/*#header .description { font-size: 85%; color: #ddd; padding: .25em; }*/

#header a.rss strong { /*display: none*/ font-size: 55%; font-weight: normal; }
#header a.rss { display: block; width: 35px; height: 35px; padding-top: 38px; position: absolute; top: 15px; left: 5em; max-width: 33%; max-height: 33%; background: url("images/rss.png") no-repeat 0px 0px; text-decoration: none; text-align: center; color: #FF7200; overflow:hidden;}
#header a.rss:hover { color: #fff; background: url("images/rss.png") no-repeat -35px 0px; }
/* end header or logo */

/*start side menus*/
#copy,.sidemenus { float: left; }
#copy { width: 54%; margin: 0 1%; }

#footer { clear: both; float: left; width: 100%; margin: 1em 0; text-align: center;}

.sidemenus { width: 21.5%; font-size: 85%; list-style-type: none; margin: 0; padding: 0; }
.sidemenus ul, .sidebar ol { list-style-position: inside; }
#sidebar1 ul { list-style-image: url("images/bullet_wheel.png") }
#sidebar2 ul { list-style-image: url("images/bullet_hand.png") }

.widget { background: #fff url("images/framed_bottom.png") no-repeat bottom right; margin: 1em 0; }
.widget .widgetbody { background: url("images/framed_top.png") no-repeat top left; padding: 16px 1em; display: block;}

#sidebar1 .widget { margin-right: 1em; }
#sidebar2 .widget { margin-left: 1em; }

.widget ul, .widget ol { list-style-position: inside; }

.sidemenus h2,.sidemenus h3 { font-family: Old English Text MT, Georgia, serif; font-weight: normal; font-size: 145%; color: #333; margin: 0 0 .25em 0; }

.widget ul { margin: 0; padding: 0; list-style-image: url("images/bullet.png") }
.widget ul ul { margin: 0 0 0 .5em; padding: 0 0 0 .5em; list-style-image: none; 
	list-style-type: circle; 
	}
	
.widget li { margin: .35em 0 .35em .25em; }
/*end side menus*/

/*start post*/
.post { background: #fff url("images/frame_top_left.png") no-repeat top left; clear: left; margin: 1em 0; padding: 0; line-height: 1.5em; color: #000; }

.postbody { background: url("images/frame_bottom_right.png") no-repeat bottom right; padding: 0; margin: 12px 0 0 0; overflow: hidden; }

.postbody h2 { font-family: Old English Text MT, Georgia, serif; font-weight: normal; font-size: 190%; margin: 0 0 0 12px; padding: 24px 36px 0 24px; background: url("images/frame_top_right.png") no-repeat top right; line-height: 1.1em;}

.postbody h2 a { color: #cc3333 }
.postbody h2 a:hover { color: #333; text-decoration: none; }

.post .entry { margin: 1.5em 36px 0 36px; padding-bottom: 77px; }
.count1 .entry { background: url("images/icons_black/bird_eating.png") no-repeat bottom right; }
.count2 .entry { background: url("images/icons_black/clock.png") no-repeat bottom right; }
.count3 .entry { background: url("images/icons_black/hand.png") no-repeat bottom right; }
.count4 .entry { background: url("images/icons_black/key.png") no-repeat bottom right; }
.count5 .entry { background: url("images/icons_black/monkey.png") no-repeat bottom right; }
.count6 .entry { background: url("images/icons_black/owl.png") no-repeat bottom right; }
.count7 .entry { background: url("images/icons_black/rose.png") no-repeat bottom right; }
.count8 .entry { background: url("images/icons_black/ship.png") no-repeat bottom right; }
.count9 .entry { background: url("images/icons_black/sick_bed.png") no-repeat bottom right; }
.count0 .postmetadata { background: url("images/icons_black/wheel.png") no-repeat bottom right; }

.date { margin: 1em 40px; font-size: 85%; }
.entry pre { font-size: 85%; padding: 1em; font-family: Verdana; line-height: 1.25em; 
}
.entry pre h3 { font-weight: normal; font-size: 130%; marging: 0;}

.postmetadata { background: url("images/frame_bottom_left.png") no-repeat bottom left; padding: 0 24px 36px 36px; margin: 0 12px 0 0; list-style-type: none;}

#title span { display: none }
#copy p { margin: 1em 0 }

p.last { background: url("images/icons_black/monkey.png") no-repeat bottom right; padding-bottom: 110px; }
	
/*end post*/
/*post navigation*/
.navigation { list-style-type: none; 
float: left;
	margin: .5em 0; 
	padding: 0 2em 1em; 
	font-size: 90%;
	}	
.navigation li.older { width: 49%; 
	margin-right: 1%; 
	float: left; 
	}
.navigation li.newer { width: 49%; 
	margin-left: 1%; 
	float: right; 
	text-align: right; 
	}

/*begin comments*/
.commentlist { padding: 0; 
	}
.commentmetadata,.nocomments { margin: 0; 
	}
.commentlist li, #commentform input, #commentform textarea { font: 90% Verdana, Arial, sans-serif;	}

#commentform input { border: 3px double black; }

.comment li {
	list-style: none; 
	background: #fff url("images/framed_bottom.png") no-repeat bottom right; padding: 0; margin: 1em 0; }

.commentbody { background: url("images/framed_top.png") no-repeat top left; padding: 16px 1em; display: block;}

.commentlist cite, .commentlist cite a { font-weight: bold; 
	font-style: normal; 
	font-size: 100%; 
	}

.commentlist p { font-weight: normal; 
	line-height: 1.5em; 
	margin: 1em 0; 
	}

#commentform p { margin: 1em 0; 
	}

.commentmetadata { font-weight: normal; 
	}

.alt { padding: .75em; 
	}

.nocomments { text-align: center; 
	padding: 0; 
	}

.commentmetadata { display: block; 
	}

/*end comments*/

/* Begin Form Elements */
input[type=text],textarea { border: 1px solid black; 
	padding: .25em; 
	}
input[type=text] { width: 12em; 
	}
input[type=submit] { border: 1px solid black; 
	background: #eee; 
	margin: .25em 0; 
	font-family: Georgia,serif;
	 }

#searchform {
	margin: .75em auto;
	padding: .25em;
	}

.sidemenus #searchform #s {
	padding: .2em;
	}

.sidemenus #searchsubmit {
	padding: .2em;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;
	}

textarea { width: 95%; 
	margin: 0 auto; 
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

/* end forms */

/*stein custom login*/
ul#stein { position: absolute; right: 0px; list-style-type: none; margin: 0; padding: 0; font-family: Courier New, monospace; font-size: 95%; top: 0; right: 0; }
ul#stein li { margin: 0; padding: 0; position: absolute; right: 2px; }
ul#stein li a { color: #ededed  }
ul#stein li a:hover { color: #4F7CAD }

#inout { top: 1em; }
#myadmin { top: 2.1em; }
#addpost { top: 3.2em; }