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}article,aside,figure,footer,header,hgroup,nav,section{display:block}html{background-color:#f8f8f8}html body{padding:3.6em 0;font-size:62.5%;font-family:"Helvetica Neue", Helvetica, sans-serif;color:black}html body a{font-family:HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif;font-weight:bold;text-decoration:none;color:#d6008b}html body a:hover{text-decoration:underline}html body a:visited{font-family:"Helvetica Neue", Helvetica, sans-serif;font-weight:normal;font-style:normal;color:#e266b7}html body a:hover,html body a:focus,html body a:active{color:#85c700}html body h1,html body h2,html body h3{font-family:"Helvetica Neue", Helvetica, sans-serif;color:black}html body h1 a,html body h2 a,html body h3 a{font-family:"Helvetica Neue", Helvetica, sans-serif;font-weight:normal;font-style:normal;color:black !important}html body h1 a:hover,html body h2 a:hover,html body h3 a:hover{color:#85c700 !important}html body h1{font-size:3.6em;line-height:1}html body h1.main{font-family:HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif;padding-bottom:17px;border-bottom:1px black solid}html body h1.main+p{margin:9px 0}html body h2{font-size:2.4em;line-height:1.125;margin-bottom:0.375em}html body h3{font-size:1.8em;line-height:2}html body h4{font-size:1.6em;line-height:2.25}html body p,html body li,html body td,html body th{font-size:1.2em;line-height:1.5;margin-bottom:1.5em}html body p em,html body li em,html body td em,html body th em{font-family:HelveticaNeue-Italic, "Helvetica Neue Italic", "Helvetica Neue", Helvetica, sans-serif;font-style:italic}html body p strong,html body li strong,html body td strong,html body th strong{font-family:HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif;font-weight:bold}html body ul{list-style-type:square}html body ol{list-style-type:decimal}html body ul.tight,html body ol.tight{margin-bottom:1.8em}html body ul.tight li,html body ol.tight li{margin-bottom:0}html body table{border-collapse:collapse}html body table caption{font-size:1.8em;line-height:2;text-align:center}html body table th,html body table td{padding:9px 5px 8px}html body table th{font-family:HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif;font-weight:bold}html body table td{border-top:1px #cccccc solid;border-bottom:1px #cccccc solid}html body table.hoverable tbody tr .actions *{visibility:hidden}html body table.hoverable tbody tr:hover .actions *{visibility:visible}html body hr{margin-top:17px;background-color:transparent;color:transparent;border:0;border-bottom:1px black solid}html body abbr{cursor:help}html body q{quotes:"\201C" "\201D" "\2018" "\2019"}html body q:before{content:open-quote;content:"\201C"}html body q:after{content:close-quote;content:"\201D"}html body q q:before{content:"\2018"}html body q q:after{content:"\2019"}html body blockquote{padding-left:25px}html body blockquote ol li,html body blockquote ul li{font-family:HelveticaNeue-Italic, "Helvetica Neue Italic", "Helvetica Neue", Helvetica, sans-serif;font-style:italic}html body blockquote p{font-family:HelveticaNeue-Italic, "Helvetica Neue Italic", "Helvetica Neue", Helvetica, sans-serif;font-style:italic}html body blockquote p cite{display:block;margin-top:18px;text-align:right}html body blockquote p cite.single-line{display:inline}html body code{font-family:Menlo, "Andale Mono", Consolas, monospace;font-size:11px;line-height:18px}html body ins{text-decoration:none}html body ins em{text-transform:uppercase;letter-spacing:1px;font-style:normal;font-weight:bold}html body .caps{text-transform:uppercase}html body p.see-more{text-align:right;margin-bottom:0}html body pre.code{font-size:1.2em;line-height:1.5;margin-bottom:1.5em;position:relative;padding-left:15px;overflow:hidden}html body pre.code.growable-code .growable-code-mask{position:absolute;z-index:250;right:0;top:0;width:35px;background:url(/assets/code-mask-7ef129188822b6b58494572ac2921278df043ed9e774639bf08c6df2f1d41374.png) left top repeat-y}html body pre.code.growable-code-clone{padding-right:15px;background-color:#f8f8f8}html body pre.code.growable-code-clone .growable-code-mask{display:none}html body pre.code .growable-code-handle{position:absolute;z-index:500;right:0;top:0;display:none;font-size:1.2em;line-height:1em;padding:0.1em;cursor:pointer;background-color:#d6008b;color:white}html body pre.code .growable-code-handle:hover{background-color:#85c700}html body pre.code:hover .growable-code-handle{display:block}html body form.formtastic{margin-top:1.8em}html body form.formtastic fieldset.buttons ol li{float:left}html body form.formtastic fieldset.buttons ol li.cancel{margin:2px 0 0 2px}html body form.formtastic ol{list-style-type:none}html body form.formtastic ol li label,html body form.formtastic ol li .label{font-family:HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif}html body form.formtastic ol li.stringish label,html body form.formtastic ol li.stringish .label,html body form.formtastic ol li.text label,html body form.formtastic ol li.text .label{display:block}html body form.formtastic ol li.stringish input,html body form.formtastic ol li.text input{width:20em}html body form.formtastic ol li.select label{display:block;float:left;width:6em;margin-top:2px}html body form.formtastic ol li.boolean label{display:inline;cursor:pointer}html body form.formtastic ol li.date ol li,html body form.formtastic ol li.datetime ol li{float:left}html body form.formtastic ol li.date ol li label,html body form.formtastic ol li.datetime ol li label{display:none}html body .screenreader{position:absolute;top:-9999em}html body #outer{width:945px;margin:0 auto;overflow:hidden;margin:0}html body #branding{display:inline;float:left;margin-right:15px;width:265px;padding-left:40px;padding-right:160px}* html html body #branding{overflow-x:hidden}html body #content{display:inline;float:left;margin-right:0;width:465px;padding-bottom:5.4em}* html html body #content{overflow-x:hidden}html body #about{display:inline;float:left;margin-right:15px;width:225px;padding-left:40px;padding-right:40px}* html html body #about{overflow-x:hidden}html body #branding{font-family:"Helvetica Neue", Helvetica, sans-serif}html body #branding a{font-family:"Helvetica Neue", Helvetica, sans-serif;font-weight:normal;font-style:normal;color:black}html body #branding a:hover{color:#85c700}html body #branding #logo{font-size:2.1em;line-height:1.71429}html body #branding nav ul{list-style-type:none;margin:0}html body #branding nav ul li{font-size:1.4em;line-height:1.28571;float:left;margin-right:10px}html body #branding nav ul li:before{content:"\02022";padding-right:10px}html body #branding nav ul li:first-child:before{content:"";padding:0}html body #branding nav ul li a{text-transform:lowercase}html body .flash{background-color:white;border:1px #cccccc solid;position:absolute;left:40px;top:12.6em;padding:0.9em}html body .flash p{margin-bottom:0;font-family:HelveticaNeue-Italic, "Helvetica Neue Italic", "Helvetica Neue", Helvetica, sans-serif;font-style:italic}html body footer#about{background-color:white;border:1px #cccccc solid;position:absolute;left:0;top:18em;padding-top:1.8em;padding-bottom:1.8em}html body footer#about #footer-hider{font-size:1.6em;line-height:1.125;position:absolute;right:0;top:0;width:20px;cursor:pointer;text-align:center;display:none}html body footer#about #footer-hider:hover{background-color:#cccccc}html body footer#about:hover #footer-hider{display:block}html body footer#about .about{border-bottom:1px #cccccc solid}html body footer#about .about img{display:block;width:100%;margin-bottom:9px}html body footer#about .contact ul{overflow:hidden;list-style-type:none;margin:0}html body footer#about .contact ul li{display:inline;float:left;margin-right:15px;width:145px;margin:18px 0 0}* html html body footer#about .contact ul li{overflow-x:hidden}html body footer#about .contact ul li:nth-child(even){width:80px;margin-right:0}html body footer#about .contact ul li:last-child{margin-bottom:0}html body footer#about .contact ul li a{font-family:"Helvetica Neue", Helvetica, sans-serif;font-weight:normal;font-style:normal;display:block;padding-left:36px;color:#d6008b;background-image:url(/assets/elsewhere-sprites-30c2203276c383a624324aa2607976ec5116ffe4b7c3176c9ccaef71709e0e9e.png);background-repeat:no-repeat}html body footer#about .contact ul li a:hover{color:#85c700}html body footer#about .contact ul li a span{display:block;padding:9px 0 9px 5px;background-color:#fff}html body footer#about .contact ul li a.email{background-position:0 0}html body footer#about .contact ul li a.email:hover{background-position:-36px 0}html body footer#about .contact ul li a.github{background-position:0 -108px}html body footer#about .contact ul li a.github:hover{background-position:-36px -108px}html body footer#about .contact ul li a.stack-overflow{background-position:0 -72px}html body footer#about .contact ul li a.stack-overflow:hover{background-position:-36px -72px}html body footer#about .contact ul li a.alpha{background-position:0 -36px}html body footer#about .contact ul li a.alpha:hover{background-position:-36px -36px}html body .articles article{position:relative;margin-top:5.4em}html body .articles article h1 a:after,html body .articles article h2 a:after{content:"\00a0\2192";visibility:hidden;font-size:0.8em;line-height:0}html body .articles article:hover h1 a:after,html body .articles article:hover h2 a:after{visibility:visible}html body .articles article>h1{font-size:2.4em;line-height:1.125;margin-bottom:0.375em}html body .articles article .body h2{font-size:1.8em;line-height:2;margin-bottom:0em}html body .articles article>time{position:absolute;display:block;top:0;right:480px;font-family:HelveticaNeue-UltraLight, "Helvetica Neue UltraLight", "Helvetica Neue", Helvetica, sans-serif;font-weight:100;text-align:right;text-transform:uppercase;color:#999999;font-size:2.4em;line-height:1.125}html body .articles article>p:last-child{margin-bottom:0}html body .articles article p.image{text-align:center;margin-top:36px;margin-bottom:36px}html body .articles article p.image img{display:block;margin:0 auto}html body .articles article p.image .caption{display:block;text-align:center;font-style:italic;font-family:HelveticaNeue-Italic, "Helvetica Neue Italic", "Helvetica Neue", Helvetica, sans-serif}html body .articles article p.audio{text-align:center}html body .articles article p.edit{margin-top:18px}html body .articles article .unpublished p{font-size:1.6em;line-height:1.125;margin-bottom:1.125em;font-family:HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif;font-weight:bold;color:#cc0000}html body .articles article ol,html body .articles article ul{margin-bottom:1.8em}html body .articles article ol li,html body .articles article ul li{margin-bottom:0}html body .articles article section h1{font-size:1.8em;line-height:2;margin-top:2em}html body .articles article footer{margin-top:1.8em}html body .articles article footer h1{font-size:1.6em;line-height:1.125;margin-bottom:1.125em;margin-top:2.25em}html body .articles article a.footnote{font-size:0.75em;line-height:0;font-family:HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif;font-weight:bold;vertical-align:super;text-decoration:none;color:#d6008b}html body .articles article ol.footnote-popup{position:absolute;width:300px}html body .articles article ol.footnote-popup li.footnote-container{position:relative;padding:0.9em;margin-bottom:18px;background-color:white;border:1px #cccccc solid}html body.articles #content{position:relative}html body.articles #content p.quick-pagination{font-size:2.1em;line-height:2.57143;position:absolute;right:0;top:0}html body.articles #content p.quick-pagination a:hover{text-decoration:none}html body.articles #content p.pagination{overflow:hidden;font-size:1.8em;line-height:1;margin-bottom:0em;margin-top:2em;text-align:right}html body.articles #content p.pagination .previous-page{float:left}html body.articles #content p.pagination .disabled{display:none}html body.articles #content p.date-range{font-size:1.4em;line-height:1.28571}html body.articles.read .articles article,html body.articles.show .articles article{margin-top:0}html body.articles.read .articles article>h1,html body.articles.read .articles article>time,html body.articles.show .articles article>h1,html body.articles.show .articles article>time{font-size:3.6em;line-height:1;margin-bottom:0.5em}html body.articles.read .articles article .body h2,html body.articles.show .articles article .body h2{font-size:2.4em;line-height:1.125;margin-bottom:0.375em}html body.articles.read .articles article section h1,html body.articles.show .articles article section h1{font-size:2.4em;line-height:1.125;margin-bottom:0.375em;margin-top:1.5em}html body.articles.form #content form.formtastic #article_title_input input{font-size:1.8em;line-height:1}html body.articles.form #content form.formtastic ol li.text textarea{width:95%}html body.articles.list #branding{padding-right:0px}html body.articles.list #content{display:inline;float:left;margin-right:0;width:625px}* html html body.articles.list #content{overflow-x:hidden}html body.articles.list #content table#articles a{font-family:"Helvetica Neue", Helvetica, sans-serif;font-weight:normal;font-style:normal;color:black}html body.articles.list #content table#articles a:hover{color:#85c700}html body.articles.list #content table#articles td,html body.articles.list #content table#articles th{vertical-align:top}html body.articles.list #content table#articles .actions{width:7%}html body.articles.list #content table#articles tr.draft .title a{font-family:HelveticaNeue-Medium, "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif;font-weight:bold}html body.error #content h1.main+p{font-size:1.2em;line-height:1.5;margin-bottom:1.5em;margin-top:1.5em}html body .projects .project-screenshot{margin-bottom:1.8em}html body .projects .project-screenshot img{height:288px}html body .projects section{position:relative;margin-top:5.4em}html body .projects section h1 a:after,html body .projects section h2 a:after{content:"\00a0\2192";visibility:hidden;font-size:0.8em;line-height:0}html body .projects section:hover h1 a:after,html body .projects section:hover h2 a:after{visibility:visible}html body .projects section>h1{font-size:2.4em;line-height:1.125;margin-bottom:0.375em}html body .projects section ul{margin-top:1.8em;margin-bottom:1.8em}html body .projects section p.see-more{font-size:1.8em;line-height:1;margin-bottom:0em;margin-top:2em}html body .projects section .project-description ul strong{display:block}html body .projects section .download{position:absolute;right:480px;top:0}html body .projects section .download p{font-size:2.1em;line-height:1.71429;margin-bottom:0;text-align:center}html body .projects section .download p a{display:block;padding:0 5px;text-decoration:none;color:#f8f8f8;background-color:#d6008b}html body .projects section .download p a:hover{background-color:#85c700}html body.projects.show .projects section{margin-top:0}html body.projects.form #content form.formtastic #project_name{font-size:1.8em;line-height:1}html body.projects.form #content form.formtastic ol li.text textarea{width:95%}body.site.index #content p.see-more{font-size:1.8em;line-height:1;margin-bottom:0em;margin-top:2em}body.site.index #content .portfolio{background-color:white;border:1px #cccccc solid;padding:0.9em;margin-bottom:34px}body.site.index #content .portfolio h1{font-size:1.8em;line-height:1.5}body.site.index #content .portfolio p{margin-bottom:0}body.site.index #content .articles{margin-bottom:9em}body.site.index #content .projects h1 a:after,body.site.index #content .projects h2 a:after{content:"\00a0\2192";visibility:hidden;font-size:0.8em;line-height:0}body.site.index #content .projects:hover h1 a:after,body.site.index #content .projects:hover h2 a:after{visibility:visible}body.site.index #content .projects h2{margin-top:54px}html body.user_sessions.new #content form label{display:none}html body.user_sessions.new #content form #user_session_email,html body.user_sessions.new #content form #user_session_password{font-size:1.8em;line-height:1;width:15em}