*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;background-color:#f2f2f2;font-family:"Roboto",Helvetica,Arial,sans-serif}p,li{line-height:1.5}h1,h2,h3{font-family:"Roboto Condensed",Helvetica,Arial,sans-serif}h2{font-size:1.6em}@media screen and (min-width: 31.25em){h2{font-size:2em}}#canvas-container{background-position:100% 0;background-repeat:no-repeat}.black-bar{height:0.938em;margin:0;padding:0;background-color:#333}.clearfix{clear:both}.header-container{margin:0;padding:0.625em;background-color:#444;position:relative;z-index:11}#logo{max-width:18em;max-height:6em;margin-left:auto;margin-right:auto;display:block}#logo-div{color:#fc0;font-size:3em;font-weight:bold;max-width:24em;width:100%}@media screen and (min-width: 31.313em){#logo{margin:0}.header-container{padding:0.625em 0 0.625em 2.5em}}.nav ul{margin:0;padding:0;list-style:none}.nav li{float:left;margin:0 1.4em 0 0}.nav li:after{height:0;display:block;content:"\007C";font-weight:bold;color:#fc0;font-size:0.9em;position:relative;text-align:right;left:1em;top:-1.6em}.nav li:last-child:after{content:''}.nav a{color:#fff;text-decoration:none}.nav a:hover,.nav a:active{color:#fc0}.nav img{width:1.3em;height:1.3em}.nav #rss-img{float:right;margin-right:-0.6em}.nav-container{margin:0;padding:0.625em 1.25em 0.625em 2.8em;position:relative;z-index:10;background-color:#333;-moz-box-shadow:0 0.313em 0.625em #aaa;-webkit-box-shadow:0 0.313em 0.625em #aaa;box-shadow:0 0.313em 0.625em #aaa}@media screen and (max-width: 31.25em){.nav ul{width:100%}.nav li{width:33%;margin:0;font-size:1.15em}.nav li:after{content:''}.nav li:nth-child(3n+1){float:left;text-align:left}.nav li:nth-child(3n+2){text-align:center;margin-left:auto;margin-right:auto;display:block}.nav li:nth-child(3n+3){float:right;text-align:right}.nav li:nth-child(n+4){margin-top:0.4em}.nav #rss-img{margin-top:0.7em;margin-right:0em}.nav-container{margin:0;padding-left:1.25em}}@media screen and (min-width: 73em){.nav #rss-img{margin-right:16.5%}}@media screen and (min-width: 93.75em){.nav #rss-img{margin-right:30%}}#main-container{margin:0;padding:0;background-color:#f0f0f0}@media screen and (min-width: 52.5em){#main-container{width:100%;border:0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB/YAAAAuCAMAAAAFmgE7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF8PDw////fhnAPgAAAOtJREFUeNrs1YEJAAAIw7D5/9NeMVBIfijNAHBEoE1mALaP7QNg+9g+ALaP7QNg+9g+ALaP7QNg+9g+gO2D7QPYPtg+gO2D7QPYPtg+gO1j+wDYPrYPgO1j+wDYPrYPgO1j+wDYPrYPYPtg+wC2D7YPYPtg+wC2D7YPYPvYPgC2j+0DYPvYPgC2j+0DYPvYPgC2j+0DYPvYPoDtg+0D2D7YPoDtg+0D2D62D4DtY/sA2D62D4DtY/sA2D62D4DtY/sA2D62D2D7YPsAtg+2D2D7YPsAtg+2D2D72D4Ato/tA2D72D4Ats8HK8AAdpwATAWEY60AAAAASUVORK5CYII=");background-size:100%;background-repeat:y-repeat}}@media screen and (min-width: 73em){#main-container{width:83%;border-right:0.188em solid #444;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABNIAAAAYCAMAAAAI7SAgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF8PDw////fhnAPgAAAHZJREFUeNrs1DERAAAIA7Hi3zQKOsKUaPj7DHAlvFMdWJqlAZZmaWBpWBpYGpYGlmZpgKVZGmBplgaWhqWBpWFpYGmWBliapQEGY2lgaVgaWBqWBpZmaYClWRpYGpYGloalgaVZGmBplgZYmqWBpWFpYGk0K8AA4G1Q6bCjHa8AAAAASUVORK5CYII=")}}@media screen and (min-width: 93.75em){#main-container{width:70%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABvIAAAAgCAMAAAD39R/xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF8PDw////fhnAPgAAAKRJREFUeNrs1QENAAAIw7Dj3zQCrgDSeliWAXgo0IQBWB6WB2B5WB6A5WF5AJaH5QFYHpYHYHlYHoDlYXkAloflAZYHlgdYHpYHYHlYHoDlYXkAloflAVgelgdgeVgegOVheQCWh+UBWB6WB1geWB5geVgegOVheQCWh+UBWB6WB2B5WB6A5WF5AJaH5QFYHpYHWB5YHmB5WB6A5WF5AJbHfSvAALOwm4E+m61UAAAAAElFTkSuQmCC")}}.content{width:100%;margin:0;padding:0 1.25em 1.25em 1.25em;background-color:#fff;float:left}@media screen and (min-width: 31.25em){.content{padding:0 2.5em 1.25em 2.5em}}@media screen and (min-width: 52.5em){.content{width:70%}}.article h1{font-size:2.2em;line-height:1.1em;margin-bottom:0}.article h1 a{color:#333;font-weight:700;text-decoration:none}.article h2{margin-top:1.6em;padding-bottom:0.1em;border-bottom:1px solid #ccc}.article p.meta{margin-top:0}.article blockquote:before{height:0;display:block;color:#ccc;content:open-quote;font-size:10em;position:relative;top:-0.25em;left:-0.27em}.article blockquote:after{content:no-close-quote}.article code{color:#333;background-color:#ddd;padding:0.125em 0.25em;border-radius:0.313em}.article img{max-width:100%;max-height:100%;display:block;margin-left:auto;margin-right:auto}.article footer{padding-top:1.8em;border-top:1px solid #ccc;font-size:0.9em}.article .entry-content{padding-bottom:1em}.article .gist{margin:0 0.625em 0 0.625em}.article .slideshare-container,.article .youtube-container{width:95%;margin-left:auto;margin-right:auto;max-width:40em}.article .slideshare-embed,.article .youtube-embed{position:relative;padding-bottom:77%;padding-top:1.563em;height:0}.article .slideshare-embed iframe,.article .youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.article .youtube-embed{padding-bottom:56%}.article #prev-article-link+#next-article-link{margin-top:-1em}.article.divider{padding-bottom:1em;border-bottom:1px solid #ddd;margin-bottom:2em}.article .archive-title{padding-left:1.25em}.article .archive-title h1{font-size:1.5em}.entry-title{font-size:2.2em}.article:nth-child(n+2){margin-top:2em}.article ul,#recent_posts{list-style:none}.article ul li,#recent_posts li{margin-bottom:0.063em}.article ul li:before,#recent_posts li:before{height:0;margin-left:-0.7em;content:"\203A\00a0";display:block;font-weight:bold}@media screen and (max-width: 31.25em){.article blockquote{margin-right:1em}}@media screen and (min-width: 31.25em){.article h1{font-size:2.7em}.article blockquote p{padding-left:1em}.article blockquote:before{left:-0.2em}}@media screen and (min-width: 52.5em){.article img{max-width:80%;max-height:80%}.article .slideshare-container,.article .youtube-container{width:90%}}@media screen and (min-width: 73em){.article img{max-width:60%;max-height:60%}.article img.alone{max-width:80%;max-height:80%}.article .slideshare-container,.article .youtube-container{width:80%}}#blog-archives h2{margin-top:2em}.pagination{padding:0.938em 0 0.938em 0}.pagination div{width:33%}.pagination #previous_link{float:left}.pagination #blog_archives_link{float:left;margin-left:auto;margin-right:auto;text-align:center}.pagination #next_link{float:right;text-align:right}.pagination a{font-size:0.9em;text-decoration:none}.pagination a:hover{text-decoration:underline}.sidebar{width:100%;margin:0;padding:0 1.25em 1.25em 1.25em;float:left}.sidebar img.flex{min-width:8em;max-width:15em;display:block;margin-left:auto;margin-right:auto}.sidebar h3{font-size:1.3em;margin-bottom:0.3em}.sidebar h3+p{margin-top:0}.sidebar p,.sidebar li{font-size:0.85em}.sidebar ul{list-style:none;margin-bottom:1.5em;padding-left:1.4em}.sidebar ul li:before{height:0;margin-left:-0.7em;content:"\203A\00a0";color:#fc0;display:block;font-weight:bold}.sidebar a{color:#000}.sidebar a:hover{color:#fc0}@media screen and (min-width: 31.25em) and (max-width: 52.5em){.sidebar{padding:0 2.5em 1.25em 2.5em}.sidebar #smashing-book-info{width:60%;float:left}.sidebar #smashing-book-img{width:40%;float:right;margin-top:-1.3em}}@media screen and (min-width: 52.5em){.sidebar{width:30%;padding:1.125em 2em 1.25em 2em;float:right}h3:nth-child(n+2){margin-top:2em}}.footer-container{padding:0.625em 0 0.625em 0;background-color:#333;color:#fff;font-size:0.8em}.footer-container .nav{margin:0.7em 0 0.7em 0}.footer-container .nav li:after{top:-1.8em}#social-options{padding:0 1.25em 0 1.25em}#social-options div.centered{text-align:center}@media screen and (min-width: 31.25em) and (max-width: 52.5em){#social-list{width:32em;margin:0 auto 0 auto}}#copyright{margin:0 1.25em 0 1.25em;clear:both;text-align:center}@media screen and (min-width: 53.5em){.footer-container .nav{margin-top:0;margin-bottom:0}#social-options div{float:left;text-align:left;margin-bottom:0}#social-options ul li:first-child{margin-left:0.6em}#social-options .clearfix{clear:none}#social-list{width:100%}#copyright{text-align:left;float:right;margin-top:0;clear:none}}@media screen and (min-width: 73em){#copyright{margin-right:17.4%}}@media screen and (min-width: 93.75em){#copyright{margin-right:30.5%}}