html{background:#f3f4ee url(../img/distractable-bg.png) repeat-y;font-family:'Maven Pro',Arial,sans}body{background:url(../img/distractable-bot.png) 10px 10px no-repeat;margin:10px 0 0 0}body *{-webkit-transition:opacity ease-in-out .2s}a{color:#2c5aa0;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.4em;color:#5d6c53;margin:0;text-shadow:#aaa 0 1px 1px}h2,h3,h4{font-size:1.2em;margin:0 0 6px 0}h3{font-size:1.1em}h4{font-size:1.05em;color:#777;margin-top:4px}header{margin:10px 20px 0 470px;padding:15px 0 0 0;font-family:'Oswald',sans-serif;font-size:.8em}header a.logo{display:block;height:32px;background:url(../img/distractable-logo.png) no-repeat;margin:25px 0 0 0;padding:0 0 5px 0}header span.site-tag{display:block;border-bottom:2px dashed #333;padding:0 0 10px 0;font-size:1.1em;text-transform:lowercase}.content{margin:30px 20px 0 470px;min-height:500px}.content p{margin:0 0 10px 0}.content img{border:2px solid white;-webkit-box-shadow:#333 0 0 2px;-moz-box-shadow:#333 0 0 2px;-o-box-shadow:#333 0 0 2px;box-shadow:#333 0 0 2px}footer{border-top:2px dashed #333;color:#333;margin:0 20px 10px 470px;padding:10px 0 0 0;font-family:'Oswald',sans-serif;font-size:.85em}ul{margin:0 0 10px 0;padding:0 0 0 22px}ul.reset{margin:0;padding:0;list-style-type:none}ul.sitenav li{display:inline;margin:0 4px 0 0}ul.sitenav li a{border:2px solid #333;padding:2px 6px 4px;text-decoration:none;color:#333}ul.sitenav li a:hover{background:#888;color:white}ul.breadcrumbs{margin:10px 0 0 0}ul.breadcrumbs li{display:inline}ul.breadcrumbs .separator{color:#918a6f;display:inline-block;padding:0 5px}.post-bar{font-size:.8em;margin:4px 0 0 0}.post-bar .post-date{vertical-align:top;display:inline-block;padding:2px 0 0 0}#post-content{margin:10px 0}ul.postdate{float:left;text-transform:uppercase;font-weight:bold;text-align:center;padding:0 10px 0 0;color:#999}ul.postdate li{margin:0;padding:0}ul.postdate li.year{font-size:.6em}ul.postdate li.day{font-size:1.6em}ul.postdate li.month{font-size:.9em}code,.highlight{background:#f2f2f2;padding:0 6px;border:2px solid #e2e3db;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.highlight{padding:8px 14px}.highlight pre{margin:0}.sidebar{color:#333;position:absolute;left:120px;top:360px;width:300px;text-align:justify;font-size:.9em;opacity:.35}.sidebar p{margin:0 0 10px 0}.sidebar:hover{opacity:1.0}.twitter-share-button{margin:0 0 0 5px;display:inline-block}@media screen and (max-width:800px){html,body{background:#f3f4ee}header,.content,footer{margin-left:20px}.sidebar{display:none}}