#blog{width:100%;float:left;padding:1.5%;margin:0}#blog-header{padding:1.5%}#blog-header h1,#blog-header span{font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-size:1.8em;font-weight:bold;margin:0;padding:0;line-height:1.2;text-transform:uppercase;letter-spacing:1px}#blog-header span{font-size:1.6em;letter-spacing:0;text-transform:none}#blog article{box-shadow:0 4px 9px rgba(0,0,0,.04);border:3px solid #f3f3f3}#blog article>img{display:block;width:100%}#blog article header{border-bottom:3px solid #f3f3f3;text-align:center;margin:0 2em 2em;padding:2em 0}#blog article header span{font-size:1.4em}#blog article header h2{font-family:"Roboto Condensed","Arial Narrow",sans-serif;letter-spacing:1px;font-size:1.6em;font-weight:bold;text-transform:uppercase}#blog article>section{margin:4em}#blog article section p{font-size:1.6em;line-height:1.5em;margin-bottom:2em}#blog .tags{margin:2em}#blog.listing article{padding:2em;margin-bottom:2em;width:100%}#blog.listing article section{width:75%;float:left;margin:0;padding-left:3em}#blog.listing article section header{text-align:left;padding:0;margin:0 0 3em 0;border:none}#blog.listing img{width:25%;float:left}#aside{width:25%;padding:1.5%;margin:0;float:right}#aside h4{font-family:#333;font-size:1.4em;font-weight:bold;letter-spacing:1px;border:3px solid #f3f3f3;border-width:3px 0;text-transform:uppercase;text-align:center;padding:.75em 0;margin-bottom:2em}#aside .listing{font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-size:1.6em;font-weight:bold}#aside .listing li{border:none}#aside .listing li ul{margin:0 .5em}#aside .listing li li{list-style-type:none}#aside .tags{margin:0;overflow:hidden}article A.btn{padding:.5em 1em;font-size:1.6em}.blog-post .blog-post-def-img{max-width:100%}.blog-post section .alignleft{float:left;margin:1em 1em 1em 0}.blog-post section .alignright{float:right;margin:1em 0 1em 1em}.tags li{display:inline-block;margin-right:.5em}.tags li a:link,.tags li a:visited{background:#333;color:#fff;border-radius:5px;font-size:1.4em;font-family:"Roboto Condensed","Arial Narrow",sans-serif;padding:.5em .75em;display:block;margin-bottom:.5em}.tags li a:hover,.tags li a:active{background:#000}.tags li.active a{background:#f3f3f3;color:#333}.dark-theme #blog article{border-color:#666}.dark-theme #blog article header{border-color:#666}@media screen and (max-width: 980px){#aside{width:100%}}