/*
Theme Name: Japan
Theme URI: http://www.thunderguy.com/japan
Description: Thunderguy Japan theme.
Version: 0.2
Author: Bennett McElwee	
Author URI: http://www.thunderguy.com/japan

Notes:
	All CSS that involves the use of images is in the 'header.php' file.
	This template is based on the Kubric template by Michael Heilemann.
*/



/*========================================================= defaults
*/

body {
	font-size: 75%; /* Resets 1em to 12px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #eef;
	color: #336;
	text-align: center;
	margin: 0;
	padding: 0; 
}

a {
	color: #06c;
	text-decoration: none;
}

a:hover {
	color: #147;
	text-decoration: underline;
}

.entry p a:visited {
	color: #369;
	text-decoration: none;
}




h1, div.h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0;
}

h1, div.h1 {
	margin-top: 30px;
	font-size: 1.6em;
}

h2 {
	font-size: 1.3em;
	margin: 30px 0 0;
}

h3 {
	font-size: 1.1em;
}

p {
	margin: 1.5ex 0 0 0;
}

/* No special link appearance for headers */
h1 a, h1 a:visited,
div.h1 a, div.h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited
{
	color: #336;
	text-decoration: none;
}
h1 a:hover, div.h1 a:hover, h2 a:hover, h3 a:hover {
	color: #147;
	text-decoration: none;
}


p img {
	padding: 0;
	max-width: 100%;
}

acronym, abbr {
	cursor: help;
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

a img {
	border: none;
}

small {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}


/* Useful general purpose classes */
	
.center {
	text-align: center;
}
.alignright {
	float: right;
}
	
.alignleft {
	float: left
}
div.clear {
	clear: both;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}


/*========================================================= 
*/


#body {
	background-color: white;
	margin: 0;
	padding: 0;
}


/*========================================================= 
*/


#header {
	background-color: #8fb6d5;
	border-top: 2px solid #336;
	border-bottom: 2px solid #336;
	padding: 0;
	margin: 0;
}

#header-title {
}

#header-nav {
	border-top: 1px solid #336;
}

#header-title .header-content {
	text-align: left;
	width: 770px;
	margin: 0 auto;
	padding: 0;
}

#header-title .header-content span.title {
	font-size: 4em;
}

#header-title .header-content span.subtitle {
	font-size: 2em;
}

#header-title a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

#header-nav .header-content {
	text-align: left;
	width: 770px;
	margin: 0 auto;
	padding: 0;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.3em;
}

#header-nav .left-content {
	float: left;
}

#header-nav .right-content {
	text-align: right;
}

#header a, #header a:visited
{
	color: #336;
	text-decoration: none;
}
#header a:hover {
	color: #147;
	text-decoration: none;
}

#header-nav a {
	padding: 0 2ex;
}

#header-nav a:hover {
	background-color: #acf;
}

#adbar-con {
	/*background-color: #c6d8ea;*/
	padding: 2px 0 1ex 0;
}
#adbar {
	text-align: left;
	width: 730px;
	margin: 0 auto;
	padding: 0 0 0 90px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


/*========================================================= 
*/





#content {
	text-align: left;
	background-color: white;
	margin: 0 auto;
	padding: 0;
	width: 550px;
	font-size: 1.2em;
}

#left-right {
	text-align: left;
	background-color: white;
	margin: 0 auto;
	padding: 0 0 0 5px;
	width: 770px;
}

#left-right #content {
	float: left;
	text-align: left;
	margin: 0;
}


#searchform h2 {
	font-size: 1.3em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

/*========================================================= 
*/

#footer {
	background-color: #8fb6d5;
	border-top: 2px solid #336;
	border-bottom: 2px solid #336;
	padding: 1ex;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

#footer p {
	margin: 1ex;
	padding: 0;
}




/*========================================================= 
*/





p.abstract {
	font-style: italic;
}

p.intro {
	margin-top: 3ex;
}


div.body-cat-list ul.categories li {
	margin-bottom: 1ex;
}


/*========================================================= 
*/


.post-list .post {
	margin: 2ex 0;
}

.post-list h3 {
	margin-top: 0;
}


.post {
	margin: 0 0 40px;
}

.post .category-list {
	margin-top: .5ex;
}

.post .posttools {
	font-size: smaller;
	text-align: center;
	margin-top: .5ex;
}

.postmetadata {
	margin: 0;
	padding: 0;
	font-size: smaller;
}

.postmetadata-short {
	padding-top: 5px;
	text-align: center;
}

.postmetadata-short ul, .postmetadata-short li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

.postmetadata-single {
	line-height: 1.2em;
	font-size: smaller;
	font-style: italic;
	text-align: right;
	margin-right: 1em;
}


/*========================================================= 
*/



.entry {
	line-height: 1.4em;
}

.entry .read-more {
	font-style: italic;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


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


.entry .author {
	margin-top: 0;
	font-style: italic;
}


/*	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
} 

html>body .entry li {
	margin: 7px 0 8px 10px;
}

.entry ul li:before {
	content: "\00BB \0020";
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}



/*========================================================= 
*/


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
	
.commentlist li {
}

.commentlist li .comment-header a.comment-link {
	color: #336;
	text-decoration: none;
}

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

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

.commentlist .commentOfficialUser {
	background-color: #e0f0ff;
	border: 2px solid #f0f8ff;
}


.commentlist .comment-highlight {
	background-color: #ffe8a0;
	border: 2px solid #fff4d0;
}


.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	margin: 0;
	text-align: left;
	list-style: none;
}

.commentlist li {
	margin: 15px 0 3px 0;
	padding: 5px 10px 3px 10px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

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

.commentmetadata {
	margin: 0;
	display: block;
}

.commentmetadata {
	font-weight: normal;
}

.nocomments, .postmetadata-short, blockquote, strike {
	color: #777;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}

div.comment-number {
	float: right;
	color: #999;
	width: 40px;
	text-align: right;
}

/*========================================================= comment form
*/

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
}

#commentform p.submit {
	margin: 0;
	text-align: right;
}

#commentform p {
	margin: 5px 0;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#ed_toolbar input {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px;
	padding: 3px;
	width: auto;
}
#ed_toolbar #ed_strong {
	font-weight: bold;
}
#ed_toolbar #ed_em {
	font-style: italic;
}
#ed_toolbar #ed_strike {
	text-decoration: line-through;
}

/*========================================================= sidebar
*/


#sidebar {
	padding: 20px 0 10px 0;
	float: right;
	text-align: left;
	padding: 0;
	width: 190px;
	font-size: 1.2em;
}

#sidebar form {
	margin: 0;
}

#sidebar div.sideunit {
	margin: 0 0 3ex;
	padding: 0;
}

#sidebar h2 {
	margin: 2ex 0 0.5ex;
	padding: 0;
	font-size: 1.2em;
}


#sidebar ul.categories {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul.categories li {
	font-weight: bold;
}

#sidebar ul.children {
	margin: 0 0 0 2ex;
	padding: 0;
	list-style: none;
	margin-bottom: 1ex;
}

#sidebar ul.children li {
	font-weight: normal;
}

/*========================================================= search form
*/


#searchform {
	margin: 0;
	padding: 0;
}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
}

#sidebar #searchsubmit {
	padding: 1px;
}

select {
	width: 130px;
}



/*========================================================= contact
*/


.contact-form {
	margin-top: 1.5ex;
}

.contact-form input,
.contact-form textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.contact-form textarea {
	width: 100%;
	padding: 2px;
}





/*========================================================= 
*/


.navigation {
	display: block;
	margin-top: 2ex;
	margin-bottom: 2ex;
}
/* End Various Tags & Classes*/




#search-anchor {
	color: #336;
}


/*========================================================= 
*/

.entry div.pic-top {
	float: left;
	padding: 0;
	margin: 0.5ex 1ex 0.25ex 0;
}



/*========================================================= 
*/

div.ad-top {
	margin: 2ex 40px;
	padding: 0;
	border-bottom: 1px solid #ddd;
}
div.ad-links-middle {
	margin: 2ex 0;
	padding: 1ex 0 2ex 0;
	border-top: 1px solid #ddd;
}
div.ad-middle {
	margin: 2ex 40px;
	padding: 1ex 0 0 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
div.ad-bottom {
	margin: 0 40px;
	padding: 0.5ex 0 0 0;
	border-top: 1px solid #ddd;
}
div.ad-comments {
	margin: 0;
	padding: 5px 10px 3px;
	background-color: #e0f0ff;
	border: 2px solid #f0f8ff;
}

.ad-post-block {
	margin-top: 2ex;
}

.ad-comment-banner {
}

.ad-comment-block {
}

div.book-ad {
	float: left;
	padding: 0;
	margin: 0.5ex 1ex 0.25ex 0;
}

div.book-ad a img {
	border: 1px solid gray;
}