/**
 Theme Name: hokuten
 Theme URI: http://hokuten.net/
 Description: 2010 version of hokuten.net
 Author: David O'Trakoun
 Author URI: http://www.davidosomething.com/
 Version: 0.4

 Exclusively for hokuten.net
*/

html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td{margin:0;padding:0;}
a,input{outline:0;}
a img{border:0;}
/* ************************************************************************** *\
 * ********************************* Layout ********************************* *
\* ************************************************************************** */
body {
 background: #000 url(images/bg.jpg) no-repeat fixed center top;
 counter-reset: noted;
}
#everything { /* 100% width, max height */
 overflow: hidden;
}
	.wrapper { /* center content */
	 margin: 0 auto;
	 overflow: hidden;
	 width: 960px;
	}
#header {
 overflow: hidden;
}
#header .wrapper {
 margin: 20px auto;
 overflow: hidden;
}
#logo {
 float: left;
}
#searchform {
 margin: 1em 0 0;
}
#searchform label {
 display: none;
}
#s { /* search bar */
 background-color: transparent;
 border: #038 solid 1px;
 border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
 height: 32px;
 padding: 0 1em;
 vertical-align: middle;
 width: 20em;
}
#searchsubmit {
 border: 0;
 cursor: pointer;
 vertical-align: middle;
}
#content {
 clear: both;
 margin: 20px 0;
 overflow: hidden;
}
div.page,
div.post { /* total width: 500px */
 background: #eee;
 background: rgba(255,255,255,0.9);
 border: 1px dotted #ddd;
 border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
 float: left;
 margin: 10px 9px;
 padding: 20px 30px 40px;
 width: 400px;
}
div.page,
div.first,
body.single div.post, div.post:hover {
 background: #fff;
}
div.first {
 position: relative;
}
div.page,
body.single div.post { /* reset, total width: 670px */
 width: 540px;
}
	#twitter_content ul,
	#all_entries ul {
	 list-style: none;
	}
	#twitter_content li {
	 border-bottom: 1px dotted #ddd;
	 overflow: hidden;
	 padding: 2px;
	}
	#twitter_content small {
	 display: block;
	 text-align: right;
	}
	
	div.first h1 {
	 background: #fff;
	 border-left: 1px dotted #ddd;
	 border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	 border-right: 1px dotted #ddd;
	 border-top: 1px dotted #ddd;
	 font-weight: 400;
	 margin-top: -3em;
	 padding: 0 0.5em;
	 position: absolute;
	 right: 2em;
	 white-space: nowrap;
	 width: 8em;
	 z-index: 1;
	}
	div.first h2 {
	 position: relative;
	 z-index: 2;
	}
	.search div:nth-child(2n) {
	 clear: left;
	}
	div.page h2 {
	 clear: both;
	}
	div.date {
	 clear: both;
	 border-bottom: 1px #888 dotted;
	 border-top: 1px #888 dotted;
	 margin: 0 0 0.5em;
	 padding: 0.1em;
	}
	div.post_thumbnail {
	 border: 3px #ddd solid;
	 float: left;
	 margin: 0 0.5em 0.5em 0;
	 padding: 3px;
	}
	.post .image {	/* crops image on index and archives */
	 width: 100%;
	 overflow: hidden;
	}
	.readmore {
	 display: block;
	 margin: 1em 2em 0;
	}
	p {
	 overflow: hidden; 
	}
	blockquote {
	 margin: 0 1em;
	 padding: 0 1em;
	}
	pre {
	 margin: 1em;
	 overflow: auto;
	 padding: 1em;
	 width: 90%;
	}
	table, dl {
	 border: 1px solid #eee;
 	 border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	 margin: 0 5px 0.5em;
	 padding-bottom: 0.5em;
	 width: 100%;
	}
	dl {
	 margin: 1em 5px 0.5em;
	}
	th, dt {
	 background: #eef;
	 border: 0;
	 padding: 0.2em;
	}
	dt {
	 border-bottom: 1px dotted #ccd;
	 padding-left: 1em;
	}
	td, dd {
	 padding: 0.2em 0.5em;
	}
	dd {
	 padding-left: 2em;
	}
	.comparison tr:hover td {
	 background: #ffd;
	}

	div.wp-caption {
	 margin-bottom: 1em;
	 margin-top: 1em;
	}
	.aligncenter,
	div.aligncenter {
	 display: block;
	 margin: 5px auto;
	}
	.alignleft {
	 float: left;
	 margin-right: 10px;
	}
	.alignright {
	 float: right;
	 margin-left: 10px;
	}
	.first .alignleft, 
	.first .alignright {
	 display: block;
	 float: none;
	 margin-left: auto;
	 margin-right: auto;
	}	
	.size-thumbnail,
	.size-medium,
	.size-full {
	 border: 5px #eee solid;
	}
	a .size-thumbnail,
	a .size-medium,
	a .size-full {
	 border: 5px #57d solid;
	}
	.padv {
	 margin: 1em 0;
	}
	blockquote.pull-right {
	 color: #888;
	 border: 1px #eee solid;
	 display: block;	 
	 float: right;
	 font-size: 1.2em;
	 line-height: 1.42em;
	 padding: 0.5em 1em 1em;
	 margin: 2em 0 0.5em 1.5em;
	 width: 200px;
	}
	.first .pull-right {
	 display: none;
	}

#sidebar { /* total width: 280px */
 background: #eee;
 background: rgba(255,255,255,0.9);
 border: 1px dotted #ddd;
 border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
 float: left;
 margin: 10px 19px;
 padding: 0 19px 40px;
 overflow: hidden;
 width: 230px;
}
#sidebar:hover {
 background: #fff;
}
#commentform input,
#comment {
 background-color: transparent;
 border: 1px #bce dotted;
 margin: 2px;
 padding: 2px 2px 2px 20px;
 width: 210px;
}
#sidebar:hover #commentform input {
 background-color: #fff;
}
#comment {
 background: inherit;
}
#commentform p { position: relative; }
#commentform label  {
 display: none;
 left: 24px;
 position: absolute;
 top: 6px;
}
	#comment,
	#submit {
	 padding: 2px;
	}
	#submit {
	 cursor: pointer;
	}
#commentlist {
 margin: 1em 0;
}
	.comment {
	 clear: both;
	 overflow: hidden;
	}
	.commenter {
	 float: left;
	 margin: 1em 1em 0 0;
	 width: 48px;
	}
	.comment div.date {
	 clear: none;
	 margin: 1em 0 0.5em 56px;
	}
	.comment blockquote {
	 border: 0;
	 margin: 0 1em;
	}
#footer {
 clear: both;
 overflow: hidden;
}
#footer .wrapper {
 margin: 40px auto;
 overflow: hidden;
}
#meta {
 float: left;
}


/* ************************************************************************** *\
 * ******************************* Typography ******************************* *
	Includes margins for paragraphs, lists, and list items, and borders when
	typographically applied (e.g. underline)
 * ************************************************************************** */

@font-face {
 font-family: 'Vollkorn';
 src: url('fonts/vollkorn.eot');
 src: local('Vollkorn Regular'), local('Vollkorn'), url('fonts/vollkorn.ttf') format('truetype');
}
@font-face {
 font-family: 'Aurulent Sans';
 src: url('fonts/AurulentSans-Regular.eot');
 src: local('Aurulent Sans Regular'), local('AurulentSans-Regular'), url('fonts/AurulentSans-Regular.ttf') format('truetype');
}
@font-face {
 font-family: 'Aurulent Sans';
 font-style: italic; /* not oblique! */
 src: url('fonts/AurulentSans-Italic.eot');
 src: local('Aurulent Sans Italic'), local('AurulentSans-Italic'), url('fonts/AurulentSans-Italic.ttf') format('truetype');
}
@font-face {
 font-family: 'Aurulent Sans';
 font-weight: bold; /* or 700, but for semantics sake */
 src: url('fonts/AurulentSans-Bold.eot');
 src: local('Aurulent Sans Bold'), local('AurulentSans-Bold'), url('fonts/AurulentSans-Bold.ttf') format('truetype');
}
@font-face {
 font-family: 'Aurulent Sans';
 font-style: italic;
 font-weight: bold;
 src: url('fonts/AurulentSans-BoldItalic.eot');
 src: local('Aurulent Sans BoldItalic'), local('AurulentSans-BoldItalic'), url('fonts/AurulentSans-BoldItalic.ttf') format('truetype');
}

body {
 color: #444;
 font: 12px/1.62 'Aurulent Sans', Helvetica, Arial, sans-serif;
}
p {
 margin: 0.5em 0 0 0;
}
del {
 color: #866;
}
ins {
 color: #686;
 text-decoration: none;
}
em {
 padding-right: 0.2em;
}
cite {
 font-style: normal;
}
a:link, a:visited {
 color: #08e;
 text-decoration: none;
}
a:hover {
 color: #0c4;
}
code,
samp {
 background: #eee;
 padding: 0 0.2em;
}
pre {
 font-size: 0.8em;
 line-height: 1.2;
}
table {
 font-size: 0.8em;
}
ul {
 margin-top: 0.5em;
}
ul li {
}
ol {
 margin: 0.5em 0 0 0;
}
ol li {
}
ol>li>ol {
 list-style-type: lower-alpha;
}
ul ul, ul ol, ol ul, ol ol {
 margin-left: 2em;
}
dl {
 font-size: 0.8em;
 line-height: 1.62;
}
dt {
 font-weight: 700;
}
input {
 font-family: 'Aurulent Sans', Sans-serif;
}

#searchform div {
 text-align: right;
}
#s { /* search bar */
 color: #eee;
 font-size: 14px;
 line-height: 1.62;
}
#searchsubmit {
 font-size: 14px;
}

.search #content h1 { /* in #header only! */
 color: #ddd;
 font-family: 'Aurulent Sans', Sans-serif;
 font-weight: 700;
 text-transform: uppercase; 
}
#content .first h1 {
 font-size: 8px;
}
#content h2 { /* page type: article / archive / page */
 font: 24px/1 'Vollkorn', Serif;
 margin-left: 1em;
 text-indent: -1em;
 text-shadow: 1px 1px 2px #abd;
}
#content h2 a:link, h2 a:visited {
 color: #57d;
}
#content h3 { /* content title */
 border-bottom: 1px #bce dotted;
 border-left: 24px #bce solid;
 border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
 clear: both;
 font: 16px/1 'Vollkorn', Serif;
 margin: 1.5em 0 0 -1em;
 padding: 0 20px;
}
#content h4 { /* content subtitle */
 border-bottom: 1px #cdf dotted;
 border-left: 16px #cdf solid;
 border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
 clear: both;
 font: 12px/1 'Vollkorn', Serif;
 letter-spacing: 0.2em;
 margin: 1.5em 0 0.5em -1em;
 padding: 0 1em;
 text-transform: uppercase;
}
#content h5 { /* content subtitle */
 clear: both;
 counter-increment: footnotes;
 font-family: 'Aurulent Sans', Sans-serif;
 font-size: 8px;
 font-style: italic;
 font-weight: 700;
 line-height: 1.62;
 margin: 2em 0 0;
}
#content h5:before {
 content: '[' counter(footnotes) '] ';
}
	.first h1 {
	 font-size: 10px;
	 line-height: 1.62;
	 text-align: center;
	}

	div.date {
	 font-size: 10px;
	 line-height: 1.62;
	 text-align: center;
	}
	span.important {
	 color: #f43;
	}
	div.aligncenter {
	 text-align: center;
	}
		p.wp-caption-text {
		 font-size: 8px;
		 line-height: 1.62;
		 margin: 0 0 8px;
		}
	cite,
	.noted {
	 counter-increment: noted;
	}
	.noted:after {
	 content: counter(noted);
	 font-size: 8px;
	 position: relative;
	 top: -8px;
	}
	.fail {
	 color: #e44;
	}
	.pass {
	 color: #4e4;
	}
	.readmore {
	 text-align: right;
	}
#sidebar {
 font-size: 12px;
 line-height: 1.62;
}
#sidebar ul {
 list-style: none;
 margin: 0.5em 0;
}
#sidebar h2 {
 font-size: 14px;
 line-height: 1;
 margin-top: 32px;
}
#sidebar h2:first-child {
 margin-top: 16px;
}
.widget_recent_entries li {
 font-size: 0.8em;
 line-height: 1.62;
}
#commentform {
 text-align: center;
}
#commentform label,
#commentform input,
#commentform textarea {
 font-size: 0.8em;
 line-height: 1;
}
#commentlist {
 font-size: 0.8em;
 line-height: 1.48;
 list-style: none;
}
	.comment .commenter {
	 font-size: 10px;
	 line-height: 1;
	 text-align: center;
	 word-wrap: break-word;
	}
	.comment .date {
	 font-size: 10px;
	 line-height: 1;
	}
	#comment {
	 font-family: 'Aurulent Sans', Sans-serif;
	}
	.comment blockquote {
	 color: #888;
	}
#footer {
 color: #ddd;
 font: 10px/2 'Aurulent Sans', Sans-serif;
 text-align: right;
}

/* ************************************************************************** *\
 * ********************** Image Replacement and Icons *********************** *
\* ************************************************************************** */
#header h1 a,
#header div.description,
#searchsubmit,
.ir { background-repeat: no-repeat; display: block; height: 0; overflow: hidden; }
.icon { background-repeat: no-repeat; background-position: center left; display: inline-block; }
.icon_r { background-repeat: no-repeat; background-position: center right; display: inline-block; }
#header h1 a {
 background-image: url(images/header.png);
 padding-top: 40px; 
 width: 227px;
}
#header div.description {
 background-image: url(images/header.png);
 background-position: bottom left;
 padding-top: 17px; 
 width: 227px;
}
#searchsubmit {
 background-color: transparent;
 background-image: url(images/raster/blue/magnifying_glass_alt_32x32.png);
 display: inline-block;
 padding-top: 32px;
 text-indent: -9999em; /* needed for buttons in opera */
 width: 32px;
}
#searchsubmit:hover {
 background-image: url(images/raster/green/magnifying_glass_alt_32x32.png);
}
	#twitter_content span {
	 background: url(images/twitter_16.png) no-repeat top left;
	 padding-left: 20px;
	}

	#all_entries li a,
	.widget_recent_entries li a {
	 background: url(images/shiny/16x16/icon-02.png) no-repeat top left;
	 display: inline-block;
	 padding: 0 0 4px 20px;
	}

	#author {
	 background-image: url(images/mystery.png);
	 background-position: 1px center;
	 background-repeat: no-repeat;
	}
	#email {
	 background-image: url(images/shiny/16x16/icon-15.png);	
	 background-position: 1px center;
	 background-repeat: no-repeat;
	}
	#url {
	 background-image: url(images/shiny/16x16/icon-16.png);
	 background-position: 1px center;
	 background-repeat: no-repeat;
	}
	.bypostauthor .commenter {
	 background: url(images/shiny/32x32/icon-03.png) no-repeat top right;
	}

	#rss_link {
	 background-image: url(images/raster/blue/rss_8x8.png);
	 padding-left: 10px;
	}
	#rss_link:hover {
	 background-image: url(images/raster/green/rss_8x8.png);
	}

/* ************************************************************************** *\
 * ************************ Fixes for 3rd-party CSS ************************* *
\* ************************************************************************** */
	div.syntaxhighlighter {
	 font-size: 0.8em !important;
	 line-height: 1.2em !important;
	 overflow: auto;
	}

	.sociable ul {
	 list-style: none;
	}
	.sociable li {
	 display: inline;
	}