/*
Theme Name:     Tokyo Two
Description:    Child theme for Toolbox
Author:         Neville Park
Template:       toolbox
*/

@import url("../toolbox/style.css");

/* Layout */

#page {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	}

#content {
	width: 700px;
	}

.full-width #content {
	margin: 0 auto;
	padding: 20px;
	width: 750px;
	}

#primary {
	padding-bottom: 30px;
	}

#secondary {
	padding: 0 5px 0 0;
	width: 210px;
	}

#footer-widget-area .widget-area {
	float: left;
	margin: 0 15px;
	width: 200px;
	}

#footer-widget-area .widget-area#first {
	margin-left: 25px;
	}

#footer-widget-area .widget-area#fourth {
	float: right;
	margin-right: 20px;
}

.clearfix {clear:both;}

/* ----------------------------
Shiny Style Things 
-----------------------------*/

body {
	background: #808080 url('http://tokyodemons.com/wp-content/uploads/2011/05/background_2.gif');
	font: 1em/1.5em Georgia,Cambria,Palatino,'Palatino Linotype','Palladio URW L',serif;
	}

#page {
	background: #eee url('images/lightnoise2.png');
	box-shadow: 0 5px 10px #333;
	}

a {
	color: #b10;
	}
a:hover {
	color: #797d7e;
	}


/* Header */

hgroup {
	background-color: white;
	display: block;
	padding-top: 1px;
	text-align: center;
	}

h1#site-title {
	font: normal 3em Cardo,Georgia,serif;
	letter-spacing: 1px;
	}

h1#site-title a {text-decoration: none;}

h2#site-description {
	font-family: Cardo,Georgia,serif;
	font-style: italic;
	letter-spacing: 1px;	
	margin-bottom: 0;
	padding-bottom: 15px;
	text-shadow: 0 1px 0 white;
	}

/* Navigation */

#access {	
	background-color: #2b2b2b; 
	font-family: Cardo,Georgia,serif;
	letter-spacing: 1px;
	}
#access ul a {color: #ddd;}
#access ul ul a { 
	background-color: #111; 
	opacity: 0.9;
	}
#access ul ul a:hover,#access li:hover > a,
#access ul ul :hover > a {
	color: #b81d1d;
	}

#nav-above,#nav-below {
	margin-left: 30px;
	width: 640px;
	}

/* .home #nav-above,.home #nav-below {
	margin-left: 30px;
	width: 640px;
	} */

/* Teaser */

#teaser {
	background-color: #d4d6d6;
	border: 1px solid #ccc;
	/* box-shadow: 0px 1px 5px #bbb; */
	margin: 20px auto;
	overflow: auto;
	padding: 20px;
	width: 550px;
	}

#teaser h1.entry-title a {
	font-size: 1.4em;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 1px 0 #eee;
	}

#teaser p {
	font: 1em Georgia,serif;
	text-shadow: 0 1px 0 white;
	}

#teaser p a {
	letter-spacing: 1px;
	text-shadow: 0 1px 0 #eee;
	text-transform: uppercase;
	}

.teaser-thumbnail {
	float: left;
	padding-right: 1.4em;
	}

/* Content */

article {display: block;}

.full-width #content {
	margin: 20px auto;
	width: 850px;
}

article.post,article.page, .post-type-archive-book article {
	background-color: white;
	border: 1px solid #ddd;
	display: block;
	margin: 20px auto;
	overflow: auto;
	padding: 20px;
	width: 600px;
	} 

h1.entry-title,h3#reply-title {
	font-weight: normal;
	text-shadow: 0 1px 1px #bbb;
	}

h1.entry-title a {text-decoration: none;}

.post .entry-meta {	
	color: #666;
	font: 0.7em/1em Cardo,Georgia,serif;
	letter-spacing: 1px;
	text-transform: ;
	}

.post h1.entry-title {font: 1.5em Cardo,Georgia,serif;}

.archive h1.page-title {
	font-family: Cardo,Georgia,serif;
	font-weight: normal;	
	padding-left: 30px;
	text-shadow: 0 1px 1px #bbb;}

	/* Book Content */

.book p {
	text-align: justify;
	}

.single-book article.book {
	background-color: white;
	border: 1px solid #ddd;
	margin: 20px auto;
	padding: 20px; 
	}

.single-book #nav-above,.single-book #nav-below {
	margin: 0 auto;
	width: 850px;
	}

.single-book #comments {
	width: 800px;
	}

	/* TOC */

.post-type-archive-book #content ul {
	list-style-type: none;
	padding-left: 20px;
	}

.post-type-archive-book #content ul a {
	color: white;
	text-decoration: none;
	}

.post-type-archive-book #content ul li {
	background: #888;
	border: 1px solid #ddd;
	display: inline;
	float: left;
	margin: 10px;
	padding: 5px;
	text-align: center;
	width: 155px;
	}

.post-type-archive-book #content ul li:first-of-type {
	background: #2b2b2b;
	} /* Kludge till I can get hierarchical to work */

	/* Comments */

#comments {
	background-color: white;
	border: 1px solid #ddd;
	margin: 20px auto;
	padding: 20px;
	width: 600px;
	}

#comments h2#comments-title {
	font-weight: normal;
	text-shadow: 0 1px 0 white;
	}

ol.commentlist {
	font-size: 1.5em;
	font-style: italic;
	padding-left: 20px;
	}

ol.commentlist article.comment {
	font: 12pt Georgia,Cambria,Palatino,'Palatino Linotype','Palladio URW L',serif;
	}

.comment {
	margin-bottom: 5px;
	padding: 10px;
	}

.commentmetadata {
	font: 0.7em/1em Cardo,Georgia,serif;
	letter-spacing: 1px;
	text-transform: ;
	}

.bypostauthor,.comment-author-admin {
	background-color: #eee;
	border: 1px solid #ccc;
	}

img.avatar {
	float: left;
	margin-right: 10px;
	}

/* Sidebar */

#secondary.widget-area {
	text-shadow: 0 1px 0px white;
	}

#secondary.widget-area a {
	text-shadow: 0 1px 0px #eee;
	}

h1.widget-title {
	font: normal 18px Cardo,Georgia,serif;
	letter-spacing: 1px;
	padding-top: 10px;
	text-transform: ;
	}

#secondary.widget-area ul {
	list-style-type: none;
	padding-left: 0;
	}

/* Footer */

#colophon {
	background: #2b2b2b url('images/greynoise.png');
	color: #eee;
	}

#colophon a {color: #999;}

#colophon a:hover {color: white;}

#footer-widget-area h1.widget-title {
	padding-top: 0;
	}

#footer-widget-area ul {
	list-style-type: none;
	padding-left: 0;
	}

#footer-widget-area ul li li {
	padding-left: 15px;
	}

#searchform input#s {
	background-color: #333;
	border: 1px solid #555;
	color: white;
  width: 80%;
}

#site-generator {
	border-top: 1px solid #333;
	clear: both;
	font-size: 0.7em;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	width: 80%;
	}

#site-generator span.sep {
	background: url('images/wordpress.png') no-repeat;
	margin: 0 5px;
	padding: 0 8px;
	text-align: center;
	}