/*

____\/\\_________/\\____/\\\\\\______
____\/\\_______ /\\____/\\/////////\_____
____\//\\______/\\____\//\\______\///_____
_____\//\\____/\\______\////\\____________
______\//\\__/\\__________\////\\_________
_______\//\\/\\______________\////\\______
________\//\\\________/\\______\//\\_____
_________\//\\________\///\\\\\\/______
__________\///__________\////////////________

  TITLE:    Styles for viljamis.com
  AUTHOR:   @viljamis
  VERSION:  2.0

*/

@font-face{font-family:viljamis;src:url(../font/viljamis/viljamis.eot);src:url(../font/viljamis/viljamis.eot?#iefix) format("embedded-opentype"),url(../font/viljamis/viljamis.woff) format("woff"),url(../font/viljamis/viljamis.ttf) format("truetype"),url(../font/viljamis/viljamis.svg#viljamis) format("svg");font-weight:400;font-style:normal}@font-face{font-family:MochaMattari-custom;src:url(../font/mochamattari/mochamattari-webfont.eot);src:url(../font/mochamattari/mochamattari-webfont.eot?#iefix) format("embedded-opentype"),url(../font/mochamattari/mochamattari-webfont.woff) format("woff"),url(../font/mochamattari/mochamattari-webfont.ttf) format("truetype"),url(../font/mochamattari/mochamattari-webfont.svg#MochaMattariRegular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:TrumpGothicEastBold-custom;src:url(../font/trump/trumpgoteasbol-webfont.eot);src:url(../font/trump/trumpgoteasbol-webfont.eot?#iefix) format("embedded-opentype"),url(../font/trump/trumpgoteasbol-webfont.woff) format("woff"),url(../font/trump/trumpgoteasbol-webfont.ttf) format("truetype"),url(../font/trump/trumpgoteasbol-webfont.svg#webfontIEdw22Dw) format("svg");font-weight:400;font-style:normal}@font-face{font-family:TrumpGothicEastMedium-custom;src:url(../font/trump/trumpgoteasmed-webfont.eot);src:url(../font/trump/trumpgoteasmed-webfont.eot?#iefix) format("embedded-opentype"),url(../font/trump/trumpgoteasmed-webfont.woff) format("woff"),url(../font/trump/trumpgoteasmed-webfont.ttf) format("truetype"),url(../font/trump/trumpgoteasmed-webfont.svg#webfontbvGEs1qr) format("svg");font-weight:400;font-style:normal}@font-face{font-family:TrumpGothicEastRegular-custom;src:url(../font/trump/trumpgoteasreg-webfont.eot);src:url(../font/trump/trumpgoteasreg-webfont.eot?#iefix) format("embedded-opentype"),url(../font/trump/trumpgoteasreg-webfont.woff) format("woff"),url(../font/trump/trumpgoteasreg-webfont.ttf) format("truetype"),url(../font/trump/trumpgoteasreg-webfont.svg#webfontFQQ6W2nc) format("svg");font-weight:400;font-style:normal}@font-face{font-family:PTSansBold-custom;src:url(../font/ptsans/pt_sans-web-bold-webfont.eot);src:url(../font/ptsans/pt_sans-web-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../font/ptsans/pt_sans-web-bold-webfont.woff) format("woff"),url(../font/ptsans/pt_sans-web-bold-webfont.ttf) format("truetype"),url(../font/ptsans/pt_sans-web-bold-webfont.svg#PTSansBold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:PTSansRegular-custom;src:url(../font/ptsans/pt_sans-web-regular-webfont.eot);src:url(../font/ptsans/pt_sans-web-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../font/ptsans/pt_sans-web-regular-webfont.woff) format("woff"),url(../font/ptsans/pt_sans-web-regular-webfont.ttf) format("truetype"),url(../font/ptsans/pt_sans-web-regular-webfont.svg#PTSansRegular) format("svg");font-weight:400;font-style:normal}*{margin:0;padding:0}.figure,article,aside,details,figcaption,footer,header,hgroup,nav,section{display:block}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}[hidden]{display:none}.back_top{background:0 0;color:transparent;display:none;opacity:0}::-moz-selection{background:#ea5a1e;color:#fefff8;text-shadow:none}::selection{background:#ea5a1e;color:#fefff8;text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}.cssmask h1::selection{-webkit-text-stroke:1px #fefff8;background:#4b4c46;color:transparent}.cssmask .sub h1::selection{background:#ed723f;color:#fefff8;-webkit-text-stroke:0}.cssmask h1::selection:window-inactive,::selection:window-inactive{background:#c8c9c2;color:#4b4c46}@-webkit-keyframes arrow{0%{background-position:50% 0}100%{background-position:50% 31px}}@-webkit-keyframes arrow_largescale{0%{background-position:50% 0}100%{background-position:50% 38px}}.preload *{-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important}body,html{height:100%}.pushwrapper{min-height:100%;height:auto!important;height:100%;margin:0 auto -5.5em}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;background:#fefff8;overflow-y:scroll}body{font:100%/1.4 PTSansRegular-custom,"Helvetica Neue",Helvetica,Arial,sans-serif;background-color:transparent;color:#4b4c46;min-width:224px;margin:0 auto;padding:0;width:100%}select{font-family:"Helvetica Neue",Helvetica,Calibri,Arial,sans-serif;color:#24201a}.wrapper{max-width:600px;margin-left:auto;margin-right:auto}.oldie .wrapper{width:400px!important}h1,h2,h3,h4,h5,h6{font-family:TrumpGothicEastBold-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;font-weight:400;color:#24201a}h1{font:3.8em/0.82 MochaMattari-custom,"Helvetica Neue",Helvetica,Calibri,Arial,sans-serif;-webkit-transition:font-size .3s ease;-moz-transition:font-size .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5f6ef;letter-spacing:.02em;margin:0 auto .26em;position:relative;text-align:center;display:block}h1:after{position:absolute;margin-left:-.04em;content:"."}.oldie h1:after{content:""}.cssmask h1{-webkit-mask-image:url(/img/mask_packed_v2.png)}.cssmask .sub h1,.symbian3 h1{-webkit-mask-image:none}.no-fontface h1,.symbian3 h1,.winphone h1{font:3em/1 "Helvetica Neue",Helvetica,Calibri,Arial,sans-serif;text-transform:uppercase;margin-bottom:.4em;letter-spacing:0}.sub h1{font:3.9em/1.2 MochaMattari-custom,"Helvetica Neue",Helvetica,Calibri,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#24201a;letter-spacing:-1px;text-align:center;margin:0 0 .18em;width:100%}.sub h1:after{content:""}.symbian3 .sub h1,.winphone .sub h1{font:3em/1 "Helvetica Neue",Helvetica,Calibri,Arial,sans-serif;letter-spacing:0}h2{font:.9375em/1.2 PTSansRegular-custom,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;color:#f8f9f2;text-align:center;max-width:90%;margin:0 auto}.sub h2{font:1.25em/1.3 TrumpGothicEastMedium-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;text-transform:uppercase;color:#5d5f57;letter-spacing:.5px;margin-bottom:1em;max-width:100%}.no-fontface .sub h2,.symbian3 .sub h2,.winphone .sub h2{text-transform:none;letter-spacing:0}.no-js h2{margin-bottom:1.75em}.desc h2,h3,h4{font:1.45em/1.3 TrumpGothicEastMedium-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;text-transform:uppercase;color:#24201a;letter-spacing:1px;margin-bottom:.3em;text-align:left}h4{font:1.25em/1.3 TrumpGothicEastBold-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif}.no-fontface .desc h2,.no-fontface h3,.symbian3 .desc h2,.symbian3 h3,.winphone .desc h2,.winphone h3{text-transform:none;letter-spacing:0}.entry h3,.entry h4{margin:1.2em 0 .4em}.desc h2{font-size:2em}ol,p,ul{margin-bottom:.5em;font-size:1em}p{text-align:left;font-size:.9375em;-webkit-hyphens:auto;-webkit-hyphenate-character:"\2010";-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:3;-moz-hyphens:auto;hyphens:auto}ol,ul{margin:0 0 1.5em -24px;padding:0 0 0 24px}li ol,li ul{margin:0;font-size:1em}.entry article ol,.entry article ul{font-size:.9375em;margin-left:0;list-style-type:square}.entry article ol li,.entry article ul li{margin-bottom:1px}.entry article ol{margin-left:5px;list-style-type:decimal}blockquote{font:italic .875em/20px Georgia,"Times New Roman",Times,serif;background:url(/img/quote.png) no-repeat;margin:0 0 1.5em;padding-left:38px}blockquote:after,blockquote:before{content:'';content:none}#main blockquote p{margin-bottom:8px}abbr[title]{border-bottom:1px dotted;cursor:help}b,strong{font-weight:700}del{text-decoration:line-through}article ol b,article ol strong,article p b,article p strong,article ul b,article ul strong{font-family:PTSansBold-custom,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400}code,pre{font:.875em/1.4 monospace,monospace}pre{-webkit-font-smoothing:subpixel-antialiased;background:#f5f6ef;padding:20px;border-radius:5px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;margin:20px 0 22px;color:#41413c}em,i{font-style:italic;font-weight:400}sub,sup{vertical-align:baseline;position:relative;font-size:65%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}table{width:100%;margin-bottom:4em;border-collapse:collapse;border-spacing:0;font-size:100%}table th{font-weight:400;text-align:left;font-family:PTSansBold-custom,"Helvetica Neue",Helvetica,Arial,sans-serif}table td,table th{border-bottom:1px solid #d6d7d4;padding:5px 0}table tr:last-child td{border-bottom:0}a,a:visited{text-decoration:none;color:#ea5a1e}a:active,a:hover{outline:0}a:hover{text-decoration:underline}a:active,a:focus{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;opacity:.7}h1 a,h2 a,h3 a{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}h2 a,h2 a:visited{font-family:PTSansBold-custom,"Helvetica Neue",Helvetica,Arial,sans-serif;text-decoration:none;color:#24201a;white-space:nowrap}.sub h2 a,.sub h2 a:visited{font-family:TrumpGothicEastMedium-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif}h2 a:active,h2 a:hover{text-decoration:none;color:#060605;opacity:1}.entry article ul a,.entry article ul a:visited,p a,p a:visited,table a,table a:visited{border-bottom:1px solid #cccdc9;background:#edeee7;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;transition:all .1s ease-in;border-radius:2px;text-decoration:none;padding:1px 3px 0;color:#4b4c46}.entry article ul a:hover,p a:hover,table a:hover{border-bottom:1px solid #9b9c94;background:0 0;color:#0c0b09;text-decoration:none;border-radius:0}.readmore{-webkit-transition:padding .2s ease-in;-moz-transition:padding .2s ease-in;transition:padding .2s ease-in;background-position:right 4px}.readmore:hover{background:url(/img/arrow_red_v3.png) right 4px no-repeat;padding-right:20px}.sub article .readmore{margin-top:-.3em;display:block;float:left}footer a,footer a:visited{background:0 0;color:#8c8e84;padding:0;border:0}footer a:hover{color:#24201a}sup a,sup a:hover{background:0 0;border:0}img{-ms-interpolation-mode:bicubic;background:0 0;border:0}#main img{height:auto;width:100%}iframe{max-width:100%;margin-bottom:1.2em}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.img a:active,.img a:focus{opacity:1;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.entry article img,.project img{-moz-box-shadow:rgba(36,32,26,.5) 0 0 3px;-webkit-box-shadow:rgba(36,32,26,.5) 0 0 3px;box-shadow:rgba(36,32,26,.5) 0 0 3px;border-radius:5px;margin-bottom:1em;max-width:840px}.oldie .project img{border:1px solid #8c8e84}.entry article img,.oldie .project .nofx,.project .nofx{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0}select{vertical-align:baseline;font-size:100%}header{background:url(/img/backgrounds/orange_new2.jpg) -100% -100% #ea5a1e;font-family:sans-serif;padding:34px 0 0;z-index:9}.sub header{background:0 0}header .figure,header .wrapper{position:relative;z-index:20}.figure a{font-family:viljamis,georgia;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:2.75em;position:relative;z-index:2;color:#fefff8;margin:.55em auto 1.1em;display:block;float:none;width:1.1em}.oldie .figure a{display:none}.figure a:hover{text-decoration:none}.figure a:active,.figure a:focus{outline:0;opacity:1}.figure a:before{content:"O";z-index:-1;position:absolute;font-size:2em;top:-50%;left:-41%;color:#2a251e}.figure a span{position:absolute;overflow:hidden;left:0;top:-500px;width:1px;height:1px}nav{background:url(/img/backgrounds/darkbrown.jpg) 150% 0 #24201a;-webkit-transition:padding .3s ease;-moz-transition:padding .3s ease;transition:padding .3s ease;font-family:sans-serif;text-align:right;padding:7px 0;z-index:10;width:100%}.no-js nav,.oldie nav,.s60 nav{text-align:center}nav ul{margin:0 auto;display:none;padding:0}.no-js nav ul,.oldie nav ul,.s60 nav ul{display:block}nav li{display:inline}nav li:last-child{display:none}nav a:hover,nav a:link,nav a:visited{color:#f8f9f2;text-decoration:none;padding:12px 10px;font-size:.8125em}.no-js nav .active a,.no-js nav .active a:hover,.no-js nav .active a:visited,.oldie nav .active a,.oldie nav .active a:hover,.oldie nav .active a:visited,.s60 nav .active a,.s60 nav .active a:hover,.s60 nav .active a:visited{background:url(/img/backgrounds/orange_new.jpg) -100% 0 #ea5a1e}.no-js .sub nav .active a,.no-js .sub nav .active a:hover,.no-js .sub nav .active a:visited,.s60 .sub nav .active a,.s60 .sub nav .active a:hover,.s60 .sub nav .active a:visited{background:#fefff8;color:#24201a}nav select{font-size:.8125em;margin-right:10px;width:45%}.s60 nav select{display:none}#main{padding:34px 7% .5em;position:relative;overflow:hidden}.sub #main{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:-10px;padding-top:0}section{margin-bottom:2em}.sub section{margin-bottom:0}section p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sub section p{margin-bottom:1.2em}.sub .project p{margin-bottom:0}.sub .project p+p{margin-bottom:1.2em;text-indent:1.5em}footer{font:.6875em/1.6 Arial,Helvetica,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#8c8e84;padding:0 7% 40px;overflow:hidden}.symbian3 footer{display:none}footer p{max-width:260px;float:left}.sub footer{padding-bottom:0!important;margin-top:1em;height:4em}.dribbble,.twitter{-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;transition:opacity .2s ease-in;background:url(/img/social_v2.png) no-repeat;text-indent:-9999px;overflow:hidden;margin-top:3px;display:block;float:right;width:27px;height:27px}.dribbble{background-position:-34px 0;margin-left:6px}.dribbble:hover,.twitter:hover{opacity:.7}.push{height:6em}#swipe{position:relative;padding:0 0 51px;margin-left:0;width:100%;z-index:1}.no-js #swipe{padding:0 0 27px}#swipe .wrapper{margin:0 auto;width:90%}#main .project{margin-bottom:1em}.project ul{list-style:none}.desc{border-top:1px solid #24201a;margin-bottom:1em;padding-top:2em;overflow:hidden}.project .desc h2{margin-bottom:.2em}.oldie .project .desc h2{margin-bottom:.1em}.first h2{display:none}.first .desc{padding-top:0;border:0}.blog h1{margin-bottom:.5em}.sub .articles{overflow:hidden;margin-top:1em;width:100%}.entry .articles{margin-top:0}article{margin:0 0 2.5em;padding-top:1px;overflow:hidden;float:left;width:100%}.entry article,article:last-child{margin-bottom:0}.blog article p,.entry article img{margin-bottom:1.2em}.entry article img{width:98%!important}article h3{font:2em/1 TrumpGothicEastMedium-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;margin-bottom:0}.entry article h3{font-size:1.45em;line-height:1.3}article h1 a,article h1 a:visited,article h3 a,article h3 a:visited{color:#24201a}.sub article .byline{margin:.4em 0 1.4em;font-size:.6875em;display:block}aside{text-shadow:0 1px 1px rgba(254,255,248,.7);background:#f5f6ef;padding:1.8em 1.5em 1.5em;border-radius:6px;line-height:1.25em;font-size:.75em;margin-top:3em;float:left}aside p{margin-top:.2em}aside a,aside a:visited{color:#24201a}#main aside img{margin:0 1em .5em 0;float:left;width:38%}.entry h1{font:2em/1 TrumpGothicEastMedium-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;text-transform:uppercase;margin:.3em 0 .1em;letter-spacing:1px;text-align:left}.no-fontface .entry h1,.symbian3 .entry h1,.winphone .entry h1{text-transform:none;letter-spacing:0;font-size:2em}.entry h1 a,.entry h1 a:hover{text-decoration:none;color:#24201a}.backto,.forwardto{margin-top:.5em;display:block;float:left}.forwardto{float:right}.archive h2{font:2em/1 TrumpGothicEastMedium-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;text-align:left}.archive h3{font-size:1.5em}.archive article{margin:0 0 1em}.error h1{margin-bottom:0;text-align:center}.error h2{margin:0 0 2em}.error #main img{margin-bottom:1em}.com{color:#7f8177}.lit{color:#9a5332}.pun{color:#a09385}.clo,.fun,.opn{color:#928374}.atv,.str{color:#a7603e}.atn,.dec,.typ,.var{color:#928374}.entry article .gallery{list-style:none;padding:0;float:left}.entry article .gallery a,.entry article .gallery a:hover{background:0 0;display:block;border:0}.entry article .gallery li{margin:0 1% 0 0;float:left;width:31%}.entry article .gallery img{margin:0 0 .3em}@media print{*{background:0 0!important;text-shadow:none!important;color:#000!important;font-family:sans-serif!important;text-transform:none!important;letter-spacing:0!important;-webkit-mask-image:none!important}@page{margin:.5cm}.backto,.byline,.forwardto,.readmore,footer,h2 .next,nav{display:none!important}#swipe{padding:0}#swipe h2{text-align:center;margin-top:10px;font-size:16px}header{padding:50px 0 0;height:auto;margin:0}.sub h1,.sub h2{color:#000;text-align:left;padding-left:0;margin-left:0;display:block}#main,.sub .articles,article{overflow:visible!important;float:none!important;margin-bottom:1em}.sub h1{margin-bottom:20px;line-height:36px;font-weight:700;font-size:30px}h2,h2 a{font:18px/26px sans-serif!important;text-transform:none;letter-spacing:1px;margin-bottom:.3em;margin-left:.5cm;text-align:left;width:auto}h2,h3{page-break-after:avoid;orphans:3;widows:3}.project h2,article h2,article h3{margin-top:1cm;font-size:18px;line-height:26px;text-transform:none}p{font-size:11px;orphans:3;widows:3}ul li{font-size:11px}blockquote,pre{page-break-inside:avoid;border:1px solid #999;line-height:16px;margin:30px 0;padding:10px}.img .nofx,.img img{border:1px solid #999;width:80%}abbr[title]:after{content:" (" attr(title) ")"}a,a:visited{text-decoration:none;color:#444}a[href]:after{content:" (" attr(href) ")"}.figure a[href]:after,a[href^="javascript:"]:after,a[href^="#"]:after,h1 a[href]:after{content:""}img{max-width:100%;page-break-inside:avoid}}@media screen and (min-width:380px){h1{font-size:4.6em}}@media screen and (min-width:540px){aside{font-size:.875em;line-height:1.4}aside p{margin-top:.3em}#main aside img{width:30%}.entry article .gallery li{margin:0 1% 0 0;width:24%}}@media screen and (min-width:610px){.pushwrapper{margin:0 auto -9em}.push{height:9em}.border{background:url(/img/backgrounds/darkbrown.jpg) -100% 0 #24201a;width:100%;height:6px}#main,footer,header,nav{padding-left:0;padding-right:0}.sub header{height:120px}.figure,.wrapper{position:relative;max-width:none;margin:0 auto;display:block;width:88%}h1{text-shadow:-1px 0 0 #f5f6ef;margin:110px auto 20px;font-size:8.4em}.no-fontface h1{font-size:5em!important}.sub h1{text-shadow:none;text-align:left;font-size:6em;width:100%;margin:0}h2{font:400 1.45em/1.5em TrumpGothicEastRegular-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;width:75%}.no-fontface h2,.symbian3 h2,.winphone h2{text-transform:none;letter-spacing:0}.sub h2{font:1.45em/1.4 TrumpGothicEastRegular-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;letter-spacing:2px;margin:0 0 1.4em;text-align:left;width:100%}.symbian3 h2{font-size:1em}h2 a,h2 a:visited{font:400 1em/1 TrumpGothicEastBold-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;letter-spacing:0}h2 a span{position:relative;text-decoration:none;top:-2px}h3{margin-bottom:.5em}p{margin-bottom:.8em}pre{max-width:93%}header{padding:32px 0 0}.sub header{padding:26px 0 0}.figure a{font-size:2.3em;position:absolute;margin:0;top:.4em;left:.5em}nav li:last-child{display:block}nav{background:0 0;position:absolute;margin-top:18px;margin-right:0;padding:0;top:32px;right:0}nav select{display:none}nav ul{font:1.3575em/1.4 TrumpGothicEastRegular-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;text-transform:uppercase;list-style:none;margin-right:0;display:block;float:right}.symbian3 nav ul{font-size:1em}.no-fontface nav ul,.symbian3 nav ul,.winphone nav ul{text-transform:none;letter-spacing:0}nav li{margin-left:8px;display:block;float:left;padding:0}nav a:hover,nav a:link,nav a:visited{-webkit-transition:background .2s ease-in;-moz-transition:background .2s ease-in;transition:background .2s ease-in;color:#fefff8;padding:10px 13px 6px;line-height:1;text-decoration:none;letter-spacing:2px;border-radius:6px;font-size:1em}nav a:hover{background:rgba(36,32,26,.15)}nav .active a:active{opacity:1}.no-js .sub nav .active a,.no-js .sub nav .active a:hover,.no-js .sub nav .active a:visited,.no-js nav .active a,.no-js nav .active a:hover,.no-js nav .active a:visited,nav .active a,nav .active a:hover,nav .active a:visited{background:url(/img/backgrounds/darkbrown.jpg) #24201a;color:#fefff8}nav .active{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding-bottom:31px;margin:0 0 0 8px}.sub nav a,.sub nav a:hover,.sub nav a:visited{color:#24201a}.sub nav .active a,.sub nav .active a:hover{color:#fefff8!important}.sub nav a:hover{text-shadow:none}#main{padding-top:43px}section{margin-right:4%;width:30%;float:left}.sub section{width:47%}.sub section.last,section.last{margin-right:0}.entry article ul,section p{font-size:.875em}.sub section p{margin-bottom:0}.blog article p{margin-bottom:1em}.sub p+p{text-indent:1.5em}.sub article p+p{text-indent:0}.sub .project p+p{margin-bottom:0}.sub section .dropcap{font:52px TrumpGothicEastBold-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif;text-transform:uppercase;margin:.2em .2em 0 0;color:#43443f;letter-spacing:0;line-height:38px;float:left}footer{margin-top:3em}.sub footer{margin-top:5.4em}#main .project{width:100%}.desc h2{font:2em/1.3 TrumpGothicEastMedium-custom,"Arial Narrow",Impact,Calibri,Arial,sans-serif}.first .desc{margin-top:-1.2em}.desc{margin-bottom:2em}.blog h1{margin-bottom:.3em}.entry h1{line-height:1em;margin:1em 0 0;font-size:3em}.sub article h3{line-height:1.2em;margin-bottom:0;font-size:2em}.entry article h3{line-height:1.3}.sub article .byline{font-size:.75em}blockquote{font-size:.9375em;padding-left:45px}.sub .articles{margin-top:2.5em}.entry .articles{margin-top:0}.archive .articles{margin-top:1em}.error h1{text-align:center;margin-bottom:0}.error h2{text-align:center;line-height:1em;margin:0 0 2em;width:auto}.error #main img{margin-bottom:1em}aside{padding:1.3em 2em 1em}aside p{margin-top:.6em}.blog article .byline{margin:0 0 1.4em;font-size:.75em}.entry article .byline{margin:0 0 3em}.blog article h3{font-size:2.5em}.blog section p,.entry article ul{font-size:1em}.entry article h3{margin:1.75em 0 .4em;font-size:1.75em}.entry section .dropcap{line-height:48px;font-size:62px}.entry #main h1{margin:1em 0 .1em;font-size:4em}.projects section p{font-size:1em;display:inline}.project.first{margin-top:1em}.entry article .gallery li{margin:0 1% 0 0;width:19%}}@media screen and (min-width:715px) and (max-width:740px){h2{width:75%}.sub h2{width:100%}}@media screen and (min-width:610px) and (max-width:714px){h1{font-size:7em}h2{width:88%}.sub h2{width:100%}}@media screen and (min-width:450px) and (max-width:609px){h1{margin:0 auto .18em;font-size:5.6em}h2{width:70%}.sub h2{width:100%}}@media screen and (min-width:490px) and (max-width:609px){h1{font-size:6.5em}}@media screen and (min-width:370px) and (max-width:450px){h1{font-size:4.6em}}@media screen and (min-width:740px){.figure,.wrapper{width:650px;padding:0}#swipe .wrapper{width:648px}section{margin-right:25px;width:200px}.sub section{width:300px}.project img{margin-bottom:2em}h2{width:75%}.sub h2{width:90%}.entry h1{font-size:3.375em}.error h2{line-height:1em;width:auto}aside p{margin-top:2em}}@media screen and (min-width:1000px){.projects #main{background:url(/img/up.png) -9999px -9999px no-repeat}.figure a{top:.4em;left:.7em;font-size:2.7em}.figure a:before{top:-51%}.back_top{background:url(/img/up.png) 50% 50% no-repeat rgba(36,32,26,.25);-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;filter:alpha(Opacity=0);opacity:0;border-radius:5px;position:fixed;display:block;bottom:50px;right:50px;height:50px;width:50px}.back_top:hover{background:url(/img/up.png) 50% 50% no-repeat rgba(36,32,26,.35)}.back_top:active{background-color:rgba(36,32,26,.45)}.oldie .back_top{display:none}.figure,.wrapper{width:940px}#swipe{padding-top:0}h1{margin:128px auto 26px;letter-spacing:.03em;font-size:10em;padding:0}.no-fontface h1,.winphone h1{font-size:6em!important}.sub h1{letter-spacing:0;font-size:8em}h2,h3{margin-bottom:25px;line-height:1.5em;font-size:1.75em;width:620px}h2 a span{top:-3px}.sub h2{line-height:1.3em;font-size:2em;width:780px}h3{margin-bottom:7px;width:auto}.entry article ul,section p{margin-bottom:.9em;font-size:1em}.project.first{margin-top:0}.projects section p{display:block}nav{right:10px;top:34px}nav ul{font-size:1.5em}nav .active{-moz-background-size:28px 29px;-o-background-size:28px 29px;-webkit-background-size:28px 29px;background-size:28px 29px}#main{padding-top:45px}#main form{width:620px;float:left}.complementary{margin-top:15px;display:block;float:right}section{width:294px}.sub section{margin-right:40px;width:450px}.sub section.last{margin-right:0}.sub section .dropcap{line-height:48px;font-size:62px}footer{margin-top:3.4em}.sub footer{margin-top:5.4em}#main .img{margin-bottom:5em;width:700px;float:left}.desc{font-size:.875em;float:right;width:200px}.project img{margin-bottom:4em}.first .desc{border-top:1px solid #24201a;padding-top:2em;margin-top:0}.first h2{display:block}.blog #main h1{margin-bottom:.2em}.entry #main h1{margin:1em 0 .1em;font-size:4em}.entry #main .byline{margin-bottom:3em}.sub .articles{margin-top:3.5em;width:630px}.entry .articles{margin-top:0}.archive .articles{margin-top:1em}article{margin:0 0 2.5em}.sub article h3{font-size:2.5em}.entry article h3{font-size:1.75em}.push_aside{height:4.1em;width:200px;float:right}aside{background:0 0;margin-right:50px;margin-top:10.5em;line-height:18px;overflow:hidden;font-size:13px;display:block;float:right;width:200px;padding:0;border:0}aside p{margin-top:0}#main aside img{margin-bottom:1em;float:none;width:100%}.entry aside{margin-top:14em}.archive aside{margin-top:1.5em}aside img{margin-bottom:1em}aside a,aside a:hover,aside a:visited{text-decoration:underline;white-space:nowrap;background:0 0;padding:0;border:0}blockquote{font-size:.875em}.sub article .byline{margin:0 0 1.4em;font-size:.75em}.error h2{line-height:1em;width:auto}}@media screen and (min-width:1580px){body{font-size:106.25%}.figure,.wrapper{width:1140px}.sub header{height:140px}#swipe{padding:0 0 41px}.figure a{left:.65em;top:.55em;font-size:2.9em}#swipe .wrapper{width:1138px}nav{font-size:1.1em;top:45px}nav .active{-webkit-animation-name:arrow_largescale;background-position:50% 38px}h1{margin:158px auto 32px;letter-spacing:.02em;font-size:11.8em}.sub h1{font-size:10em;margin:0}.entry h1{font-size:5em}h2,h3{margin-bottom:1.5em;font-size:2em;width:680px}.sub h2{font-size:2.2em;width:900px}section{margin-right:45px;width:350px}.sub section{width:535px}section p{line-height:1.5em}h3{margin-bottom:7px;width:auto}#main{padding-top:58px}#main .img{width:840px}#main .desc{width:250px}#main .desc p{line-height:1.6em}#main form,.sub .articles{width:760px}aside{margin-top:11em;width:250px}.entry aside{margin-top:15em}.error h2{line-height:1em;width:auto}pre{padding:24px;margin:24px 0}}@media screen and (device-width:768px){#main #submit,a:active,a:focus,a:link,a:visited{-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important;opacity:1!important}h1{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.back_top{display:none!important}}@media screen and (device-width:320px){#main #submit,a:active,a:focus,a:link,a:visited{-moz-transition:none!important;-o-transition:none!important;-webkit-transition:none!important;transition:none!important;opacity:1!important}h1{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}}@media screen and (-webkit-min-device-pixel-ratio:1.5),screen and (-o-min-device-pixel-ratio:3 / 2),screen and (min-device-pixel-ratio:1.5){header{-moz-background-size:119px 119px;-o-background-size:119px 119px;-webkit-background-size:119px 119px;background-size:119px 119px}.cssmask h1{-webkit-mask-image:url(/img/mask_packed_v2.png);-webkit-mask-size:50%}.cssmask .sub h1{-webkit-mask-image:none}nav{-moz-background-size:50px 50px;-o-background-size:50px 50px;-webkit-background-size:50px 50px;background-size:50px 50px}.dribbble,.twitter{background:url(/img/retina/social_v2.png) 0 0/61px 27px no-repeat;-moz-background-size:61px 27px;-o-background-size:61px 27px;-webkit-background-size:61px 27px}.dribbble{background-position:-34px 0}}@media screen and (max-width:300px){header{padding:24px 0 0}.sub h1,h1{font-size:2.9em}.blog h1{font-size:2em}footer p{display:none}#main aside img{margin:0 0 1em;width:100%;float:none}#swipe{padding:0 0 31px}.figure a{font-size:1.75em}}@media screen and (max-width:610px){.responsive_table table,.responsive_table tbody,.responsive_table td,.responsive_table th,.responsive_table thead,.responsive_table tr{display:block;font-size:14px}.responsive_table thead tr{position:absolute;top:-9999px;left:-9999px}.responsive_table tr{border:1px solid #d6d7d4}.responsive_table td{border:none;border-bottom:1px solid #d6d7d4;position:relative;padding-left:50%;white-space:normal;text-align:left}.responsive_table td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-family:PTSansBold-custom,"Helvetica Neue",Helvetica,Arial,sans-serif;content:attr(data-title)}}
