html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,em,img,ins,q,s,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html{height:100%;margin-bottom:1px;} /* always show scroll bar */
/* =GLOBAL ELEMENTS
--------------------------------------------------------------
 Vertical Rhythm: 18px vertical grid
*/
body {
 color:#222;
 font-family:"Helvetica Neue",Helvetica,Arial,"Liberation Sans","FreeSans",sans-serif;
 font-size:13px;
}
p, ul, ol, dl, blockquote, pre, dialog{
 font-size:1em; /* 13px */
 line-height:1.3846em; /* 18px */
 margin:0 0 1.3846em 0;
}
h1{
 font-size:2.4615em; /* 32px */
 line-height:1.125em; /* 36px */
 margin-top:0.5625em;
 margin-bottom:0em;
}
h2{
 font-size:1.5385em; /* 20px */
 font-weight:normal;
 line-height:1.8em; /* 36px */
 margin-top:0.9em;
 margin-bottom:0em;
}
h3{
 font-size: 1.2308em; /* 16px */
 line-height: 1.125em; /* 18px */
 margin-top: 1.125em;
 margin-bottom: 0em;
}
h4{
 font-size:1.0769em; /* 14px */
 line-height:1.2857em; /* 18px */
 margin-top:1.2857em;
 margin-bottom:0em;
}
h5{
 font-size:1em; /* 13px */
 line-height:1.3846em; /* 18px */
 margin:0;
}
h6{
 font-size:1em; /* 13px */
 font-weight:normal;
 font-variant:small-caps;
 letter-spacing:2px;
 line-height:1.3846em; /* 18px */
}
blockquote{border-left:3px solid rgba(221,221,221,.5);font-style:italic;padding-left:17px;}/* #DDD at .5 strength*/
pre,code{font-family:monaco,"Courier New",Courier,monospace;font-size:1em;}
sup,sub{font-size:0.7em;line-height:1em;vertical-align:baseline;}
sup{position:relative;top:-0.4em;}
sub{position:relative;top:0.4em;}
ol, ul, dd{margin-left:1.5em;}
ul{list-style:disc;}
li ul, li ol{margin-bottom:0}
ol{list-style:decimal;}
dt{font-weight:bold;}
a:link, a:visited{color:#111;text-decoration:underline;}
a:hover, a:focus, a:active{color:#444;text-decoration:none;}
hr{
 margin:1.3846em 0 1.308em 0;
 height:0;
 border:1px solid #888;
 border-width:1px 0 0 0;
}
/* apply a natural box layout model to all elements */
*, *:before, *:after {
 box-sizing: border-box;
}
body {
 height: 100%;
 font-size: 100%;
 margin: 0;
 padding: 0;
 line-height: 1.5;
 background: #fafafa;
 color: #333333;
 -webkit-font-smoothing: subpixel-antialiased;
 word-wrap: break-word;
 -ms-word-wrap: break-word;
}
.meta {
 width: 200px; font-size:80%; text-align: right; color:#dadada; padding-left: 1em;
}

div.post, div.main-sidebar {
 margin: 0 auto;
 padding: 1.875em;
 max-width:90%;
 display: block;
}
div.post {
 min-height: 100vh;
border-top: 1px solid #ddd;
}

div.post p {
  font-family:monaco,"Courier New",Courier,monospace;font-size:1em;
}

div.post-byline {
 font-size: 0.75em;
 /* 12px / 16px */
 line-height: 1.5;
padding-bottom: 1em;
display: block;
color: #888;
}

.sidebar-inner {
 padding: 2.25em 0;
}
/* ----- */
/* Markup styles */
pre {
 word-wrap: break-word;
 white-space: pre-wrap;
 padding: 1em 0;
}
code {
/* background: #F0F0F0;*/
 padding: 0 0.375em;
}
blockquote {
 margin: 1.5em 1.5em 1.5em 0;
 padding-left: 1.5em;
 border-left: solid 3px #E6E6E6;
}
blockquote cite {
 display: block;
 text-align: right;
}
hr {
 margin: 1.5em 0;
}