/*
Theme Name: Dojo
Theme URI: http://maikeruon.com/
Description: Official WordPress theme for <a href="http://maikeruon.com/">Michael Online</a>.
Version: 1.0
Author: Michael Sisk
Author URI: http://maikeruon.com/

Handle dynamic search entirely via jQuery!

*/

/* reset */
address,article,aside,blockquote,body,caption,col,colgroup,dd,dialog,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,hr,nav,legend,li,menu,ol,p,pre,section,table,tbody,td,tfoot,th,thead,tr,ul,a,abbr,b,bdo,br,cite,code,del,dfn,em,i,ins,kbd,label,mark,meter,progress,q,rp,rt,ruby,samp,small,span,strong,sub,sup,time,var,audio,canvas,embed,figure,iframe,img,math,object,svg,video {
	border:          0;
	margin:          0;
	outline:         0;
	padding:         0;
	border-spacing:  0;
	list-style:      none;
	color:           inherit;
	font-size:       inherit;
	font-style:      inherit;
	text-align:      inherit;
	font-weight:     inherit;
	font-family:     inherit;
	line-height:     inherit;
	text-decoration: inherit;
	vertical-align:  baseline;
	border-collapse: separate;
	background:      transparent; }
article,aside,dialog,figure,footer,header,hgroup,legend,nav,section { display: block; }

html                  { background: #fff; color: #4d4d4d; font: 75%/1.5em 'lucida sans', 'lucida grande', sans-serif; }

abbr                  { border-bottom: 1px dotted; cursor: help; }
b,dfn,strong          { font-weight: bolder; }
blockquote            { margin: 0 2.5em; }
address,cite,em,i,var { font-style: italic; }
code,kbd,pre,var,samp { font: larger consolas, courier, monospace; }
del                   { text-decoration: line-through; }
ins                   { text-decoration: underline; }
mark                  { text-decoration: overline; }
pre                   { margin: 0 0 1.5em; white-space: pre-wrap; }
p                     { margin: 0 0 1.5em; }
small                 { font-size: smaller; }
sub                   { vertical-align: sub; }
sup                   { vertical-align: super; }
sub,sup               { font-size: smaller; line-height: 0; }
pre code,
pre kbd, pre pre,
pre var, pre samp     { font-size: 100%; }

h1                    { font: 200%/1em constantia, georgia, serif; margin: 0 0 .75em; }
h2                    { font: 150%/1em constantia, georgia, serif; margin: 0 0 1em; }
h3                    { font: 125%/1em constantia, georgia, serif; margin: 0 0 1.2em; }
h4                    { font: 100%/1em constantia, georgia, serif; margin: 0 0 1.5em; }
h5                    { font: 85%/1em constantia, georgia, serif; margin: 0 0 1.75em; }
h6                    { font: 75%/1em constantia, georgia, serif; margin: 0 0 2em; }
hr                    { clear: both; }

ol li                 { list-style: decimal; }
ul li                 { list-style: disc; }
menu li               { list-style: circle; }
ol,ul,menu            { margin: 0 0 1.5em 2.5em; }
ul ul, ul ol,
ol ol, ol ul          { margin: 0 0 0 2.5em; }
dl,dialog             { margin: 0 0 1.5em; }
dt                    { font-weight: bolder; }
dd                    { margin: 0 0 0 2.5em; }

/* header */
body > header                  { background: url( 'img/navi.png' ) repeat-x; border-top: 4px solid #4d4d4d; height: 24px; padding: 6px 0 9px; position: relative; z-index: 1; }
body > header div              { margin: auto; padding: 0 84px 0 0; position: relative; width: 640px; }
body > header b                { display: none; }

body > header h1               { background: url( 'img/logo.png' ); height: 321px; margin: 0; position: absolute; right: 0; top: -10px; width: 84px; z-index: 999; }
body > header h1:hover         { background-position: -84px 0; }

body > header form             { position: relative; }
body > header form a           { cursor: pointer; display: none; height: 24px; width: 24px; position: absolute; right: 0; top: 0; }
body > header input[type=text] { background: url( 'img/search.png' ); border: 0; color: #fff; height: 24px; outline: 0; padding: 0 24px; width: 132px; }

body > header ul               { margin: 0; }
body > header li               { float: left; list-style: none; margin: 0 9px 0 0; }
body > header nav a            { display: block; height: 14px; margin: 5px 0 0 9px; }
body > header .page-item-2 a   { background: url( 'img/about.png' ); width: 62px; }
body > header .page-item-106 a { background: url( 'img/archive.png' ); width: 81px; }
body > header .page-item-108 a { background: url( 'img/elsewhere.png' ); width: 107px; }

body > header nav a:hover,
body > header .current_page_item a,
body > header .current_page_ancestor a,
body > header .current_page_item a:hover,
body > header .current_page_ancestor a:hover,
body.single > header .page-item-106 a,
body.archive > header .page-item-106 a { background-position: 0 14px; }

/* sections */
body > section > header         { background: url( 'img/head.png' ); border-bottom: 1px solid #f2f2e6; padding: 2em 0; position: relative; text-shadow: 0 1px 3px #bfbfbf; top: -3px; }
body > section > header hgroup  { margin: auto; padding: 0 84px 0 0; width: 640px; }
body > section > header h1      { font-size: 250%; font-weight: bolder; margin: 0 0 .25em; }
body > section > header h2      { margin: 0; }
body > section > header a,
body > section > header a:hover { color: #4d4d4d; }

body > section > div            { margin: auto; padding: 2.5em 84px 2.5em 0; width: 640px; }

section a                       { color: #388020; }
section a:hover                 { color: #78bf60; }

section nav                     { font-size: larger; font-weight: bolder; margin: 0 0 1.5em; text-align: center; text-shadow: 0 1px 3px #bfbfbf; }
section nav a                   { text-shadow: none; }

section .more-link              { display: block; font-size: larger; font-weight: bold; margin: 1.5em 0; text-align: center; text-shadow: 0 1px 3px #bfbfbf; }

#search                         { display: none; }

/* articles */

article figure                        { margin: 0 0 1.5em; }

article > a,
article > a:hover                     { color: #4d4d4d; }

article > footer                      { color: #999; margin: 0 0 5em; }
article > footer a                    { color: #999; }
article > footer a:hover              { color: #4d4d4d; }

.category-link dl dt                  { font-size: 150%; }
.category-link dl dd                  { font-size: smaller; }

.category-chat dialog                 { border: 3px double #e5e5e5; margin: 0 auto 1.5em; padding: 1em; width: 75%; }
.category-chat dialog dt              { border-top: 1px solid #e5e5e5; padding: .25em 0 0; }
.category-chat dialog dt.line-even    { text-align: right; }
.category-chat dialog dd              { font-size: larger; margin: 0 0 .5em; }

.category-quote blockquote            { border: 1px solid #e5e5e5; border-radius: 1em; font-size: larger; margin: 0 auto .5em; padding: 1em 1em 0; width: 75%; }
.category-quote blockquote p          { margin: 0 0 1em; }
.category-quote blockquote + cite,
.category-quote blockquote + a > cite { font-size: smaller; display: block; margin: 0 auto 1.5em; text-align: right; width: 75%; }

.category-photo figure div            { margin: 0 auto 1.5em; }
.category-photo figure .next,
.category-photo figure .prev          { background: url( 'img/overlay.png' ); bottom: 0; color: #4d4d4d; cursor: pointer; display: none; font-size: xx-large; line-height: 2em; position: absolute; width: 50%; z-index: 3; }
.category-photo figure .next          { right: 0; }
.category-photo figure .next:hover,
.category-photo figure .prev:hover    { color: #fff; }
.category-photo figure,
.category-video figure                { text-align: center; }

.category-link > a,
.category-chat > a,
.category-quote > a,
.category-photo > a,
.category-audio > a,
.category-video > a { display: none; }

/* about */
.post-2 img { float: right; margin: 0 0 1.5em 1.5em; }

/* archives */
.post-106 h1              { text-align: center; }
.post-106 div > div       { float: left; width: 45%; }
.post-106 div > div + div { float: right; }
.post-106 ul              { font-size: larger; margin: 0 0 2.5em; }
.post-106 ul li           { border-bottom: 1px solid #e5e5e5; font-size: larger; list-style: none; }
.post-106 ul li a         { display: block; font-size: larger; font-weight: bold; padding: .75em; text-shadow: 0 1px 3px #bfbfbf; }
.post-106 ul li a:hover   { color: #262626; }


/* elsewhere */
.post-108 h1            { text-align: center; }
.post-108 ul            { margin: 0; }
.post-108 ul li         { list-style: none; }
.post-108 ul ul         { font-size: larger; margin: 0 0 2.5em; }
.post-108 ul ul li      { border-bottom: 1px solid #e5e5e5; font-size: larger; padding: .75em 0; }
.post-108 ul li a       { display: block; font-size: larger; font-weight: bold; padding: 0 0 .5em; text-shadow: 0 1px 3px #bfbfbf; }
.post-108 ul li a:hover { color: #262626; }

/* comments */
#comments article                        { margin: 0 0 5em; }
#comments article article                { margin: 0 0 0 2.5em; }

#comments footer                         { background: url( 'img/grain-brown.png' ) 0 50%; border: 0; border-top: 4px solid #4d4d4d; box-shadow: 0 1px 3px #111; color: #80200d; margin: 0 0 1em; padding: 0 1em; text-transform: uppercase; }
#comments footer a                       { color: #80200d; font-weight: bolder; }
#comments footer a:hover                 { color: #262626; }
#comments footer b                       { display: block; font-size: larger; }
#comments footer img                     { box-shadow: 0 1px 3px #111; float: right; position: relative; top: -4px; }
#comments footer a:hover img             { box-shadow: 0 1px 3px #111, 0 0 30px #fff; }

#comments .bypostauthor > footer         { background: url( 'img/grain-black.png' ) 0 50%; color: #78bf60; }
#comments .bypostauthor > footer a       { color: #78bf60; }
#comments .bypostauthor > footer a:hover { color: #e5e5e5; }

/* forms */
section form p                              { text-align: right; }
section form p b                            { color: #bf3c30; }
section form p b i                          { color: #54bf30; font-style: normal; }

section form div                            { display: none; }

section label                               { cursor: pointer; display: block; margin: 0 0 .5em; }
section label:hover                         { color: #78bf60; }
section label b                             { display: block; float: left; line-height: 2em; width: 25%; }
section label input[taype=text]             { width: 40%; }
section label abbr                          { border: 0; font-size: 200%; line-height: 0; vertical-align: middle; }

section select,
section textarea,
section input[type=text]                    { background: #f2f2f2; border: 1px solid #e5e5e5; color: #999; padding: .25em; }
section select:hover,
section textarea:hover,
section input[type=text]:hover              { background: #fff; border-color: #78bf60; color: #78bf60; }
section select:focus,
section textarea:focus,
section input[type=text]:focus              { background: #fff; border-color: #78bf60; color: #4d4d4d; outline: 0; }
section textarea                            { box-sizing: border-box; font: 100%/1.5em 'lucida sans', 'lucida grande', sans-serif; margin: 0 0 .5em; width: 100%; }

section input[type=submit]                  { background: url( 'img/grain-brown.png' ) 50% 50%; border: 0; border-top: 4px solid #4d4d4d; box-shadow: 0 1px 3px #111; color: #80200d; cursor: pointer; font-weight: bold; padding: .5em; text-transform: uppercase; }
section input[type=submit]:hover            { color: #262626; }

.mike section input[type=submit]            { background: url( 'img/grain-black.png' ) 50% 50%; color: #78bf60; }
.mike section input[type=submit]:hover      { color: #e5e5e5; }

/* footer */
body > footer     { background: #4d4d4d; color: #999; font-size: 125%; line-height: 1em; padding: .75em 0; }
body > footer div { margin: auto; padding: 0 84px 0 0; width: 640px; }

/* extras */
section textarea            { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#comments footer,
#comments footer img,
section input[type=submit]  { -webkit-box-shadow: 0 1px 3px #111; -moz-box-shadow: 0 1px 3px #111; }
#comments footer a:hover img { -webkit-box-shadow: 0 1px 3px #111, 0 0 5em #fff; -moz-box-shadow: 0 1px 3px #111, 0 0 5em #fff; }