html:after{position:absolute;width:100%;height:30px;top:0;left:0;background:#f6f6f6;display:block;color:#888;line-height:30px;text-align:center;content:"You are viewing an older version of jeffwolff.net"}a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0}article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{display:block}a img{border:0}body,html{height:100%}.gigantic{font-size:110px;line-height:120px;letter-spacing:-2px}.huge,h1{font-size:58px;line-height:68px;letter-spacing:-1px}.large,h2{font-size:24px;line-height:32px;color:#d2f2f9}.bigger,h3{font-size:26px;line-height:36px;text-shadow:0 1px 0 #fff}.big,h4{text-shadow:0 1px 0 #fff;font-size:24px;line-height:30px}h5{font-size:24px;line-height:36px;text-shadow:0 1px 0 #fff;margin:5px 0}h6{font-size:16px;line-height:18px;margin:5px 0}body{font:16px/26px Helvetica,Arial,sans-serif;padding-top:30px}a{color:#555;font-weight:700;text-decoration:none;background:#ccc;padding:3px 5px}a:hover{text-decoration:none;background:#666;color:#eee}a.anchor{background:0 0}ul{margin:4px 0 0 18px}ul li{color:#6e6e6e;list-style-type:circle;margin:0 0 5px}.small,small{font-size:13px;line-height:18px}p{color:#666;margin-bottom:10px}::selection{background:#ffff9e}::-moz-selection{background:#ffff9e}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:#ffff9e}#content,#subhead{padding-left:48px;padding-right:48px;margin:0 auto;width:878px;position:relative;z-index:200}#content{padding-top:32px;padding-bottom:16px;min-height:100%}#masthead{background:#303030}#content form{margin:30px 0;width:500px}#content .form-row{width:100%;margin:20px 0}#content .form-row-submit{text-align:center}#content label{float:left;width:90px;padding:0;color:#777;line-height:30px}#content button.submit{border:none;background:#1387a1;color:#fff;padding:7px 25px;font-size:18px;cursor:pointer;float:right}#content button.submit:hover{background:#108099}#content button.submit:active{background:#0c6c81}#content input,#content textarea{padding:7px;font-size:16px;width:232px;border:1px solid #aaa}#content textarea{width:392px}#content .pf-img{width:550px;float:left}#content .pf-img img{width:100%}.website{position:relative;margin-bottom:100px}#nav{background:#303030;height:72px;transition:top .2s ease-in-out;width:100%;z-index:9998}#nav ul{list-style-type:none;line-height:72px;text-align:center;margin:0}#nav ul li{display:inline;background:0 0;margin:0 20px}#nav li a{background:0 0;color:#b8b7b7;font-size:14px;font-family:"Open Sans",sans-serif;font-weight:400;text-decoration:none}#nav li a:hover{color:#fff}#nav.nav-up{top:-72px}#subheading{position:relative;background-color:#0a7892;background-image:url(../img/gradient.png);background-image:-webkit-gradient(linear,0 0,0 100%,from(#148ba6),to(#005367));background-image:-webkit-linear-gradient(top,#148ba6,#005367);background-image:-moz-linear-gradient(top,#148ba6,#005367);background-image:-ms-linear-gradient(top,#148ba6,#005367);background-image:-o-linear-gradient(top,#148ba6,#005367);border-top:1px solid #40c7e3;height:334px}#subheading.about{height:125px;background-color:#15b473;background-image:url(../img/gradient-about.png);background-image:-webkit-gradient(linear,0 0,0 100%,from(#22cc86),to(#0d9b61));background-image:-webkit-linear-gradient(top,#22cc86,#0d9b61);background-image:-moz-linear-gradient(top,#22cc86,#0d9b61);background-image:-ms-linear-gradient(top,#22cc86,#0d9b61);background-image:-o-linear-gradient(top,#22cc86,#0d9b61);border-top:1px solid #35faa9}#subheading.resume{height:125px;background-color:#b91a40;background-image:url(../img/gradient-resume.png);background-image:-webkit-gradient(linear,0 0,0 100%,from(#cc224a),to(#a60f33));background-image:-webkit-linear-gradient(top,#cc224a,#a60f33);background-image:-moz-linear-gradient(top,#cc224a,#a60f33);background-image:-ms-linear-gradient(top,#cc224a,#a60f33);background-image:-o-linear-gradient(top,#cc224a,#a60f33);border-top:1px solid #ff4470}#subheading.portfolio{height:125px;background-color:#47018c;background-image:url(../img/gradient-portfolio.png);background-image:-webkit-gradient(linear,0 0,0 100%,from(#8e22cc),to(#410066));background-image:-webkit-linear-gradient(top,#8e22cc,#410066);background-image:-moz-linear-gradient(top,#8e22cc,#410066);background-image:-ms-linear-gradient(top,#8e22cc,#410066);background-image:-o-linear-gradient(top,#8e22cc,#410066);border-top:1px solid #b643f7}#subheading.contact{height:125px}#subheading h1{color:#fff;margin-top:45px;text-shadow:0 1px 1px rgba(0,0,0,.5)}#subheading.about h1,#subheading.contact h1,#subheading.portfolio h1,#subheading.resume h1{margin-top:5px}#subheading h2{margin-top:10px;width:418px;text-shadow:0 1px 1px #005367}#subheading h4{margin-top:10px;text-shadow:none}#subheading.about h4 a{color:#0a8050}#subheading.portfolio h4 a{color:#360054}#subheading.resume h4 a{color:#790621}#subheading.contact h4 a{color:#004758}#subheading h4 a{background:0 0;padding:0;text-decoration:none}#subheading h4 a:hover{color:#000}#subheading p{width:300px;color:#00d0ff;font-size:16px;font-weight:700;font-family:"Open Sans",sans-serif;margin-top:15px;text-shadow:0 1px 1px #005367}#subhead a{background:0 0}#subhead img{position:absolute;top:8px;right:0;z-index:100}#content section{margin:5px 0 32px;padding:25px 0}#content section h3{float:left;vertical-align:top;width:165px;padding:0 20px 0 0;margin:0}#content.resume section p{width:700px;margin:13px 0 0 0}#content.home section p,#content.resume section p{float:right;margin:10px 0}#content.home section ul{float:right;width:700px;margin:15px 0 0 0}#content.home section ul li{display:inline;list-style-type:none;width:215px;margin:0 13px 0 0}#content.home section ul li a{background:0 0;padding:0;display:block;border:1px solid #888}#content.home section ul li a:hover{border-color:#222}#content #abouthead h4{margin:0 0 12px 0}#content #abouthead ul{float:left;margin:-1px 0 0 20px}#content #abouthead img{float:left;margin:0 10px 0 0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-box-shadow:2px 2px 3px 0 #aaa;-webkit-box-shadow:2px 2px 3px 0 #aaa;box-shadow:2px 2px 3px 0 #aaa}#content #deathclock{background:#ccc url(../img/grave-bg.png) repeat-y;padding:20px;width:700px;position:relative;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#content #deathclock h4{color:#222;text-shadow:1px 1px 0 #dadada;margin:0}#content #deathclock p{color:#333;text-shadow:1px 1px 0 #ddd;width:88%;margin:5px 0 0 0}span#little-reaper{background:url(../img/little_reaper.png) no-repeat;width:179px;height:185px;position:absolute;top:-50px;right:-45px}#socialnetworks ul{margin:10px 0 0}#socialnetworks ul li{background-color:#e3e2e2;background-image:url(../img/socialnetwork-gradient.png);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#c8c8c8));background-image:-webkit-linear-gradient(top,#fff,#c8c8c8);background-image:-moz-linear-gradient(top,#fff,#c8c8c8);background-image:-ms-linear-gradient(top,#fff,#c8c8c8);background-image:-o-linear-gradient(top,#fff,#c8c8c8);width:315px;height:48px;list-style-type:none;margin:0 22px 20px 0;border:1px solid #908585;float:left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#socialnetworks ul li:hover{border-color:#726a6a;background-color:#d2d0d0 background-image:url("../img/socialnetwork-gradient-hover.png");background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#b3b2b2));background-image:-webkit-linear-gradient(top,#fff,#b3b2b2);background-image:-moz-linear-gradient(top,#fff,#b3b2b2);background-image:-ms-linear-gradient(top,#fff,#b3b2b2);background-image:-o-linear-gradient(top,#fff,#b3b2b2)}#socialnetworks ul li a{display:block;background:url(../img/socialnetwork-sprite.png) no-repeat;font-size:16px;font-weight:400;font-family:"Open Sans",sans-serif;line-height:18px;color:#333;height:16px;padding:16px 0 16px 55px}#socialnetworks ul li a:hover{color:#000}#socialnetworks ul li.twitter a{background-position:12px 8px}#socialnetworks ul li.facebook a{background-position:12px -34px}#socialnetworks ul li.lastfm a{background-position:12px -76px}#socialnetworks ul li.skype a{background-position:12px -118px}#socialnetworks ul li.behance a{background-position:12px -160px}#socialnetworks ul li.forrst a{background-position:12px -202px}#socialnetworks ul li.dribbble a{background-position:12px -244px}section.website{position:relative}nav.portfolio-nav{position:absolute;top:10px;left:-35px}nav.portfolio-nav ul{margin:0}nav.portfolio-nav ul li{list-style-type:none}nav.portfolio-nav ul li a{font-size:18px;font-weight:700;font-family:"Open Sans",sans-serif}nav.portfolio-nav ul li a span{display:none}.description{width:250px;margin-top:10px;padding-top:4px;float:right}#content section .description p{width:auto;margin:0 0 7px}#mastfoot{background:#303030;height:45px;clear:both}#mastfoot p{padding:12px 48px 0;margin:0 auto;width:878px;font-size:16px;font-weight:400;font-family:"Open Sans",Arial,sans-serif;color:#fff;position:relative}#mastfoot a{background:0 0;color:#fff;font-weight:400}#mastfoot a:hover{color:#aaa}p.right{float:right}#mastfoot #top-link{font-size:14px;font-weight:400;font-family:"Open Sans",Arial,sans-serif;float:right}#mastfoot small a{position:relative;left:30px;color:#888}#top{background:#303030;padding:0;height:0;display:block;position:absolute;top:-72px}nav.portfolio-nav ul li a.top{font-size:14px;font-weight:400;font-family:"Open Sans",Arial,sans-serif;font-variant:small-caps;position:absolute;left:-7px}.clear{clear:both}span.right{float:right}body{background:#e8e8e8;color:#3c3c3c;-webkit-text-size-adjust:100%}@media only screen and (min-width:768px) and (max-width:991px){#subheading h1{font-size:48px}#subheading h2{width:350px;font-size:20px}#subheading p{font-size:14px}#subhead img{width:458px;top:77px;right:-10px}#content,#subhead{padding-left:28px;padding-right:28px;width:650px}#content #deathclock,#content.resume section p{width:520px}#content.home section ul{width:520px}#content.home section ul li{width:155px;margin:0 13px 0 0}#content.home section ul li a img{width:155px}span#little-reaper{top:-50px}#content .pf-img{width:50%}#content section.website img{width:100%}#content section.website .description{width:45%}nav.portfolio-nav{left:-39px}nav.portfolio-nav ul li a{font-size:16px}#mastfoot p{padding:12px 28px 0;width:650px}#content #abouthead ul{width:518px}}@media only screen and (min-width:480px) and (max-width:767px){#content,#subhead{padding-left:22px;padding-right:22px;width:418px}#subheading h1{font-size:42px;line-height:52px}#subheading h2{font-size:18px;line-height:22px}#subheading p{font-size:14px;line-height:18px;width:200px}#subhead img{width:320px;top:150px;right:12px}#nav ul li{margin:0 10px}#content{padding-top:20px;padding-left:0;padding-right:0}#content.resume section p{width:418px}#content #abouthead ul{width:290px}#content #deathclock h4{font-size:20px}#content.home section ul{width:436px}#content.home section ul li{width:127px;margin:0 13px 0 0}#content.home section ul li a img{width:127px}#content #deathclock{display:none}span#little-reaper{top:-9999px}#content .pf-img{width:100%}#content section.website img{width:100%}.description{width:100%;margin-top:10px;padding-top:0;margin-bottom:10px}nav.portfolio-nav{display:none}#mastfoot p{padding:12px 22px 0;width:418px;font-size:14px}#mastfoot #top-link{font-size:12px;font-weight:700;font-family:"Open Sans",Arial,sans-serif;float:right}#mastfoot small{position:relative;font-size:11px;left:10px;color:#888}#content form{width:400px}#content input,#content textarea{width:382px}span.right{font-size:12px}}@media only screen and (max-width:479px){#subheading{height:300px}#subheading h1{font-size:46px;line-height:54px}#subheading.home h1{font-size:30px;line-height:32px}#subheading h2{font-size:16px;line-height:22px;width:269px}#subheading p{font-size:14px;line-height:18px;width:200px}#subhead img{width:192px;top:175px;right:10px}#content,#subhead{padding-left:10px;padding-right:10px;width:269px}#subheading.about,#subheading.contact,#subheading.portfolio,#subheading.resume{height:110px}#nav li a{font-size:12px}#nav ul li{margin:0 2px}#content{padding-top:20px}#content section{margin:0 0 30px}#content.resume section p{width:269px}#content #abouthead img{margin:0;float:none}#content #abouthead{text-align:center}#content #abouthead ul{float:none;width:95%;margin:10px 0;text-align:left;padding-left:5%;font-size:14px}#content #deathclock{display:none}#content.home section ul{width:269px}#content.home section ul li{width:75px;margin:0 10px 0 0}#content.home section ul li a img{width:75px}span#little-reaper{top:-9999px}#socialnetworks ul li{width:269px}#socialnetworks ul li a{font-size:14px}#content .pf-img{width:100%}#content section.website img{width:100%}#content section.website .description{width:100%;margin-top:0;padding-top:0;margin-bottom:10px}#content section.website .description p{font-size:14px;line-height:22px}nav.portfolio-nav{display:none}span.right{display:none}#mastfoot p{padding:12px 17px 0;width:269px;font-size:10px}#mastfoot #top-link{font-size:10px;font-weight:700;font-family:"Open Sans",Arial,sans-serif;float:right}#mastfoot small{position:absolute;font-size:8px;top:25px;left:50px;color:#888}#content textarea{width:232px}#content form{width:268px}#content input,#content textarea{width:251px;clear:left}}body,img{transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}