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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em
0;padding:0}input,select{vertical-align:middle}body{font-family:"ronnia-1","ronnia-2",helvetica,arial,sans-serif;background-color:#0f0705;color:#fff;font-size:16px;line-height:1.4em;text-shadow:1px 1px rgba(0,0,0,0.2)}a{color:#2dbc24;text-decoration:none}a:active,
a :-moz-any-link:focus{outline:none}img#bg{pointer-events:none;position:fixed;top:0;left:0;width:100%;z-index:1}#wrapper{overflow:hidden;width:100%}#content{width:900px;margin:0
auto;padding-bottom:3em;position:relative;z-index:2;opacity:0}#github-banner{background-color:rgba(0,0,0,0.4);color:#2dbc24;text-align:center;position:relative;line-height:36px;z-index:3;text-shadow:none}h1,h2,h3{font-weight:normal}h3{display:inline-block;background-color:#2dbc24;padding:0.2em 0.6em;margin-bottom:0.4em;text-shadow:none}h5{text-transform:uppercase;font-weight:normal;margin-bottom:0.3em;line-height:1.2em}h6{text-transform:uppercase;font-size:0.9em;font-weight:normal;margin-bottom:0.8em}p{margin-bottom:1em}header{}header
h1{text-align:center;font-size:46px;font-weight:700;letter-spacing:-1px;line-height:1.1em;margin-top:1.4em;margin-bottom:0.3em;opacity:0.97;text-shadow:0 0 50px rgba(0, 0, 0, 0.2), 1px 1px rgba(0, 0, 0, 0.2)}header .no-fontface
h1{font-size:32px;letter-spacing:-1px}header h1
em{font-family:Palatino,Constantia,"Palatino Linotype","Book Antiqua",serif;font-weight:normal;opacity:0.5}header h1+p{text-align:center;font-weight:normal;font-size:19px;font-weight:600;line-height:1.4em;text-shadow:0 0 40px rgba(0, 0, 0, 0.3), 1px 1px rgba(0, 0, 0, 0.2)}header h1 + p .no-fontface h1+p{font-size:17}header h1 + p
span{opacity:0.7}header h1 + p
em{font-style:normal}header
img#logo{position:relative;top:26px}header
nav{position:absolute;right:0;top:42px;text-align:right;line-height:1em}header nav
li{display:inline;margin-left:1.6em}header nav
a{font-size:20px;color:#fff;text-decoration:none;-webkit-transition-duration: .30s;-webkit-transition-property:background-color, color}header nav a:hover{color:#2dbc24}section{margin-top:2em;*display:inline-block}section:after{content:" ";display:block;height:0;clear:both;visibility:hidden}section
h2{color:#f9f9f8;font-size:28px;line-height:42px;margin-bottom:0.5em;position:relative;left:-50px;padding-left:50px}section#work
h2{background:transparent url(/images/icon-work.png) 0 0 no-repeat}section#play
h2{background:transparent url(/images/icon-play.png) 0 0 no-repeat}section#about
h2{background:transparent url(/images/icon-about.png) 0 0 no-repeat}section#contact
h2{background:transparent url(/images/icon-contact.png) 0 0 no-repeat}section#colophon
h2{background:transparent url(/images/icon-colophon.png) 0 0 no-repeat}#portfolio-wrapper{height:426px;position:relative}#portfolio-wrapper
nav{height:29px;line-height:26px;border-bottom:solid 1px #515b51;border-bottom:solid 1px rgba(0, 0, 0, 0.15);font-size:13px;text-transform:uppercase;position:relative;top:0;margin-bottom:14px;z-index:100}#portfolio-wrapper nav
ol{display:block}#portfolio-wrapper nav ol
li{display:inline}#portfolio-wrapper nav ol li#project-nav-previous{float:left;text-align:left;height:26px;overflow:hidden}#portfolio-wrapper nav ol li#project-nav-previous
ol{width:300px}#portfolio-wrapper nav ol li#project-nav-previous ol
li{float:none;display:block;text-align:left}#portfolio-wrapper nav ol li#project-nav-next{float:right;text-align:right;height:26px;overflow:hidden}#portfolio-wrapper nav ol li#project-nav-next
ol{width:300px}#portfolio-wrapper nav ol li#project-nav-next ol
li{float:none;display:block;text-align:right}#portfolio-wrapper nav ol li#project-nav-up{position:absolute;left:400px}#portfolio-wrapper nav
a{color:#fff;padding:0.4em 0}#portfolio-wrapper nav a
span{padding-left:0.4em;color:#2dbc24}#portfolio-wrapper
figure{position:relative;top:45px}#portfolio-wrapper figure a.ss-nav{position:absolute;top:170px;z-index:100;width:40px;height:40px}#portfolio-wrapper figure a#ss-previous{left:-20px;background:transparent url(/images/ss_nav_previous.png) 0 0 no-repeat}#portfolio-wrapper figure a#ss-next{left:550px;background:transparent url(/images/ss_nav_next.png) 0 0 no-repeat}#portfolio-wrapper figure
ul{list-style:none;width:570px;height:380px;overflow:hidden;zoom:1}#portfolio-wrapper figure ul>*{width:570px;height:380px}#portfolio-wrapper figure
figcaption{width:305px;position:absolute;right:0;top:0;z-index:100;zoom:1}#portfolio-wrapper figure figcaption
h3{text-transform:uppercase;font-size:22px;padding:0.5em 0.4em 0.4em 0.4em;margin-bottom:0}#portfolio-wrapper figure figcaption
h4{display:inline-block;background-color:#1d2319;background-color:rgba(0, 0, 0, 0.6);color:#fff;padding:0.2em 0.6em;margin-bottom:1em;text-shadow:none;text-transform:uppercase;font-size:11px}ol#portfolio{list-style:none;position:relative}ol#portfolio
li{position:absolute;width:286px;height:128px;overflow:hidden}ol#portfolio li
img{opacity:0.9;position:relative;-webkit-transition:opacity .25s ease-in, background .25s ease-in;-moz-transition:opacity .25s ease-in, background .25s ease-in;transition:opacity .25s ease-in, background .25s ease-in;background:rgba(255, 255, 255, 0.2);padding:4px}ol#portfolio li a:hover
img{opacity:1;background:rgba(255,255,255,0.3)}section#play{position:relative}ul#experiments{list-style:none;width:620px;margin-top:2em}ul#experiments
li{display:block;float:left;width:280px;margin-right:25px}ul#experiments li
a{color:#fff}ul#experiments li a h5
img{padding-left:0.3em}ul#experiments li
img.thumbnail{float:left;margin-right:0.8em;margin-bottom:2em;background:rgba(255, 255, 255, 0.2);padding:3px;position:relative;z-index:100}ul#experiments li a:hover
img.thumbnail{background:rgba(255, 255, 255, 0.3)}ul#experiments li
p{font-size:0.8em;line-height:1.4em;opacity:0.8}#social{float:right;right:0;margin-top:1em;width:270px;padding:16px
0 8px 16px;background:#181517;background:rgba(40, 40, 40, 0.4);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}#social
ul{list-style:none}#current-social{display:block;position:absolute;width:100%;height:22px;overflow:hidden}#social-names{z-index:1;text-transform:uppercase;font-size:0.9em}#social-names
li{height:22px;line-height:22px;color:#2dbc24}#social-names
li.heading{color:#fff}#social ul#social-icons{z-index:100;position:relative;margin-top:2.4em}#social ul#social-icons
li{display:inline-block;margin-right:0.4em;padding-bottom:0.4em}#social ul#social-icons li
a{opacity:0.5;-webkit-transition:opacity .25s ease-in, background .25s ease-in;-moz-transition:opacity .25s ease-in, background .25s ease-in;transition:opacity .25s ease-in, background .25s ease-in}#social ul#social-icons li a:hover{opacity:1}section#about
img{float:right;margin:-2em 1em 1em 1em;border:solid 5px #fff;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg)}section#contact{position:relative}#contact-wrapper{float:left;width:590px;height:338px;position:relative;z-index:100}#contact-wrapper
.inner{width:590px;height:338px;-webkit-perspective:1000;float:left;position:absolute}#contact-wrapper .inner
.front{z-index:20}#contact-wrapper .inner
.back{width:590px;height:338px;-webkit-transform:rotateX(180deg);z-index:10;font-family:"skippy-sharp-1","skippy-sharp-2",Georgia,helvetica,sans-serif}#contact-wrapper
.card{width:590px;height:338px;-webkit-transform-style:preserve-3d;-webkit-transition:0.5s}#contact-wrapper
.face{position:absolute;-webkit-backface-visibility:hidden}#contact-wrapper.flip
.card{-webkit-transform:rotateX(180deg)}.no-csstransforms3d #contact-wrapper .inner
.back{opacity:0}#form-wrapper{width:566px;background-color:#282222;padding:12px;opacity:0.9;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#envelope{background:#dbc09a url(/images/texture-envelope.jpg) 0 0 repeat;-webkit-backface-visibility:hidden;-webkit-transform:rotateX(180deg);width:590px;height:198px !important;position:absolute;top:0;left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:40px;line-height:1em;text-shadow:none;color:#333;text-align:center;padding-top:140px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#envelope
img{position:absolute;top:10px;right:10px}form{margin-top:8px;padding:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#2e2727;border:solid 1px #211c1c;-webkit-box-shadow:inset 0 0px 30px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0 0px 30px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0px 30px rgba(0,0,0,0.3);*display:inline-block}form:after{content:" ";display:block;height:0;clear:both;visibility:hidden}form
label{font-size:0.9em;width:120px;text-align:right;float:left;line-height:1.8em;color:#c4c0c0}form
sup{color:#2dbc24}form
p{margin-bottom:0.8em;*display:inline-block}form p:after{content:" ";display:block;height:0;clear:both;visibility:hidden}form
input{float:right;width:390px;font-size:14px;padding:0.4em 0.3em;background-color:#282222;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:helvetica,arial;border:solid 1px #211c1c;-webkit-box-shadow:0 1px 0 #454545;-moz-box-shadow:0 1px 0 #454545;box-shadow:0 1px 0 #454545}form
textarea{width:390px;height:108px;float:right;font-size:14px;padding:0.4em 0.3em;color:#fff;background-color:#282222;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:helvetica,arial;border:solid 1px #211c1c;-webkit-box-shadow:0 1px 0 #454545;-moz-box-shadow:0 1px 0 #454545;box-shadow:0 1px 0 #454545}form input:focus, form textarea:focus{outline:none;border-color:#2dbc24;-webkit-box-shadow:#6ce164 0 0 5px;-moz-box-shadow:#6ce164 0 0 5px;box-shadow:#6ce164 0 0 5px}form
button{margin-left:135px;background:#2dbc24;background:-moz-linear-gradient(top, #2dbc24 0%, #23911c 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2dbc24), color-stop(100%, #23911c));-moz-box-shadow:inset 0 1px 0 0 #58dd4f, 0 1px 1px 0 #092607;-webkit-box-shadow:inset 0 1px 0 0 #58dd4f, 0 1px 1px 0 #092607;-webkit-background-clip:padding-box;border-top:1px solid #23911c;border-right:1px solid #1c7316;border-bottom:1px solid #145510;border-left:1px solid #1c7316;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;font-size:13px;line-height:1;height:28px;padding:0
1em 0.25em 1em;text-shadow:0 -1px rgba(0, 0, 0, 0.2)}form button:hover{background:#2dbc24;background:-moz-linear-gradient(top, #2aaf22 0%, #208419 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2aaf22), color-stop(100%, #208419));-moz-box-shadow:inset 0 1px 0 0 #32d128, 0 1px 1px 0 #092607;-webkit-box-shadow:inset 0 1px 0 0 #32d128, 0 1px 1px 0 #092607;border-top:1px solid #208419;border-right:1px solid #196614;border-bottom:1px solid #11480e;border-left:1px solid #196614;cursor:pointer}.validation-advice{float:right;width:400px;font-size:12px;color:#ff0}#mail-slot{width:624px;height:11px;position:absolute;bottom:0;left:-17px;background:transparent url(/images/mail-slot.png) 0 0 no-repeat;display:none}#thanks,#error{font-family:"skippy-sharp-1","skippy-sharp-2",Georgia,helvetica,sans-serif;color:#fff;text-align:center;padding-top:70px;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);transform:rotate(-3deg);display:none}#thanks h5, #error
h5{font-size:50px;margin-bottom:0.5em;text-transform:none}#thanks p, #error
p{font-size:35px;margin-bottom:1em}#thanks a#send-another, #error a#send-another{font-size:22px}.vcard{float:right;width:285px}.vcard .email, .vcard .tel, .vcard .street-address{display:block}.vcard .email, .vcard
.tel{margin-bottom:1.4em}ul.logos{margin-top:2em;list-style:none;border-bottom:solid 1px #1e1e1e;padding-bottom:1em;*display:inline-block}ul.logos:after{content:" ";display:block;height:0;clear:both;visibility:hidden}ul.logos
li{display:inline;float:left}ul.logos li
a{opacity:0.5;-webkit-transition:opacity .25s ease-in, background .25s ease-in;-moz-transition:opacity .25s ease-in, background .25s ease-in;transition:opacity .25s ease-in, background .25s ease-in}ul.logos li a:hover{opacity:1}p#legal{color:#443e3c;font-size:0.8em;margin-top:1em;position:relative}a#html5-badge{position:absolute;right:0;opacity:0.8;-webkit-transition:opacity .25s ease-in, background .25s ease-in;-moz-transition:opacity .25s ease-in, background .25s ease-in;transition:opacity .25s ease-in, background .25s ease-in}a#html5-badge:hover{opacity:1}#ie-typekit-fix{position:absolute;top:-9999px;left:-9999px}