@charset "UTF-8";a,header h1 a{text-decoration:none}body>header,nav{position:fixed}header h1,nav ul{padding-top:15px}article p,nav p{text-align:justify}article dd,article small,header h1,nav p{font-style:italic}a.link,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.left,.link p{text-align:left}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}div.info dt,strong{font-weight:700}.link h2,body,nav p,nav ul li,section footer{line-height:1.3em}header h1,section{padding-left:10px}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}.cf:after,.cf:before{content:".";display:table;height:0;font-size:0;line-height:0;visibility:hidden}.cf:after{clear:both}html{overflow-y:scroll}a{color:#444;border-bottom:1px dotted #999}a:hover{color:#d40;border-style:solid}a.noborder{border:0}div.info,nav ul{border-top:1px solid #aaa}.center{text-align:center}.right,div.info dt,section footer{text-align:right}.red{color:red}.loader{text-align:center;background:url('img/ajax-loader.gif') bottom center no-repeat;height:55px}.error404{margin:0 auto;width:275px;background:url('img/error.png') center left no-repeat;padding-left:150px;padding-top:20px;height:300px}.wrapper,header h1{width:960px;margin:0 auto}body{font-family:georgia,serif;font-size:.9em}* html body{overflow:hidden}header{width:100%;position:absolute;height:50px;background:url('img/header-background.png') repeat-x #000;color:#fff;top:0;left:0}header h1{font-size:2em;border-left:1px solid #fff;border-right:1px solid #fff;line-height:35px}header h1 a{color:#fff}header h1 a.icon{float:right;margin-right:5%}header h1 a.icon img{max-width:85%;height:auto;margin-bottom:10px}.wrapper{padding-top:50px}div.author{margin-top:10px;padding-bottom:5px}nav blockquote{background:url('img/quote.png') top left/20px no-repeat;margin-left:45px}nav p{margin-left:25px;font-size:.85em;color:#aaa}img.thumb{float:left;max-width:40px;height:auto;margin-right:10px;vertical-align:baseline;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}nav{width:250px}nav ul{border-bottom:1px solid #aaa;padding-bottom:15px;margin:0 auto}nav ul li a{margin-left:10%}div.info{padding-top:10px;font-family:verdana;font-size:.75em;color:#aaa}div.info dl{width:100%;margin:10px auto}div.info dt{float:left;width:38%;padding-right:2%}div.info dd{float:left;width:58%;padding-left:2%}section{margin-left:260px;border-left:1px dotted #aaa}article{padding-top:1em}article h2{line-height:1em;font-size:3em;margin-bottom:.8em}article h3{line-height:1em;font-size:1.3em;font-weight:bolder}.link h2,article dt,article h4{font-weight:700}article h4{line-height:1em;margin-top:2em;color:#88a}article small{font-size:.75em}article p{margin:1em auto}article p img{width:70%;height:auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow:5px 5px 5px #888;-webkit-box-shadow:5px 5px 5px #888;box-shadow:5px 5px 5px #888}article ul{margin:3%;color:#aaa}article dl{margin:3%}article dt{padding-left:20px;margin-top:10px}article dt.plus{background:url('img/plus.png') center left no-repeat}article dt.minus{background:url('img/minus.png') center left no-repeat}article code,article pre.code{font-family:"courier new";background:#eee}article dd{margin-left:5%;color:#888}article img.article{margin-right:20px;margin-bottom:10px;float:left;max-width:25%}article hr{width:50%;border:1px dotted #aaa;height:1px}article ul li:before{content:'\25C6';margin:0 10px;color:#88a}article pre.code{color:#000;border:1px solid #aaa;margin-top:5px;padding:0 5px;font-size:.75em;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}article pre.php code{color:#00f}article pre.php span{color:#a80}article pre.bash code{color:#00d}article pre.bash span{color:#c0c}article code{color:#777}article blockquote{background:url('img/quote.png') top left/50px no-repeat;margin:20px;padding-left:70px}a.link{float:left;color:#000;padding:5px;font-family:verdana;font-size:.8em;width:40%;border:1px solid #444;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-box-shadow:5px 5px 5px #888;-webkit-box-shadow:5px 5px 5px #888;box-shadow:5px 5px 5px #888;margin:10px}.link:hover{color:#000;background-color:#eee}.link img{width:57px;height:57px;float:left;margin-right:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.link h2{font-size:1.2em;border-bottom:1px dotted #444;margin-bottom:5px}.link h2 span{background:#88a;font-weight:400;font-size:.7em;padding:0 3px 1px;vertical-align:top;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.link p{font-size:.95em;margin:0}section footer{margin-top:4em;margin-bottom:1em;border-top:1px dotted #aaa;padding-top:.5em;color:#aaa;font-family:verdana;font-size:.75em}@media screen and (min-width:641px) and (max-width:1023px){.wrapper,header h1{width:640px}nav{width:150px}div.info{display:none}section{margin-left:160px}a.link{float:none;width:90%}}@media screen and (max-width:640px){nav,nav ul li a{background-color:#ddd}nav ul,nav ul li a,section{margin:0;border:0}article h2,nav ul{text-align:center}header h1{width:100%;font-size:1.8em;padding-top:1px;border:0;line-height:1em}.wrapper{margin:0;width:100%;padding-top:30px}.link h2 span,.link img,div.author,div.info,section footer{display:none}nav{position:fixed;width:100%;margin:0 auto}nav ul{list-style-type:none;padding:0;display:flex;justify-content:space-evenly}nav ul li{display:inline-block;vertical-align:middle;font-variant:small-caps;line-height:1em}nav ul li a{display:block;font-size:1em;padding:10px 0;text-decoration:none;color:#000}nav ul li a:hover{background-color:#88a;color:#fff}section{padding:45px 5% 10px}article h2{font-size:2em}a.link{width:40%;margin:5px 4% 5% 5px;background-color:#aad}.link h2{padding-bottom:2px}.link p{margin:5px 0 2px;text-align:left}}