@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,300,300italic,500,700|Roboto+Mono:400,100,300|Inconsolata:400);.transition-opacity-fast{-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}body{font-family:"Roboto","Helvetica";padding:50px 20px 0;background:#f4f4f7;color:#444;margin:0;font-family:Roboto}body,html{height:100%;width:100%;display:block;margin:0;clear:both;padding:0}body section.top,html section.top{min-height:100%}#main{max-width:10000px;}section.top{min-width:800px;margin:0 auto}section.top .inner{margin:0 50px}h3{font-weight:300}#hero{height:100%;margin-top:-20px;position:relative;background-size:cover;background-repeat:no-repeat}#hero h1{position:absolute;top:50vh;right:20px;font-size:70px;font-weight:100;color:#fff}#hero .about{text-align:center;top:20%;position:relative}#hero .about,#hero .about h2{font-weight:300;color:#fff}#hero .about ul{margin:0;padding:0}#hero .about li{list-style:none;margin:10px;display:inline-block}#hero .about li a{text-decoration:none;padding:10px;font-family:Roboto;font-weight:300;font-size:20px;color:#fff}#hero .about li a img{height:64px;width:64px;opacity:0.6;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}#hero .about li a img:hover{opacity:1}#hero .about p{font-size:20px}#hero .downarrow{position:absolute;opacity:0.4;width:64px;height:64px;margin:0 auto;bottom:20px;left:50%;margin-left:-32px;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}#hero .downarrow:hover{opacity:0.8}#hero .downarrow img{width:64px;height:64px}section#photography{background:url(/images/s5.jpg);background-size:cover;background-position:0 -20px;min-height:280px}section#photography h2{text-align:center;padding-top:100px;font-size:60px;font-weight:200;color:#fff}section#photography .grid div{height:500px;width:300px}body .photos{height:100%}body .photos .slideshow{cursor:pointer;position:relative;margin:10%;width:80%;height:80%}body .photos .slideshow .slide{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;top:0;position:absolute}body .photos .slideshow .loader{background-image:url(/images/layout/ring.gif);background-size:32px 32px}body .photos .slideshow .foreground{opacity:0;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}body .photos .slideshow .foreground.shown{opacity:1}.u22{width:30%;height:240px}.u23{width:30%;height:320px}.u31{width:48%;height:200px}.u32{width:60%;height:250px}.u13{width:10%;height:280px}#portfolio .inner{padding-top:60px}.terminal{font-family:"Inconsolata";top:25vh;width:570px;position:relative}.terminal .top{background-image:url(../images/layout/terminal.png);height:40px;background-size:100%}.terminal .bottom{padding:6px;font-size:15px;color:#bbb;background:url(../images/layout/strip.png);height:300px;background-size:100%}.terminal .bottom pre{margin:0}.grid-item{float:left;position:relative}.grid-item .pad{position:absolute;top:10px;bottom:10px;left:10px;right:10px}.item{background-size:cover;width:100%;height:100%;font-family:roboto;padding:0;margin:0}.item .client,.item .desc{font-family:Inconsolata;color:#fff;position:absolute;letter-spacing:1px;padding:5px;z-index:2;padding-left:20px;font-weight:200;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;opacity:0}.item:hover:after{opacity:0.8}.item:hover .client,.item:hover .desc{opacity:1}.item .client{font-family:Inconsolata;color:#fff;position:absolute;letter-spacing:1px;text-transform:uppercase;top:10px;font-size:16px}.item .client .type{font-size:14px;padding-top:2px}.item .desc{font-size:12px;font-family:Roboto;font-weight:200;bottom:10px;border-bottom:1px solid gray}.item .desc h4{text-transform:uppercase;font-weight:200;font-size:16px;margin-bottom:6px}.item .desc a{color:#eee;text-decoration:underline;display:block}.item:after{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;background:#403e3b;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;content:''}.item .pane{position:relative;z-index:100;width:100%;height:100%}.cols .col{width:33%;float:left}header{z-index:500;-webkit-transition:padding 0.4s linear;transition:padding 0.4s linear;position:fixed;top:0;left:0;right:0;height:40px;padding:10px;background:#555}header.bigtop{background:transparent;padding:40px}header h4 a,header nav a{font-weight:200;color:#eee;text-decoration:none}header h4{text-transform:uppercase;font-size:1.2em;letter-spacing:3px;float:left;margin-top:5px}header nav{margin-top:5px;float:right}header nav a{font-family:"Inconsolata",sans-serif;text-decoration:none;padding-left:10px;padding-right:10px;margin-left:5px;margin-right:5px}