*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fancybox-wrap,#fancybox-overlay{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.js,.hide{display:none}body{font-family:"Segoe WP","Segoe UI",Segoe,Calibri,Helvetica,Arial;color:#797f84;font-size:16px;font-weight:500;position:relative;min-height:2000px}p{margin:0 0 1em}em{color:#ff8a3b;font-weight:500;font-style:normal}strong{color:#ff8a3b;font-weight:600}blockquote{color:#9d9fa5;font-weight:500;font-style:italic}.subtle{-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;-ms-transition:opacity 1s;transition:opacity 1s;background:#fff;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);}.subtle:hover{opacity:1;-ms-filter:none;filter:none}a,a:link,a:visited{cursor:pointer;color:#00a7cc;text-decoration:none}a:hover{cursor:pointer;color:#00718a !important;text-decoration:underline}header.heading h1,header.heading h2{font-weight:300}header.heading h1{color:#456;font-size:36px}header.heading h2{color:#9d9fa5;font-size:18px;}header.heading h2 span{display:block}.heading{position:relative;}.heading .heading-avatar{display:block;position:absolute;top:.5em;left:18em;background:url("/images/balupton-small.gif") top left no-repeat;width:23px;height:36px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.heading .heading-avatar:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);background:url("/images/balupton-large.gif") top left no-repeat;width:365px;height:526px}nav.pages{font-size:56px;}nav.pages ul{padding:0}nav.pages li{display:inline;margin-right:.75em}nav.pages li a{font-weight:300;color:#ccc}nav.pages li.active a{font-weight:300;color:#ff8a3b}footer.footing{margin:4em 0 3em;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);background:#fff;}footer.footing div,footer.footing p{margin:0}footer.footing .about{font-size:16px}footer.footing .copyright{font-size:12px}aside.sidebar ul,aside.sidebar ul li{list-style:none;margin:0;padding:0}aside.sidebar section{font-size:14px;margin-bottom:2em;}aside.sidebar section header{position:relative;}aside.sidebar section header h1{margin:0;padding:0}aside.sidebar section header .icon{position:absolute;bottom:12px;right:0;max-height:32px;max-width:32px}aside.sidebar section header ul{height:30em;position:relative;overflow:auto}aside.sidebar section header li{margin:1em 0}aside.sidebar section h1{font-size:42px;font-weight:100}aside.sidebar section,aside.sidebar section a,aside.sidebar section a:link,aside.sidebar section a:visited{color:#797f84}aside.sidebar section.links ul{-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;-ms-transition:opacity 1s;transition:opacity 1s;background:#fff;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);}aside.sidebar section.links ul li{width:96%}aside.sidebar:hover section.links ul{opacity:1;-ms-filter:none;filter:none}aside.sidebar section.images ul img{-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;-ms-transition:opacity 1s;transition:opacity 1s;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30)}aside.sidebar:hover section.images ul img{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);}aside.sidebar:hover section.images ul img:hover{opacity:1 !important;-ms-filter:none !important;filter:none !important}aside.sidebar section.images ul{line-height:0;}aside.sidebar section.images ul li{margin:0;display:inline}aside.sidebar section.images ul img{width:48%}aside.modal:not(.backdrop){z-index:500;position:fixed;top:10vh;left:10%;max-height:80vh;width:80%;margin:0;padding:2em;background:#fff;border:1px solid #797f84;overflow:auto;}aside.modal:not(.backdrop) h1,aside.modal:not(.backdrop) h2{font-weight:300;color:#456;font-size:36px;margin:1em 0 .25em;}aside.modal:not(.backdrop) h1:first-child,aside.modal:not(.backdrop) h2:first-child{margin-top:0}aside.modal.backdrop{z-index:499;position:fixed;top:0;left:0;height:100vh;width:100%;margin:0;padding:0;background:#fff;cursor:pointer;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50)}article.page h1{margin:4em 0 1em;color:#ff8a3b;font-size:36px;font-weight:700}article.page h2{margin:4em 0 1em;color:#ff8a3b;font-size:24px;font-weight:700}article.page .document-header,article.page .project-header,article.page h3{margin:2em 0 0;color:#ff8a3b;font-size:18px;font-weight:600;}article.page .document-header a,article.page .project-header a,article.page h3 a{font-weight:500}article.page h4{margin:2em 0 0;color:#ff8a3b;font-size:16px;font-weight:500;}article.page h4 a{font-weight:500}article.page .document-comments:before{content:' ✎ '}article.page .document-date:before,article.page .page-date:before{content:' ⎋ '}article.page .project-stars:before{content:' ☆ '}article.page a:hover .project-stars:before{content:' ★ '}article.page .document-comments,article.page .document-date,article.page .page-date,article.page .project-watchers{white-space:nowrap}article.page .page-header h1,article.page .page-content h1,article.page .page-header h2,article.page .page-content h2{margin:2em 0 1em;}article.page .page-header h1 small,article.page .page-content h1 small,article.page .page-header h2 small,article.page .page-content h2 small{font-weight:100}article.page .document-list h2,article.page .project-list h2,article.page section:first-of-type h2{margin:1em 0 1em}article.page .document-list .document-header,article.page .project-list .document-header,article.page section:first-of-type .document-header,article.page .document-list .project-header,article.page .project-list .project-header,article.page section:first-of-type .project-header,article.page .document-list h3,article.page .project-list h3,article.page section:first-of-type h3{margin:1em 0 0}article.page .document-list .document-link .document-date,article.page .project-list .document-link .document-date,article.page .document-list .project-link .document-date,article.page .project-list .project-link .document-date{display:none}article.page .document-list .document-link:hover .document-date,article.page .project-list .document-link:hover .document-date,article.page .document-list .project-link:hover .document-date,article.page .project-list .project-link:hover .document-date{display:inline}article.page .document-list p.document-description,article.page .project-list p.project-description{margin-left:1em}article.page .page-footer{background:#fcfcfc;margin:3em 0 -1em}article.page .related-documents,article.page .page-comments,article.page .social-buttons{margin:3em -1em 0;padding:1em 1em;background:whiteSmoke}article.page .page-comments{padding-bottom:0}article.page .social-buttons .social-button{height:20px;width:450px;overflow:hidden;margin:.5em 0}.service-buttons{margin-top:1.5em}.social-buttons,.service-badges{display:block;margin-top:.5em}.service-button{display:inline-block;width:100px;text-align:left;overflow:hidden;}.service-button.google-plus-one-button,.service-button.hacker-news-submit-button{width:80px}.service-button.twitter-follow-button,.service-button.fury-button{width:130px}.service-button.reddit-submit-button{width:140px;}.service-button.reddit-submit-button iframe{padding-top:3px}body{padding:0 2em}header.heading,nav.pages,footer.footing,article.page{width:70%}aside.sidebar{position:absolute;top:0;right:1em;text-align:right}@media screen and (max-width:960px){body{padding:0 2em}header.heading,nav.pages,footer.footing,article.page,.promo a{width:100%}aside.sidebar{opacity:1;-ms-filter:none;filter:none;position:static;width:100%;text-align:center}aside.modal:not(.backdrop){width:90%;left:5%}}@media screen and (max-width:670px){nav.pages li{margin-right:.25em}}@media screen and (max-width:600px){nav.pages li{font-size:48px}}@media screen and (max-width:480px){body{padding:0 .5em}nav.pages li{display:block}}