/*  
Theme Name: Open Book
Theme URI: http://www.alltrees.org/anime/
Description: Ink Burns theme based on the <a href="http://binarybonsai.com/kubrick/">Kubrick</a> code.
Version: 1
Author: Emily Ravenwood
Author URI: http://www.alltrees.org/
	The CSS and XHTML is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* tan: f0f0e0; red: #ab1202 */

/*Universals */

body { font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .02em;
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff; }
	
	.mac #page { font-family: Verdana, sans-serif;
		letter-spacing: normal; }

H1, H2, H3, H4, H5 { font-weight: normal;
	font-family: "Century Gothic", Verdana, sans-serif; }

H4 { text-decoration: underline; }
H5 { font-weight: bold; }

H1 { margin: 3px;
	padding: 0;
	font-size: 20px; }
	
	H1 a { font-weight: normal;
		color: #ffffff;}
	H1 a:visited {color: #ffffff; }
	H1 a:hover { text-decoration: none; }
	
	.single h3, .page h3 { }
	
	.single h2 {  }

		
a { color: #ab1202; text-decoration: none; font-style: oblique; }
a:visited { font-style: normal; }
a:hover {text-decoration: underline; }

dl {}
dt { margin: 1em 0 .25em 0; }
dd{}

HR { margin-top: 2em;
	margin-bottom: 2em;
	margin-right: 20%;
	margin-left: 20%; }
	
.readthis { color: #CC0000; } /* for anything to be really emphasized MANUAL*/

.unfinished { color: #CC0000;
	font-size: large;
	text-align: center; }

.center { text-align: center; }

.small { font-size: x-small; } /* for small notes */

.tiny { font-size: xx-small; } /* for tiny notes */

.divider { margin: 20px 200px;
	padding: 0;
	background: url(images/shelfline.jpg) top center repeat-x;
	text-align: center; }
	
	.divider-inner { height: 100px;
		background: url(images/ivy.div.jpg) top center no-repeat;
		color: #f0f0e0; }


/* whole page */

#page { background-color: #f0f0e0;
	margin: 0;
	padding: 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #f0f0e0; }
	
#page-inner {}


/*header*/

#header {background: url(images/shelf.extpap2.0.jpg);
	height: 170px;
	padding: 0;
	margin: 0;
	border: 1px solid #000000; }

#header-inner { background: url(images/shelf2.0.jpg) top right no-repeat; 
	height: 170px;
	border-bottom: 3px solid #000000;
	padding: 0;
	margin: 0; }

#headerimg { background: url(images/ivy.2.5.jpg) top center no-repeat;
	margin: 0 200px 0 0;
	padding: 0;
	height: 170px; }

#headerimg-inner { background: url(images/book2.5.jpg) bottom left no-repeat;
	height: 150px;
	margin: 0;
	padding: 0;
	text-align: center; }

#header-text { }

#site-name { position: absolute; top: 100px; right: 240px;
	margin: 0;
	padding: 0;
	text-align: center;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff; }

#header-menu { margin: 0;
	padding: 0;
	width: 200px;
	text-align: right;
	position: absolute; top: 0; right: .5em;}
	
	#header-menu a { color: #ffffff; }
		
	#header-menu a:visited { color: #ffffff; }
	
	#header-menu ul { list-style: none;
	margin: 0;
	padding: .5em 0;
	line-height: 1.5em;
	font-size: small;
	color: #ffffff; }
	
		#header-menu ul ul { padding: 0; }
	
	#header-menu li {   }
	
	#header-menu h3 { font-size: medium;
		margin: 3px 0;
		padding: 0;  }
	
	#header-menu .current_page_item {}
		#header-menu li.current_page_item a {  text-decoration: underline; }
		#header-menu li.current_page_item a:visited {   }


/*content--find these in header.php and footer.php*/

#content { padding: 1px; /* margin fix */ }
	
#content-inner {}
	
#content-footer { clear: both; } /*mostly just there to be a clearing block*/
	

/* site menus (remember to do 'include' on wp_list_pages) */

#sitemenu { border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	margin: 2em 1em; }
	
	#standard #sitemenu { margin: 1em 0 2em 0; } /* on ds822 front page */

#sitemenu ul { list-style: none;
	padding: 0;
	margin: 0; }
	
	#sitemenu ul ul { display: inline;
		padding: 0;
		margin: 0;} /*to deal with the nesting */

#sitemenu ul li { display: inline; }
	#sitemenu ul li a {  padding: 0 .5em;
		margin: 0 .25em;
		color: #000000;
		font-style: normal; }
	#sitemenu ul li a:hover { background-color: #000000;
		color: #ffffff;
		text-decoration: none; }
		
.current_page_item {  }
	#sitemenu .current_page_item a {background-color: #000000;
		color: #FFFFFF;}
	.current_page_item a:visited {  }
	.current_page_item a:hover {}
	
	#sitemenu .current_page_item ul li a { background-color: #f0f0e0;
		color: #000000; } /* reset nested items under index page */
	#sitemenu .current_page_item ul li a:hover { background-color: #000000;
		color: #ffffff; } /* and reset the nested hover too */

/*main column*/

#alpha {    }
	 
	 .page {} /* class added to alpha div in page.php */
	 .single {} /* class added to alpha in single.php */

#font-size { float: left; } /* change font size div */
	#font-size img { border: none; }

.pagetitle-wrapper { text-align: center; } /*goes around page title. Views: archive, search */

h2.pagetitle {}

.navigation { display: block;
	height: 1em; } /* in single */
	.alignleft { float: left;}
	.alignright{ float: right;  }
	


/*entries*/

.post { margin: 1em 3em;  } /*whole entry wrapper*/

.post-title {  } 
	
	.post-title a { color: #000000; font-style: normal; } 
	.post-title a:visited {  }
	
.post-title h3 {  } /*text of title. Views: archive, page, search*/

.post-title h2 {    } /* text of title. Views: single, attachment, index */
	#cb .post-title h2 { margin-bottom: 3px; padding-bottom: 0; } /*titles with subtitles */

.post-subtitle { } /* subtitles for post; must be done manually */

	#cb .post-subtitle a { color: #000000;
		font-style: normal; } /*in the Cowboy Bebop site */
		#cb h3.post-subtitle { margin-top: 0; padding-top: 0; }
	
.datetime { margin-left: 1em;
	font-size: small; } /* date of posting */

.entry {   } /*actual text*/

.sections { background: #ffffff;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: .5em 2em;
	margin: 1em 0; } /* section blocks, with white background and borders ADD MANUALLY */

.postavatar { float: left;
	padding: 10px 10px 10px 0; } /* the user icon */

#page-footer {} /* footer for pages */

.wptags { padding: 5px 3px; } /* div for built-in tags */

#jumptop { margin: 2em 3em 0 3em; }

#post-dates { margin: 1em;
	text-align: right;
	font-size: small;
	color: #444444; } /* modified and posted */
	
#edit-link {padding: 0 1em;
	text-align: right; } /* link to edit on Page */



/*sidebar  (note that widet ids and classes are redundant)*/

#beta { }
	
#beta-inner {}

#beta ul { margin-left: 0; padding-left: 0;
		margin-top: 0; padding-top: 0;
		list-style: none; } /*encloses all widgets */
		
#beta li {  line-height: 1.5; }
	
#beta li a { }

#beta ul li ul a { font-size: small; } /* text lists like archives, catagories, etc.) */

li.widget { font-size: x-small;
	margin: 0 0 15px 0; } /* class of all widgets */

	.widget a {   }

.widgettitle-outer {  } /* div added to enclose the H2 */

h2.widgettitle {  } /*falls inside the li.widget */
	
li#text-1 {}

.widget_text {}

div.textwidget { padding: 0 5px;
	font-size: small; }
	
li#sidebar-login { }
	#sidebar-login ul { padding-left: 5px; }

#side-log-form {} /* ul enclosing the login form fields */

.sidebarLogin_otherlinks {} /* ul enclosing links in this widget */

li#calendar {}

li widget-calendar {}

div#calendar-wrap { text-align: center; }

#calendar caption { font-style: oblique; } /* month name */

table#wp-calendar { width: auto; 
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto; }

	thead {}
	tfoot {}
	tbody {}
	#wp-calendar td { border: 1px solid #999; padding: 3px; }
	
li#archives { }

li.widget-archives {}

select { margin-left: 20px;
	margin-right: 20px; } /* tag enclosing the drop-down menu of months */

li#categories-1 { padding-left: 0;
	 padding-bottom: 3px; }

li.widget-categories {}

#categories-1 a { display: block; }
#categories-1 a:hover { background-color: #333333;
	color: #ffffff; }

#categories-1 ul li a { padding: 0 0 0 .5em; }

#categories-1 ul ul li a { padding: 0 0 0 1.5em; }

#categories-1 ul ul ul li a { padding: 0 0 0 2.5em; }

#categories-1 a {  } /*top level categories */

#categories-1 ul.children a {  } /* child categories */

.current-cat a { background-color: #000;
	color: #fff; } /*category that is open; Views: archive*/
	.current-cat a:visited { }
	
	.current-cat ul li a { background-color: #fff;
		color:; } /* links in items nested below; remember to set back to normal */
	.current-cat ul li a:visited {}

li.current-cat-parent {}/* category one up. Views: archive */

#widget_stags-1 {} /* simple tags */

#tag_cloud {}

.widget_stags_cloud {} /* simple tags */

.widget_tag_cloud {}

#widget_stags-1 a { padding-left: 5px; } /* simple tags */

#tag_cloud a { padding-left: 5px; }

li#search { padding-left: 0;  }
	
form#searchform { padding: 0 5px; }
	
	#searchform div { margin: 20px 0 10px 0;
	text-align: center;
	border: 1px solid #999999;
	padding: 5px 2px;
	background-color: #000000; }

li.widget-search { }

li#recent-posts { padding-left: 0; }

li.recent-posts-widget {}

li#meta { padding-left: 0;}

li.widget-meta {}


/*footer*/

#footer { 
	padding: 0;
	margin: 1em 1em 5px 1em;
	text-align: center;
	color: #999999;
	
 }
	
	#footer a { }

#footer-inner {font-size: x-small;}

#adminlink { text-align: right;}
	#adminlink a {color: #999999;}

#license-notes { 	 }
	
#license-image { float: left;
	margin-right: 1em;
	margin-top: 1em; }

#wp-notes {} /*powered by and feeds*/



/*COMMENTS*/

#comment-toggle { margin: 1em 3em 0 3em; } /* the link to open and close form */

p.nocomments {} /* password or comments closed notice */

#comments-wrapper {  margin: .5em 3em;
	display: none;  } /*around entire comment area */

h2#comments { padding: .25em;
	width: 100%;
	clear: none;
	font-size: large;
	text-align: center;
	display: none; } /*heading of the comments area */
	
	#comments a {  }
	
	#addlink {} /* the [add] link inside the header */

h3#pings {padding-bottom: .25em;
	margin-bottom: 0;
	display: none; }

/* INDIVIDUAL COMMENTS */

.commentlist, .commentlist ul { list-style: none;
	margin-left: 0;
	padding-left: 0;
	display: none; } /* ul; encloses all comments made */

.pinglist { margin-top: 0;
	margin-bottom: 2em;
	display: none; } /* ol; encloses all trackbacks when separated */

ul.children { margin-left: 20px;
	padding-left: 0; } /* ul enclosing any threaded replies; use this for indent */

.commentlist li { margin-top: 15px; } /* encloses each comment; following classes are on this as well, without callback */

.comment {} /* moved from the li to the div for this theme */

.pingback {} /* replaces .comment on trackbacks */

div.bypostauthor {  }

.even { background: #f9f9e9;
	border: 1px solid #000000; }

.odd  { background: #ffffff;
	border: 1px solid #000000; }

.thread-even {}

.thread-odd {}

.byuser {}

.alt {} /* given to every other comment */

.depth-1 {} /* these go on in increasing increments as far as depth is allowed */

/* a div with #div-comment-xxx encloses each comment inside the li and therefore exempt from nesting; all the below classes are contained in this div */

.comment-header {} 

	.comment-header a {}
	.comment-header a:visited {}
	
	div.bypostauthor .comment-header {}
	.even .comment-header {}
	.odd .comment-header {}

.comment-author {} /* encloses userpic and author name */

#comments-wrapper img.avatar { float: left;
	margin: 5px;
	border: 1px solid #cccccc; }

.comment-meta {font-size: x-small;
	border-bottom: 1px solid #cccccc;
	width: 70%;  } /* encloses the date/time */

.commentmetadata {} /* these two appear to be the same thing */

.comment-text { margin: 0 5px; } /* the actual text */

.reply { margin-left: 5px; } /*the reply to comment link */
	
/* ADD COMMENT FORM */

#addcomment { margin-top: 20px;
	text-align: left; } /* encloses the add-comment section */
	
#add-email-form { border: 8px red double; 
	margin: 1em; 
	padding: .5em 1em; }  /* the prompt for openID users */

#respond { } /* encloses the form */

h3#addheader {padding-bottom: .25em;
	margin-bottom: 0;
	text-align: center; } /* the 'leave a reply' header */

#cancel-comment-reply { font-size: small; } 

form#commentform {} /* the form itself */

	#commentform textarea { width: 100%;} /* the message writing area; set width to fix occasional FF bug */

/*  IF LOGGED IN*/
table#loggedtable {}
	table#loggedtable td { padding: 5px 0; }

td#logged-in-note { border-bottom: 1px solid #999999;
	padding: .5em 3px; }

/* SPLIT OPTIONS */
table#splittable {}

div#method-header { font-size: large; 
	font-weight: bold;
	text-align: center;
	padding: 3px;
	margin-bottom: 20px;} /* tell me who you are */

table#splittable td { padding: 5px 5px 5px 10px; }

.split-notes {font-size: x-small;
	color: #999999;}

tr#method { text-align: center; }
	td#trad-meth { border-right: 1px solid #000;
		text-decoration: underline; }
	td#op-id-meth {text-decoration: underline;}

tr#field-one {  }
	#field-one td#commenter-name { border-right: 1px solid #000;  }
	td#op-id { }

tr#field-two { }
	#field-one td#commenter-email { border-right: 1px solid #000; }
	td#op-id-blank {  }

/* SINGLE OPTIONS */
table#regtable { }
	table#regtable td { padding: 5px 0; }

tr#name-section {}
	td#commenter-name { }

tr#email-section {}
	td#commenter-email { }
	
tr#url-section {}
	td#commenter-url {}

/*IN BOTH */
tr#comment-section { } 
	td#commenter-content { vertical-align: top; }

tr#allowed-characters { font-size: x-small;
	color: #999; }

td#notes {font-size: x-small;
	color: #666;
	text-align: right;}

td#button { padding: 2px;} /* submit comment and subscription buttons */