/* reset.css */
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;background: transparent;}
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;}

/* typography */
body {font-size: 1.2em;color:#32271B;font-family:"droid-serif", Palatino, "Palatino Linotype",Georgia,"Times New Roman",Times,serif; word-spacing: 0.1em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;font-family:"ff-tisa-web-pro",serif;}
h1 {font-size:2.2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.8em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1.1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#005C99;text-decoration:none;}
a:hover {text-decoration: none;}
blockquote {padding: 0 2em;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic; padding: 0;}
del {color:#666;}
pre {margin:0 0 1.5em 0;white-space:pre;}
pre, code, tt {font-family:"droid-sans-mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Andale Mono","Courier New",monospace;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#fff;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.caption { font-style: italic; }
header, footer { display: block; }
dt a { border-bottom: none; }
dt a:hover { border-bottom: none; }

/* selected text */
*::-moz-selection { background: #FFF4AB none repeat scroll 0 0; }
::selection { background: #FFF4AB none repeat scroll 0 0; }

/* grid */

html {
    background-color: #fff;
}

div.container { margin: 50px 200px 50px 200px; }

body {
    min-width: 960px;
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

/* Indentation instead of line shifts for sibling paragraphs. */
p + p { text-indent:2em; margin-top:-1.5em; }
form p + p { text-indent: 0; } /* Don't want this in forms. */

/* index page */
#posts h1 { margin-top: 0.5em; }

/* footer */
footer { border-top: 1px solid #aaa; margin-top: 1em; }
footer p { padding: 1em 0; font-size: 0.8em; line-height: 1.1em; color: #d4d4d4;}
footer p a { color: #555; }

/* article */
article { margin-bottom: 1em; }
article h1 { margin: 0em 0 1em 0; }
article h2 a,
article h3 a { color: #000; }
article p.meta { font-size: 0.9em; font-style: italic; color: #d4d4d4; margin: 1em 0 0 0;}
article p.meta a { color: #555; }
article sup a { color: #000; border-bottom: none; font-size: 0.8em; margin: 0; padding: 0; }
article sup a:hover { background-color: #fff; color: #000; border-bottom: none; }
article figure { float: right; margin: 0 2em 1em 2em; }
article dl { margin-left: 1em; }
article blockquote { font-style: italic; }
article section.information { margin: 0 0 1em 2em; border: 1px solid #efefef; float: right; width: 18em; color: #666; }
article section.information p { padding: 1em; margin: 0; }
article section.information h3 { background-color: #f4f4f4; margin: 0; padding: 0.7em; border-bottom: 1px solid #e5e5e5; }
article section.information h4 { padding: 0 0 0 0.6em; margin: 0; }
article section.information pre {
    border: none;
    padding: 0 1em;
    margin: 0 1em 1em;
    background-color: none;
}

article > section > p > code,
div.footnotes code { 
  font-size: 0.8em;
  background-color: #f4f4f4;
  padding: 2px 5px;
}

article section#comment {
  color: #4d4d4d;
  border-top: 1px solid #AAA;
  font-style: italic;
  font-size: 0.9em;
  padding-top: 1em;
}

.footnotes hr {
    display: block;
    margin: 16px auto;
    position: relative;
    padding: 0;
    width: 100%;
    clear: both;
    border: none;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #FFF;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
}

/* standard page */
section#page img { float: left; margin-left: 1.5em; text-align: center; }
section#page h1 { margin: 0em 0 1em 0; }

/* about me */
div.about { border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; padding: 1.2em 0 0 0; text-align: center; }
div.container figcaption { font-size: 0.9em; font-style: italic; text-align: center; }

/* table of contents */
nav h1 { text-align: center; }
ol#toc { padding: 0;}
ol#toc li { list-style-type: none; }
ol#toc li p { margin-bottom: 1em; font-size: 0.9em; font-style: color: #333;}
ol#toc li h2 { margin: 0; padding: 0; font-size: 1.4em; line-height: 1.5em;}

/* Code */
table.sourceCode,
section > pre {
    overflow: auto;
    margin-bottom: 1.5em;
    line-height: 1.3em;
}

/* Language note */
span.language {
    border: 1px solid #e5e5e5;
    border-top: none;
    border-right: none;
    float: right;
    text-align: right;
    margin: -7px;
    padding: 0.25em 0.75em;
    background-color: #f4f4f4;
    color: #999;
    font-size: 12px;
}

section > pre,
table.sourceCode {
    font-size: 0.8em;
}

/* With linenumbers */
table.sourceCode { border: 1px solid #e5e5e5; }
table.sourceCode td.lineNumbers { border-right: 1px solid #e5e5e5; text-align: right; color: #999; padding: 0 5px 0 7px; background-color: #f4f4f4; line-height: 1.2em; }
table.sourceCode td.lineNumbers pre { padding: 0; margin: 0; line-height: 1.3em; }
table.sourceCode td.sourceCode { margin: 0; padding: 0; background-color: #fff; }
table.sourceCode td.sourceCode pre { padding: 7px; margin: 0; line-height: 1.3em;}

/* Without linenumbers */
section > pre { border: 1px solid #e5e5e5; padding: 7px; background-color: #fff; }


/* Markup */
code.sourceCode span.kw { font-weight: bold; }
code.sourceCode span.dt { color: #800000; }
code.sourceCode span.dv { color: #0000FF; }
code.sourceCode span.bn { color: #0000FF; }
code.sourceCode span.fl { color: #800080; }
code.sourceCode span.ch { color: #FF00FF; }
code.sourceCode span.st { color: #DD0000; }
code.sourceCode span.co { color: #808080; font-style: italic; }
code.sourceCode span.ot { }
code.sourceCode span.al { color: green; font-weight: bold; }
code.sourceCode span.fu { color: #000080; }
code.sourceCode span.re { }
code.sourceCode span.er { color: red; font-weight: bold; }

/* logo */
header.home{
    z-index: 90;
    position: fixed;
    left: 0;
    margin-top: 30px;
    background: url("/images/wunki-label.png") no-repeat;
    font-family: adelle,serif;
    font-weight: bold;
}

header.home h1 {
    margin: 0;
    padding: 0;
    text-indent: 22px;
    width: 175px;
    z-index: 100; /* the stack order: foreground */
    text-transform: lowercase;
	  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
	  -webkit-box-shadow: 0 0 3px rgba(0,0,0,6);
	  -o-box-shadow: 0 0 3px rgba(0,0,0,0.6);
	  box-shadow: 0 0 3px rgba(0,0,0,0.6);
    text-shadow: 0px -1px 0px #720103;
    font-size: 36px;
}

header h1 a {
    height: 75px;
    display: block;
    color: #fff;
    line-height: 70px;
}

header h1 a:hover {
    color: #ffc7c4;
    text-shadow: 0px -1px 0px #630103;
}

/* custom pages */
body.default div.container { padding-top: 5px; }

/* about page */
body.about figure { float: right; }
body.about div.container { padding-top: 5px; }
body.about div.container h1 a,
body.about div.container h2 a,
body.about div.container h3 a { color: #000; }

/* postlist */
body.postlist div.container { padding-top: 0.1em; }
body.postlist ul { padding: 0; }
body.postlist li { list-style-type: none; }
body.postlist li h2 { font-size: 1.2em; text-align: left; margin: 0; padding: 0;}
body.postlist li p { font-size: 0.9em; }

/* 404 */
body.notfound div.container { padding-top: 0.1em; }
body.notfound div.container h1 a { color: #000; }

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 0px;
	right: 75px;
	overflow: hidden;
	width: 100px;
	height: 40px;
  line-height: 40px;
  text-transform: lowercase;
  background-color: #fbfbfb;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  font-size: 0.6em;
  text-align: center;
  font-family: "droid-sans-mono", "Menlo", "monospace";
}

a#toTop { color: #4D4D4D; }

#toTopHover {
	width: 100px;
	height: 40px;
}

#toTopHover a { color: #333; }

#toTop:active, #toTop:focus {
	outline:none;
}