*{box-sizing:border-box}input,textarea{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img,abbr,acronym{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}blockquote:before,blockquote:after q:before,q:after{content:'';content:none}blockquote,q{quotes:none}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,figure,footer,header,hgroup,nav,section{display:block}img,video,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:3px solid #444;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}body{padding:10px .5% .5%;font-family:sans-serif;font-size:17px;background:#222;color:#ddd;max-width:1100px;margin:0 auto}a{color:#ff5300;text-decoration:none;border-bottom:dotted 2px #444}a:hover{border-bottom:solid 2px #ff5300}a:active{background-color:#ff5300;color:#fff;border-bottom:none;outline:none;border-radius:1px}a:focus{outline:dotted 1px #ff5300;background:#591d00}a.img{border:none;box-shadow:none}a.img:hover img{outline:solid 2px #ff5300}div.expanded{margin:20px -10px 0}div.expanded img{display:block;width:100%;margin:0 auto 20px}div.expanded img:last-child,div.expanded img.last{margin-bottom:0}div.expanded figure a,div.expanded figure img,div.expanded figure figcaption{display:block}div.expanded figure a,div.expanded figure a:hover,div.centered figure a,div.centered figure a:hover{border:none}div.expanded figure figcaption{text-align:center;padding:0 20px;font-size:90%;font-weight:700;margin-top:10px}div.centered{margin:20px auto 0}div.centered figure{text-align:center}body>header{margin-bottom:20px}body>header i{display:none}body>header div>a,body>header div>a:hover,body>header div>a:active{text-decoration:none;border:none;box-shadow:none;background:0 0;border-radius:0}body>header div a img{display:none}body>header div>a h1,body>header div>a:hover h1{font-size:200%;text-decoration:none;color:#f1f1f1;text-align:center}body>header nav{display:block;margin-top:10px;text-align:center}body>header nav li{display:inline;margin:5px 15px 5px 0}body>header nav a{font-size:150%;line-height:1.6;text-align:right;text-decoration:none;border-bottom:none;transition:font-size 300ms ease-in}body>header nav a.active{color:#f1f1f1}body>header nav a.active:active{color:#fff}section[role=document]{width:100%}section[role=document]>h1{color:#eee;font-family:sans-serif;font-weight:700;font-size:120%;line-height:1.2;padding:10px 20px;border-radius:0 4px 0 0}section[role=document] h1,section[role=document] h2,section[role=document] h3,section[role=document] h4{font-family:sans-serif;font-weight:700;margin-top:30px}section[role=document] h1{font-size:170%;line-height:1.2;margin-bottom:5px}section[role=document] article{margin-bottom:20px;overflow:hidden;position:relative;padding:2.5vw}section[role=document] article.jotting time{display:block;margin-top:.5em}section[role=document] article.section-intro{background:0 0;box-shadow:none;border:none}section[role=document] article.section-intro h1:first-child{line-height:1.4}section[role=document] article h1:first-child{margin-top:.25em}section[role=document] article h2{font-size:130%}section[role=document] article h3{font-size:110%}section[role=document] article time{display:inline;color:#999}section[role=document] article .meta>div{font-size:90%;color:#999}section[role=document] article p{line-height:1.5;margin-top:30px}section[role=document] article h1+p,section[role=document] article h2+p,section[role=document] article h3+p,section[role=document] article h4+p,section[role=document] article h5+p,section[role=document] article h6+p{margin-top:5px}section[role=document] article p+ul,section[role=document] article p+ol{margin-top:30px}section[role=document] article blockquote{font-size:110%;color:#ccc;margin-left:2em;padding-left:1em;border-left:solid 2px #999;font-style:italic}section[role=document] article mark{background-color:#ff8;color:inherit}section[role=document] article iframe{display:block;margin-top:30px}section[role=document] article footer.postmetadata{margin-top:20px;font-size:90%;min-height:25px;line-height:2}section[role=document] article a[rel=tag]{margin:0 2px;background-color:#e0e0e0;padding:1px 7px;border-radius:3px;border-bottom:none;box-shadow:none}section[role=document] article a[rel=tag]:hover{background-color:#c5c5c5;box-shadow:none;border-bottom:none}section[role=document] .navigation{margin-top:0;margin-bottom:40px;overflow:hidden;padding:2px 0}section[role=document] .navigation a{display:block;font-size:120%;padding:.75em;line-height:1;border:solid 1px #ff5300;border-radius:4px;text-shadow:none}section[role=document] .navigation a:hover{background:#ff5300;color:#222}section[role=document] .navigation a:active{background-color:#fff;border:solid 1px #fff !important;box-shadow:none}section[role=document] .navigation .prev-posts{float:left}section[role=document] .navigation .next-posts{float:right}section[role=document]>footer{padding-top:20px;border-top:solid 1px #333;font-size:90%;text-align:center;margin-bottom:60px;color:#999}section[role=document]>footer p{margin-bottom:20px}section[role=document]>footer a{white-space:nowrap;margin:0 5px}pre.codesnippet,pre[class^=brush]{font-family:consolas,bitstream vera sans mono,courier new,Courier,monospace;font-size:85%;padding:.75em;border-left:solid 2px #aaa;margin:1em 0 1em 1.5em;background:#f8f8f8;color:#000}code{font-family:consolas,bitstream vera sans mono,courier new,Courier,monospace;color:#cee5dd;border:solid 1px #276650;border-radius:2px;background-color:#004c31;padding:2px}pre code{border:none;background-color:transparent;border-radius:0}.gist{font-size:12px}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom;*vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}a:hover,a:active{outline:none}small{font-size:85%}strong,th{font-weight:700}em{font-style:italic}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre,code,kbd,samp{font-family:monospace,sans-serif;font-size:85%}.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.floatleft{float:left;margin-right:8px}.floatright{float:right;margin-left:8px}body,select,input,textarea{color:#ddd}.more-link{font-size:120%;font-weight:700;line-height:2}article ul,article ol{margin-left:40px;margin-top:20px}article ul{list-style-type:disc}article ul li,article ol li{margin-bottom:15px;line-height:1.6}article ol{list-style-type:decimal}article ul li a .additional-info{color:#fff;font-weight:700;font-size:70%;margin-left:15px;visibility:hidden;background-color:#bbb;padding:2px 4px;border-radius:5px}article ul li a:hover .additional-info{visibility:visible}article table{max-width:100%;border-spacing:0;border:none;margin:20px 0;font-size:90%;border-left:solid 2px #ff5300}article table td,article table th{border:none;padding:4px 8px}article table th{background-color:#ff5300;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.7)}article table th:nth-child(even){background-color:#df4900;border-left:solid 1px #df4900}article table th:first-child{border-left:none}article table th:last-child{border-right:none}article table tr:nth-child(even) td{background-color:#333}article table tr:hover td{background-color:#7f2a00}article table td{transition:background 90ms linear;border:solid 1px #666;border-bottom:none;border-top:none}article table td:first-child{border-left:none}article table td:last-child{border-right:none}input[type=button],input[type=submit],a.button{font-family:sans-serif;font-size:125%;color:#fff;background:#ff5300;padding:8px 10px;text-decoration:none;font-weight:700;border:solid 2px #ff5300;border-bottom-color:#712500;border-radius:3px;box-shadow:0 1px 2px rgba(113,37,0,.5)}input[type=button]:hover,input[type=submit]:hover,a.button:hover{box-shadow:0 1px 3px rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(0,0,0,.5)}input[type=button]:active,input[type=submit]:active,a.button:active{border-bottom-width:0;border-top-width:4px;box-shadow:none}section[role=document] article #creations-categories-list{list-style-type:none;margin-left:0}article #creations-categories-list li a{display:block;border:solid 10px rgba(255,255,255,.2);height:20vh;font-weight:700;color:rgba(220,220,220,.9);font-size:3.6vmax;text-align:center;line-height:18vh;text-transform:uppercase;letter-spacing:.025em;text-shadow:0 0 20px #000;border-radius:1px;transition:all 125ms ease}article #creations-categories-list li a:hover,article #creations-categories-list li a:focus{border-color:rgba(255,83,0,.95);color:#fff;text-shadow:-1px -2px 1px #ff5300,0 0 30px #000;font-size:3.8vmax}li.category-electronics a{background:url(/images/creations/electronics-background.jpeg);background-position:50% 35%;background-size:cover}li.category-programming a{background:url(/images/creations/programming-background.jpg);background-position:50% 35%;background-size:cover}li.category-music a{background:url(/images/creations/music-background.jpg);background-position:50%;background-size:cover}li.category-misc a{background:url(/images/creations/misc-background.jpg);background-position:50% 30%;background-size:cover}article.category-electronics header{background-image:linear-gradient( to bottom,rgba(34,34,34,0) 0%,rgba(34,34,34,0) 60%,#222 100% ),url(/images/creations/electronics-background.jpeg);background-position:50% 35%}article.category-programming header{background-image:linear-gradient( to bottom,rgba(34,34,34,0) 0%,rgba(34,34,34,0) 60%,#222 100% ),url(/images/creations/programming-background.png);background-position:50% 35%}article.category-music header{background-image:linear-gradient( to bottom,rgba(34,34,34,0) 0%,rgba(34,34,34,0) 60%,#222 100% ),url(/images/creations/music-background.jpg);background-position:50%}article.category-misc header{background-image:linear-gradient( to bottom,rgba(34,34,34,0) 0%,rgba(34,34,34,0) 60%,#222 100% ),url(/images/creations/misc-background.jpg);background-position:50%}article.creations-category header{background-size:cover;display:table-cell;margin:-2.5vw;height:20vmax;max-height:250px;height:20vmax;margin-bottom:30px}article.creations-category header h1{display:table-cell;width:1000px;height:20vmax;max-height:250px;vertical-align:middle;text-align:center;text-shadow:0 0 20px rgba(0,0,0,.6);text-shadow:-1px -2px 1px #ff5300,0 0 30px #000;font-size:8vw;color:#fff;padding:2.5vw;text-transform:uppercase;letter-spacing:.025em}article.post.creation img.mobile-thumbnail{display:block;margin:0 auto 1.5em;margin-bottom:15px}article.post.creation img.desktop-thumbnail{display:none}article.post.creation>h1{font-size:150%;margin-top:0}article.post.creation>p{margin-top:15px;font-size:95%}@media all and (min-width:540px){body{padding:2.5%;font-size:17px}body>header{float:left;width:20%;min-width:100px;max-width:200px;margin-right:5%;margin-bottom:0}body>header i{display:inline}body>header div>a h1,body>header div>a:hover h1{font-size:200%;text-align:right}body>header div>a img,body>header div>a:hover img{display:block;border:none;width:100%;margin-bottom:20px;border-radius:4px 0 0 0}body>header div{position:absolute;width:20%;min-width:100px;max-width:200px}body>header div.enough-space{position:fixed}body>header div>a h1,header div>a:hover h1{text-align:right;line-height:1.5}body>header nav{text-align:left;margin-top:30px}body>header nav a{font-size:125%}body>header nav li{text-align:right;display:block;margin:0 0 10px}body>header nav a.active:before{content:"»";margin-right:10px}div.expanded{margin-left:-20px;margin-right:-20px}section[role=document]{float:left;width:75%;max-width:850px;min-width:350px}section[role=document] article{padding:0 1px;margin-bottom:60px}section[role=document] article.jotting{margin-bottom:40px}section[role=document] article.jotting time{margin-top:0;display:inline}section[role=document] article.jotting time:before{content:'- '}section[role=document] article.section-intro{padding:1px}section[role=document] .navigation{margin-top:-40px;margin-bottom:60px}article.creations-category header h1{font-size:200%}@media all and (min-width:600px){body>header nav a{font-size:140%}}@media all and (min-width:700px){body>header nav a{font-size:150%}article.post.creation{margin-bottom:30px}article.post.creation img.desktop-thumbnail{display:block;float:left;margin-right:20px}article.post.creation img.mobile-thumbnail{display:none}}@media all and (min-width:1100px){article #creations-categories-list li a{font-size:200%}article #creations-categories-list li a:hover,article #creations-categories-list li a:focus{font-size:220%}}}