/*
Theme Name: andybright
Theme URI: http://www.informationarchitects.jp/
Description: Theme based on Fibonacci's Golden Cut. 
Version: 1.1
Author: Information Architects
Author URI: http://www.informationarchitects.jp/
*/

/* MEYER RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
li { list-style-type: none; }

/* THE MIGHTY CLEARFIX */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix,{display:block;}
.clear {clear:both;}

#page { width: 680px; position: relative; margin: 0 auto; }


a { color: #004ebc; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }

html {
	background-color: #666;
	background: url(/bg.jpg) no-repeat fixed;
}
body {
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header {
	padding-top: 1.5em;
	background-color: #fff;
	padding: 30px 40px;
	margin-bottom: 2em;
}

.alignleft { float: left; margin: 0em 1.5em 1.5em 0; }
.alignright { float: right; margin: 0em 0 1.5em 1.5em; }

.logotype {
	font-size: 3em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0.25em;
	line-height: 1;
	display: block;
	float: left;
	clear: left;
}
.logotype {
	color: black;
}

.search { float:right; margin-top: 0.9em; }
.commentsystem {
	padding: 30px 40px;
}
#dsq-content {
	width: 100%;
}
.commentsystem h3 {
	font-weight: bold;
	margin: 1em 0 0.75em 0;
	font-size: 1.1em;
}
.dsq-post-area {
	margin-top: 3em !important;
}
.skiptocontent {
	float: left;
	display: block;
	margin-top: 1.5em;
}

.about  {
	padding: 0.5em 1em 0.25em 1em;
	background: #ddd;
}
.about p {
	margin: 1.5em 0 1.5em 0;
}
.about-toggle {	
	background: url(i/turner.png) 5px 9px no-repeat;
	padding: 0.25em 0.5em;
	padding-left: 1.25em;
}
p.toggles a:hover {	

}
a.open {
	background: #ddd url(i/turner.png) 5px -10px no-repeat;
}
p.toggles {
	float: none;
	clear: left;
	margin-top: 1.7em;
}

.main {
	width: 100%;
	padding: 0 0 0 0;
	text-align:	left;
	display: block;
}
.sidebar {
	font-size: 0.8em;
	float: right;
	width: 55.8%;
	padding: 0 6% 0 0;
	position: relative;
	float: left;
}
.meta {
	font-size: 0.8em;
	float: right;
	width: 38.2%;
	float: right;
	padding: 0 0 0 0;
	position: relative;
}

.article .header {
	margin-bottom: 2em;
}
.article .header h1 {
	font-size: 1.875em;
	font-weight: bold;
	line-height: 1.2;
}
.article .header span {
	margin-top: 1em;
	font-size: 0.875em;
	display: block;
}
.article h1 a {	
}

.article h2 {
	font-size: 1.3em;
	margin: 1.75em 0 0 0;
	font-weight: 600;
	line-height: 1.3333em;
}
.article h3 {
	font-size: 1.1em;
	margin: 1.75em 0 0 0;
	font-weight: 600;
	line-height: 1.1;
}

.article {
	background-color: #fff;
	padding: 35px 40px;
}
.article p, .article ul, .article ol {
	margin: 1.5em 0;
}
.article ul {
	margin: 1.1em;
} 
.article ul li {
	list-style: disc outside;
	line-height: 1.35;
	padding:0.4em 0;
}
.article ol li {
	list-style-type: decimal;
}
.article blockquote {
	font-size: 0.875em;
	font-family: Georgia;
	padding: 0 3em;
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
}
.article blockquote li {

}

.article table { border-left: 1px solid #bbb; border-top: 1px solid #bbb; }
.article thead { background-color: #ccc; font-weight: bold; }
.article th, .article td { border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;padding: 0.5em; }
.article caption { font-size: 0.875em; font-style: italic; margin: 1em 0; }


.comment-system { font-family: "Helvetica Neue", Helvetica; }
.comment-system h3 {
	background-color: #888;
	color: #fff;
	padding: 0.35em 1em;
	margin-top: 1.5em;
}

ol.comments {
	
}
li.comment {
	border-bottom: 1px solid #fff;
	padding: 1em 1em 0 1em ;
	display: block;
	background-color: #ddd;
}
li.comment div.citation {
	font-size: 0.75em;
	display: block;
	float: left;
	width: 30%;
	line-height: 1.2;
	padding-bottom: 1em;
}
li.comment div.citation a {
	display: block;
}
li.comment div.comment-content {
	font-size: 0.875em;
	display: block;
	float: right;
	width: 66%;
}
li.comment div.comment-content p {
	margin-bottom: 1em;
	line-height: 1.35;
}


.comment-form {
	position: relative;
	background-color: #ddd;
	display: block;
	margin: 0;
	padding: 1em;
}
.comment-form .row { display: block; margin: 0 0 1em 0; } 
.comment-form .row label { display: block; font-size: 0.875em; margin-bottom:0.2em; }
.comment-form input, .comment-form textarea, .comment-form button {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 0.3em 0.2em 0.2em 0.10em;
	border: 1px dotted #888;
	background-color: #fafafa;
}
.comment-form textarea {
	width: 99%;
	height: 10em;
}
.comment-form input {
	line-height: 1.4em;
	width: 40%;
}
.comment-form input.blur {
	color: #999;
}
.comment-form button {
	border: none;
	color: #fff;
	background-color: #aaa;
}
.comment-form button:hover {
	background-color: #888;
}
.comment-form p {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 50%;
	font-size: 0.875em;
}

.posts-nav {
	height: 1.5em;
	margin: 2em 0;
	padding: 0 40px;
}
.posts-nav li.previous a {
	float: left;
}
.posts-nav li.next a {
	float: right;
}
.posts-nav li a {
	padding: 0.25em 0.5em;
	float: left;
	background-color: #ddd;
	display: block;
}

.footer {
	clear: both;
	margin-top: 4.5em;
}