*{margin:0;padding:0}html,body{height:100%}body{background-color:#fff;font:16px Helvetica, Arial, sans-serif;font-size:small;text-align:center}h1,h2,h3,h4,h5,h6{font-size:1em}h1{margin-bottom:1em}p{margin:1em 0}a{color:#00a}a:hover{color:#000}a:visited{color:#a0a}table{font-size:inherit;font:1em}@keyframes wash{0%{background-color:rgba(255,204,0,0.25)}100%{background-color:rgba(255,204,0,0.45)}}@keyframes spectrum{0%{background-color:rgba(255,204,0,0.3)}14%{background-color:rgba(175,216,38,0.3)}28%{background-color:rgba(70,220,218,0.3)}42%{background-color:rgba(146,165,203,0.3)}56%{background-color:rgba(203,146,186,0.3)}70%{background-color:rgba(250,92,139,0.3)}84%{background-color:rgba(250,92,92,0.3)}100%{background-color:rgba(255,204,0,0.3)}}@keyframes pulse{0%{color:#fa0}100%{color:#f80}}header{background:#041F2C}.bigbox{position:relative}footer{background:#041F2C}header{padding:.25em .5em 2em}header h1{font-size:5em;margin:.25em 1.5rem 0}header a{color:#fc0;text-decoration:none}header a:visited{color:#fc0}header a:hover{color:#fa0}.index{margin:0 0 3em}.index h2{font-size:3em;margin-left:4.45em}.index li{color:rgba(0,0,0,0.2);list-style:none;font-family:Populaire Regular;font-size:2.5em;margin:0;padding:.5em 1em}.index li a{color:#fc0;display:block;text-decoration:none}.index li a:hover{color:#f60}.index li a:hover .post-title{color:#f60}.toc-entry{background-image:url("/images/web.svg");background-position:center center;background-size:250%;position:relative}.toc-entry:hover{animation:spectrum 22000ms ease-in-out infinite forwards}.toc-entry:hover h2,.toc-entry:hover .excerpt{color:rgba(51,51,51,0.85)}.toc-entry:hover .time-stamp{color:rgba(51,51,51,0.5)}.toc-entry .time-stamp{color:rgba(0,0,0,0.4);display:inline-block;font-size:.75em}.toc-entry h2{color:#041F2C;font-size:1em;margin-left:0}.toc-entry .excerpt{color:rgba(0,0,0,0.4);display:none;line-height:1em}.post{margin:1em 3%;padding-bottom:5em;text-align:left;width:94%}.post h1{color:#041F2C;font-size:4.5em;margin:0}.post h2{color:#041F2C;font-size:3em;margin:0 0 .1em}.post .time-stamp{color:rgba(0,0,0,0.4);display:inline-block}.post p,.post li{color:#041F2C;font-family:georgia;font-size:1.5em;line-height:1.65em;margin-top:0;width:100%}.post ol,.post ul{margin:1em 0;padding-left:2em}.post ol li,.post ul li{margin:0 0 0.75em 1em}.post blockquote p{border-left:0.5em solid #fc0;font-size:2em;line-height:1.25em;margin:.5em 0;padding-left:.5em;position:relative}.post a:link,.post a:visited{background:#FFF4C3;color:#24211c;padding:.1em .2em;text-decoration:none}.post a:hover{background:#FFEA8E}.post .img-block.full-width a{background:none;padding:0}.post img{width:100%}.post .two-up img{display:inline-block;width:49%}.post .img-block .caption{font-size:1em;max-width:100%}.post .img-block .caption span{display:inline-block;padding-right:.75em}.post .breadcrumb a{background:transparent;color:rgba(0,0,0,0.2)}.post .breadcrumb a:hover{color:#041F2C}nav{font-size:1.25em;margin:1em 3% 0}nav a{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#fc0;color:#041F2C;display:inline-block;font-family:Populaire Regular;font-size:1.1em;margin-right:.25em;padding:.15em .35em;text-decoration:none}nav a:visited{color:#041F2C}nav a:hover{background:#fa0;color:#041F2C}nav .service:after{content:" ›"}nav .twitter{background:#45bff1;color:#2a7895}nav .dribbble{background:#E86198;color:#982E57}nav .gimmebar{background:#CE1C6F;color:#F38FBD}nav .pinboard{background:#4482FF;color:#B3CBFF}@font-face{font-family:"Populaire Regular";src:url("/fonts/populaire-reg.eot");src:local("☺"),url("/fonts/populaire-reg.woff") format("woff"),url("/fonts/populaire-reg") format("opentype")}h1,h2,h3,h4,h5,h6{color:#041F2C;font-family:Populaire Regular}body{text-align:left}.bio{margin:1em 5% 5em}.bio p{font-size:1.5em;line-height:1.65}.bio a:link,.bio a:visited{background:#FFF4C3;color:#24211c;padding:.1em .2em;text-decoration:none}.bio a:hover{background:#FFEA8E}.elsewhere{color:#ffea8e;font-family:georgia;margin:1em 3%}.elsewhere p{font-size:1.0em;line-height:1.65;margin:0 0 1em}.elsewhere p a:link,.elsewhere p a:visited{border-bottom:1px solid #ffea8e;color:#ffea8e;padding:.1em .2em;text-decoration:none}.elsewhere p a:hover{border-bottom:1px solid #fc0;color:#fc0}footer{min-height:20em;padding:.1em 2% 1em}footer nav{margin:1em 1.5%}footer .bio{margin:1em 1.5%}footer .bio p{color:#ffe684;font-size:1em;margin:0 0 1em;max-width:35em}@media screen and (max-width: 320px), screen and (max-width: 568px) and (orientation: landscape){header{padding:.25em .5em .25em}header h1{font-size:3em;margin:0 3%}.post h1{line-height:1em}.post .meta{display:block;font-size:.5em}.index h2{margin-left:3.5em}.index li{font-size:2em}nav a{font-size:1em}footer .bio p{width:100%}}@media screen and (max-width: 568px) and (orientation: landscape){.post h1{font-size:3em}}@media screen and (min-width: 640px){.index .excerpt{display:block;font-size:.65em;margin:0;padding:0}.bio{margin:1em 3% 5em}.bio p{max-width:35em}.post p{max-width:35em}.post li{max-width:30em}.post img{max-width:670px}.post .full-width img{max-width:100%}.post .img-block{max-width:675px}.post .img-block.full-width{max-width:100%}}@media screen and (min-width: 800px){.posts{display:inline-block;width:50%}.post .img-block{max-width:675px}.post .img-block.full-width{max-width:100%}.elsewhere{position:absolute;top:.5em;left:55%;width:35%}}@media screen and (min-width: 1280px){.post p{width:48%;max-width:32em}.post .img-block{position:absolute;left:50%;max-width:48%}.post .img-block.full-width{position:relative;left:0%;width:200%}}.caption .row-1{color:#ca4030}.caption .row-2{color:#e7c547}.caption .row-3{color:#2eb034}.caption .row-4{color:#4cc1cb}.caption .row-5{color:#b332b0}