html{min-height:100%;margin:0;padding:0;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll}
body{margin:0;padding:0;background-color:#fff;color:#4d4d4d;font-family:'Proxima Nova','Open Sans','Lato',sans-serif;font-size:16px;line-height:100%;-webkit-font-smoothing:subpixel-antialiased}
a{color:#000;text-decoration:none;border-bottom:1px dotted #999}a:link{color:#000}
a:hover{color:#0e94ec;outline:0}
a:active{color:#0e94ec;outline:0}
a:focus{outline:thin dotted}
.clearfix{content:".";display:block;height:0;clear:both}
@media (max-width: 780px){section#sidebar{display: none;}}
section#sidebar{width:%;position:fixed;top:0;left:0;bottom:0;right:5%:auto;min-height:80%;z-index:0}section#sidebar figure{margin:10% 10%;width:30%;height:15%}
section#sidebar h1{margin:0 5% 5% 0;padding:0 0 0 10%;display:block;font-family:'Proxima Nova','Open Sans','Lato',sans-serif;font-weight:900;font-size:34px;line-height:50%}section#sidebar h1 a{border:none}
@media (max-width: 780px){section#side h1{font-size:16px}}
section#sidebar h2{margin:0 5% 0 0;padding:0 0 0 10%;font-size:15px;font-weight:300;line-height:100%}
section#sidebar p.bio{padding:0 8% 0 10%;font-size:15px}
section#sidebar ul{margin:0% 0 0 5%;padding:0 5% 0 5%}
section#sidebar li{margin:0;padding:8% 0 10% 0;clear:both;display:block;float:none}section#sidebar li a{color:#999;font-size:15px;line-height:100%;border:2px solid #eee;border-radius:30%%;border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;padding:3% 6%}
/*section#sidebar footer{margin:0;padding:0;position:absolute;bottom:45px;width:30%;text-align:center;color:#999;font-size:15px;font-weight:300;line-height:15px}*/
section#posts{top:0;margin:0 0 0 18%;padding:0 0 10% 0;min-height:50%;min-width:50%;height:100%;border-left:#eee 1px solid;background-color:rgba(255,255,255,0.9);position:relative;z-index:1}
section#posts h1{max-width:80%;margin:2% 0 2%;color:#000;font-size:200%;line-height:150%}
@media (max-width: 780px){section#posts h1{min-width:50%;max-width:85%;font-size:20px}}
section#posts h2{margin:3% 0 3%;color:#000;font-size:15px;line-height:100%}
section#posts h3{margin:1% 0 0%;color:#000}
section#posts h4{margin:20px 0 10px;color:#000}
section#posts h5{margin:20px 0 10px;color:#000}
section#posts h6{margin:20px 0 10px;color:#000}
section#posts ul,section#posts ol{margin:0 0 0 10%;padding:0;list-style-position:outside;}section#posts ul li,section#posts ol li{margin:0 0 0 1%;padding:1% 0 1% 2%}
section#posts ul pre,section#posts ol pre{width:60%}
section#posts blockquote{margin:0;padding:0 0 0 2%;display:inline-block;border-left:1% solid #0e94ec;max-width:85%}section#posts blockquote p{width:100%}
section#posts code{margin:0;padding:2px 4px;color:#000;background-color:#eee;font-family:'Proxima Nova','Open Sans','Lato',monospace,serif;box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.6);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.6);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.6)}
section#posts pre{margin:0;padding:0 0 0 10%;display:inline-block;border-left:3% solid #0e94ec;width:40%;color:#000;background-color:#eee;font-family:'Proxima Nova','Open Sans','Lato',monospace,serif;overflow-x:auto;box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.6);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.6);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.6)}
section#posts hr{color:#eee;background-color:#eee;height:1px;width:50%;border:none}
section#posts header{margin:0;padding:3% 3% 3% 3%;border-bottom:#eee 1px solid;font-color:#000;font-weight:300;text-transform:uppercase;font-size:15px}section#posts header h1{margin:0;padding:0;height:0;width:0;visibility:hidden}
section#posts header h3{margin:0;padding:0;color:#000}
section#posts footer{margin:0;padding:0;border-top:#eee 1px solid}
section#posts td.linenos pre{margin:0;padding:0 2px;width:20px;border:none;text-align:right}
section#posts a.button_accent{margin:5% 5% 5% 3%;padding:1% 1% 1% 1%;display:inline-block;border:3px solid #0e94ec;border-radius:15%;border-radius:20%;-moz-border-radius:35px;-webkit-border-radius:35px;text-transform:uppercase;color:#0e94ec;font-size:15px;font-weight:400}section#posts a.button_accent:link{color:#0e94ec}
section#posts a.button_accent:hover{color:#fff;background-color:#0e94ec;outline:0}
section#posts a.button_accent:active{color:#fff;background-color:#0e94ec;outline:0}
section#posts p.paginator{margin:0;padding:0;min-height:10%;width:50%;border-top:#eee 1px solid}
section#posts article{margin:0;padding:0% 0% 5% 4%;position:relative;font-size:15px;line-height:175%;overflow-x:hidden;overflow-y:hidden;width:55%}section#posts article #title{font-family:'Freight-Sans-Pro','Proxima Nova','Open Sans','Lato',sans-serif;margin:5% 0 0;padding:0;color:#000}section#posts article #title a{border:none}
@media (max-width: 780px){section#posts article{width:85%}}
section#posts article #article_meta{margin:0% 0% 0% 0%;padding:0%;font-size:15px;line-height:16px}
section#posts article #article_meta a{margin:0% 0% 0% 2%;line-height:175%}
@media (max-width: 480px){section#posts article #article_meta a{margin:0% 0% 0% 3%;line-height:200%}}
section#posts #comments{margin:0;padding:3% 3% 3% 3%;position:relative;border-top:#eee 1px solid;font-size:15px;line-height:25px;min-height:20%}section#posts #comments h2{color:#000}
section#posts #disqus_thread{margin:0;padding:2% 2%;width:70%}
@media (max-width: 780px){section#posts #disqus_thread{width:85%}}
section#posts dl#tag_list{margin:0;padding:3% 3% 3% 3%;font-size:15px;line-height:18px}section#posts dl#tag_list ul{margin:0%;padding:5%}section#posts dl#tag_list ul li{margin:3%;padding:3%}
section#posts dl{margin:0;padding:0;font-size:15px;line-height:25px;overflow-x:hidden;overflow-y:hidden}section#posts dl ol{margin:0;padding:0;list-style-type:none}section#posts dl ol li{margin:0 0 0;padding:0 0 2% 4%;border-bottom:#eee 1px solid}
section#posts dl ol .title{margin:3% 0 0 0;padding:0;color:#000}section#posts dl ol .title a{border:none}
section#posts dl ol .entry-content{width:50%}section#posts dl ol .entry-content ul{margin:0 0% 0 2%;padding:0;list-style-position:outside}section#posts dl ol .entry-content ul li{margin:0 0 0% 2%;padding:1% 0 1% 1%;border-bottom:0}
@media (max-width: 780px){section#posts dl ol .entry-content{width:85%}}
section#posts dl ol abbr{margin:0;padding:0;text-transform:uppercase;font-weight:300px;font-size:15px;line-height:100%;visibility:hidden}