html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
html,body{height:100%;min-height:100%;}
html{background-color:rgba(0, 0, 0, 0.9);color:rgba(255, 255, 255, 0.6);}html .photo{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;opacity:0.7;background-image:url(../../images/bg.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
html.error .photo{background-image:url(../../images/bg-404.jpg);}
html.aboutt .photo{background-image:url(../../images/bg-about.jpg);}
html.sub #content{}
html.sub a#logo{margin-bottom:0;}html.sub a#logo:hover{background-position:0 -91px;}
html.about a#logo:hover{background-position:0 -91px;}
html.invoice{background:#2f2f2f none no-repeat center center !important;}html.invoice a#logo{background-image:url(../../images/logo-invoice.png);}
html.invoice #links{display:none;}
html.invoice #container{background-color:transparent;}
html.sub #content{border-left:3px solid rgba(255, 255, 255, 0.15);margin-left:30px;display:inline-block;padding:5px 30px 5px 30px;}
body{margin:0;padding:0;font:18px/24px normal Helvetica,Arial,sans-serif;text-shadow:0 1px 3px rgba(0, 0, 0, 0.8);}
h1,h2,h3,h4,h5,p,b,strong,a{color:#fff;}
h1{font-size:36px;line-height:42px;margin-bottom:15px;clear:both;}
a#logo{display:block;position:relative;float:left;overflow:hidden;height:0;padding-top:91px;width:91px;background:transparent url(../../images/logo.png) no-repeat top left;background-size:91px 182px;margin-bottom:100px;z-index:9999;}
#container{position:relative;width:100%;height:auto;min-height:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:75px;background-color:rgba(0, 0, 0, 0.4);vertical-align:top;z-index:2;}
#content{position:relative;max-width:500px;}
#content p{color:rgba(255, 255, 255, 0.6);margin:15px 0;}#content p a{text-decoration:none;color:rgba(255, 255, 255, 0.8);}#content p a:hover{color:#ffffff;}
#content p b,#content p strong{font-weight:normal;color:#ffffff;}
#content p i{font-style:italic;}
#content p.date{font-size:14px;line-height:14px;margin:0 0 5px 0;font-weight:bold;color:rgba(255, 255, 255, 0.6);}
#content p.small{font-size:11px;line-height:14px;margin:8px 0;}
#content p.desc{font-style:italic;}
#content blockquote{padding:0 20px;}#content blockquote footer{display:block;text-align:right;font-size:12px;font-style:italic;}#content blockquote footer:before{content:"- ";}
#content img{display:block;width:100%;box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.5);margin:20px 0;}#content img.noshadow{box-shadow:none;}
#content .img-hover{position:relative;margin:20px 0;box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.5);cursor:pointer;}#content .img-hover img{position:relative;z-index:1;margin:0;box-shadow:none;}
#content .img-hover img.hover{position:absolute;top:0;left:0;z-index:2;opacity:0;}
#content .img-hover:hover img.hover{opacity:1;}
#content ul#social{margin:40px 0;}#content ul#social li{display:inline-block;margin-right:10px;}#content ul#social li.tweet,#content ul#social li.share{font-size:11px;line-height:12px;font-weight:bold;text-transform:uppercase;}#content ul#social li.tweet a,#content ul#social li.share a{display:inline-block;color:#ffffff;color:#000000;padding:4px 8px 4px 24px;text-shadow:none;text-decoration:none;background:rgba(255, 255, 255, 0.8) url(../../images/icon-twitter.png) no-repeat 5px center;background-size:15px 10px;}#content ul#social li.tweet a:hover,#content ul#social li.share a:hover{background-color:#ffffff;}
#content ul#social li.tweet span.count,#content ul#social li.share span.count{position:relative;display:inline-block;margin-left:5px;background-color:rgba(255, 255, 255, 0.25);color:#ffffff;padding:4px 8px;}#content ul#social li.tweet span.count:before,#content ul#social li.share span.count:before{content:"";position:absolute;left:-4px;bottom:5px;width:0px;height:0px;border-left:6px solid rgba(255, 255, 255, 0.25);border-right:6px solid transparent;border-top:6px solid transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
#content ul#social li.share a{background-image:url(../../images/icon-facebook.png);background-position:9px center;background-size:5px 10px;}
.notice{position:absolute;top:0;left:0;right:0;text-align:center;padding:10px;box-sizing:border-box;}
ul#posts{margin-top:40px;}ul#posts li{display:block;font-size:24px;line-height:30px;margin:5px 0;}ul#posts li p{font-size:16px;line-height:22px;color:rgba(255, 255, 255, 0.4);}
ul#posts li.article h2:after,ul#posts li.link h2:after{display:inline-block;content:'';height:24px;width:20px;background:transparent url(../../images/icon-post-article.png) no-repeat bottom center;background-size:20px 20px;margin-left:7px;}ul#posts li.article h2:after span,ul#posts li.link h2:after span{display:inline-block;text-decoration:underline;}
ul#posts li.link h2::after{background-image:url(../../images/icon-post-link.png);}
ul#posts li.archived a{font-size:12px;font-weight:bold;text-decoration:none;color:rgba(255, 255, 255, 0.5);}
ul#posts li a{color:rgba(255, 255, 255, 0.8);font-size:inherit;text-decoration:none;border-bottom:2px solid rgba(255, 255, 255, 0.2);}ul#posts li a:hover{color:#ffffff;border-bottom:2px solid rgba(255, 255, 255, 0.4);}
ul#links{position:absolute;display:inline-block;top:20px;right:20px;}ul#links li{display:inline-block;font-size:12px;font-weight:bold;margin:0 20px;color:rgba(255, 255, 255, 0.5);}ul#links li a{font-size:inherit;color:inherit;text-decoration:none;text-transform:lowercase;}ul#links li a:hover{color:#ffffff;}
a.loggg{position:fixed;bottom:20px;right:20px;overflow:hidden;height:0;padding-top:19px;width:26px;background:transparent url(../../images/icon-loggg.png) no-repeat 0 0;background-size:26px 19px;}
html.twitter{background:none;background-color:#00aced;}html.twitter body{text-shadow:none;}
html.twitter #container{background-color:transparent;}
html.twitter a#logo{background:transparent url(../../images/logo-twitter.png) no-repeat center center;background-size:91px 91px;}
html.twitter a.connect{display:inline-block;padding:15px 25px;color:rgba(255, 255, 255, 0.3);background-color:#fff;border-radius:4px;color:#00aced;text-decoration:none;}
html.twitter a.disconnect{display:inline-block;color:rgba(255, 255, 255, 0.8);font-size:11px;line-height:11px;font-style:italic;text-decoration:none;padding:8px 15px;background-color:rgba(255, 255, 255, 0.2);border-radius:2px;}html.twitter a.disconnect:hover{color:#ffffff;}
@media (max-width:840px){a#logo,body.sub a#logo{display:block;float:none;margin:0 auto;margin-bottom:100px;} #container{padding:75px 15px 15px 15px;} html #content,html.sub #content{display:block;border:none;margin:0;}}@media (max-width:480px){html{background:none !important;background-color:#000 !important;} a#logo{margin-bottom:75px !important;} #container #content{padding:0;} ul#links{margin-top:50px;padding-top:15px;border-top:2px solid rgba(255, 255, 255, 0.05);top:auto;right:auto;position:relative;width:100%;}ul#links li{margin:0 20px 0 0;color:rgba(255, 255, 255, 0.4);} html .photo{display:none !important;} a.loggg{position:absolute;}}@media only screen and (-webkit-min-device-pixel-ratio:2){a#logo{background-image:url(../../images/logo@2x.png);} html.invoice a#logo{background-image:url(../../images/logo-invoice@2x.png);} ul#posts li.article h2:after{background-image:url(../../images/icon-post-article@2x.png);} ul#posts li.link h2:after{background-image:url(../../images/icon-post-link@2x.png);} #content p.tweet a{background-image:url(../../images/icon-twitter@2x.png);} a.loggg{background-image:url(../../images/icon-loggg@2x.png);}}