@font-face{font-family:'Calluna Sans';src:url("font/CallunaSansRegular-webfont.eot");src:url("font/CallunaSansRegular-webfont.eot?#iefix") format("embedded-opentype"),url("font/CallunaSansRegular-webfont.woff") format("woff"),url("font/CallunaSansRegular-webfont.ttf") format("truetype"),url("font/CallunaSansRegular-webfont.svg#icomoon") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'icomoon';src:url("font/icomoon.eot");src:url("font/icomoon.eot?#iefix") format("embedded-opentype"),url("font/icomoon.woff") format("woff"),url("font/icomoon.ttf") format("truetype"),url("font/icomoon.svg#icomoon") format("svg");font-weight:normal;font-style:normal}html,body{margin:0;padding:0}body{font:normal 100%/1 "Calluna Sans", sans-serif;-webkit-backface-visibility:hidden;color:#230411;background:#fff url("img/grid.jpg") repeat center top;background-size:310px 310px}a{color:#749e76;text-decoration:none;-webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}a:hover{color:#5f685e;text-decoration:none}a:visited{color:#5d8776}a img{border:none;outline:none}p{line-height:1.5}label{display:block}input{font:normal 90%/1 "Calluna Sans", sans-serif;padding:0.3em;color:#230411}input[type=submit]{cursor:pointer}code,pre{font-size:14px;padding:0 4px;font-weight:normal;color:#697888;background-color:#f3f1e8;display:inline-block;border-radius:3px;border:1px solid #e6e4dd}pre{padding:4px 12px 4px 4px}[data-icon]:before{font-family:'icomoon';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-github,.icon-drew,.icon-box,.icon-pentip,.icon-link,.icon-dango,.icon-comment-alt2-fill,.icon-twitter,.icon-dribbble{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.icon-arrow-left:before{content:"\e604"}.icon-box:before{content:"\e602"}.icon-dango:before{content:"\e601"}.icon-drew:before{content:"\e60a"}.icon-dribbble:before{content:"\e607"}.icon-github:before{content:"\e608"}.icon-link:before{content:"\e603"}.icon-pentip:before{content:"\e600"}.icon-search:before{content:"\e605"}.icon-twitter:before{content:"\e606"}h1,h2,h3,h4,h5,h6{font-family:"Alegreya", serif;font-weight:normal;margin:0;padding:0}blockquote{font:italic 1em/1 "Alegreya", serif;color:#5f685e;background:rgba(0,0,0,0.01) url("img/lquo.png") no-repeat 0.2em 1em;margin:0;padding:0.1em 2.5em}blockquote cite{color:#230411;font:0.75em "Alegreya";text-transform:uppercase}#head{display:block;overflow:hidden;vertical-align:middle;height:110px}#head a,aside a,#social a{color:#230411;display:block;opacity:0.3;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}#head a:visited{color:#230411}#head a:hover,aside a:hover,#social a:hover{color:#230411;opacity:1}#logo{font-size:65px;height:96px;display:inline-block;padding:0 0 0 2%}#logo a{width:100%;text-decoration:none;padding-top:20px;opacity:1;overflow:hidden}#logo a:before{display:block;margin-bottom:2em}#logo a:active{padding:21px 0 0 1px}#top-navigation ul{list-style-type:none;margin:0;padding-top:30px}#top-navigation ul li{display:inline-block;font:1.2em/5.6em "Calluna Sans", sans-serif;white-space:nowrap;padding:0}#top-navigation ul li a{padding:5px 0;font:100%/2 "Calluna Sans", sans-serif;vertical-align:top}#top-navigation ul li a:before{display:inline-block;font:48px/1 "icomoon";margin-top:-5px;margin-right:8px}#top-navigation ul li.selected a{opacity:1}#top-navigation #nav-c{text-align:center}#top-navigation #nav-c a:before{font-size:36px;margin-top:0}#site-info{min-width:100px;padding:5px 0 0 2.2%}#site-info h2{font:1.1em/1 "Alegreya", serif;line-height:0.95;padding:0.2em 0 2em 0.1em;opacity:0.3;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}#site-info h2:hover{opacity:0.6}#site-info h2 span.author{display:block;font:1.2em/1 "Calluna Sans", sans-serif;padding-top:1em;text-transform:uppercase}.big-back{color:#230411;position:absolute;top:74px;left:13%;font-size:1.4em;padding:0.3em 0.3em 0.1em;border:3px solid #230411;border-radius:30px}.big-back:visited{color:#230411}#social a{width:28px;height:25px;display:inline-block;overflow:hidden}#social a:before{display:block;font:24px/1 "icomoon";margin-top:1px;margin-bottom:2em}#social a.twitter{margin-right:2em}#site{width:95%;margin:0 0 0 0.8%;max-width:1500px}#site .row{margin-left:0;margin-right:0;max-width:none}#main{position:static}.wrapper{width:98%;margin:0 auto}#site .big-back:before{font:32px/1 "icomoon"}#portfolio{padding-bottom:32px}#portfolio .piece{display:inline-block;position:relative;border:1px solid white;padding:0;overflow:hidden;text-align:center;background-color:#230411;background-repeat:no-repeat;background-size:cover;background-position:20% center;box-sizing:border-box}#portfolio .piece a{display:block;height:150px;position:relative;overflow:hidden}#portfolio .piece a img{height:150px}#portfolio .piece a .overlay{width:100%;height:100%;position:absolute;display:block;z-index:3;background-color:rgba(0,0,0,0.3);opacity:0;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}#portfolio .piece a:hover .overlay{opacity:1}#single-portfolio{padding-bottom:2em}#single-portfolio #portfolio-banner{background-repeat:no-repeat;background-size:cover;background-position:0 center;position:absolute;left:0;width:95%;height:30px;box-shadow:inset 0 0 8px rgba(0,0,0,0.3)}#single-portfolio #portfolio-content{padding:0 0 200px 0}#single-portfolio h1{color:#230411;font:32px/3 "Alegreya",serif;margin-top:50px;margin-bottom:0.7em}#single-portfolio p{max-width:600px}#single-portfolio .thumb{margin:2em 0;display:block}#single-portfolio .thumb img{width:100%;height:auto;box-shadow:0 0 6px rgba(0,0,0,0.3)}#single-portfolio aside{opacity:1;margin-top:70px}#single-portfolio #project-link{font:16px/1 "Calluna Sans",sans-serif;background-color:#e4ede4;padding:4px 0 4px 30px;margin-left:-20px;border-radius:10px;position:relative;opacity:1;font-size:0.8em;display:block;-webkit-transition:color 300ms ease-out;-moz-transition:color 300ms ease-out;transition:color 300ms ease-out;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}#single-portfolio #project-link:hover{background-color:#d6e0d7}#single-portfolio #project-link:before{font:16px/1 "icomoon";position:absolute;top:2px;left:8px}#single-portfolio aside a{display:inline;font-size:1em}#single-portfolio aside p{font-size:1em}#single-portfolio aside .info{padding:14px 0 1px 12px;color:#666}#single-portfolio aside .info p{font-size:0.8em}#single-portfolio aside .info p strong{text-transform:uppercase}#posts-left{margin-left:0}#posts-left article h1{font:26px "Alegreya",serif;margin-left:-1px;line-height:1}#posts-left article h1 a{color:#230411}#posts-left article h2,h3,h4{font:1.2em "Alegreya",serif}#posts-left article h2+p,#posts-left article h3+p,#posts-left article h4+p{margin-top:0}#posts-left article time{color:#749e76;display:block;font-size:0.8em;margin-top:0.25em;margin-bottom:1em;text-transform:uppercase}#posts-left article a.author{display:block;text-transform:uppercase;color:#e6e0e4}#posts-left article{padding-bottom:3em;line-height:1.2}#posts-left article ul,#posts-left article ol{margin-left:2em}#posts-left article li{line-height:1.5;padding-left:8px}#posts-left article p,#posts-left article ol,#posts-left article ul{font-size:18px}#posts-left article p{margin:1.5em 0}#posts-left article pre{max-width:100%;overflow:scroll;margin-bottom:1.5em}h2.empty{font:italic 16px/1 "Alegreya", serif;text-align:center;padding:40px 0;color:#666}#page-nav{padding-bottom:100px;overflow:hidden}#page-nav a{font:1.2em/1 "Arpa";display:inline-block;border:3px solid #230411;padding:0.3em 0.3em 0.2em;border-radius:2em;margin-right:0.4em;color:#230411;padding:0.3em;opacity:0.3;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}#page-nav a:hover{opacity:1}#page-nav a:visited{color:#230411}#page-nav .nav-next{float:left}#page-nav .nav-previous{float:right}.single article h1{font-size:16px;margin:0}#posts-left img.block{width:100%;height:auto}#sidebar{width:65%;margin-left:15%;position:relative}#sidebar h2{font:italic 1em/1.5 "Alegreya", serif;white-space:nowrap}#sidebar h2:first-of-type{margin-top:30px}#sidebar ul{margin:0}#sidebar ul li{list-style-type:none;margin:0 0 0.4em;line-height:1.3;letter-spacing:-1px}#sidebar ul li.widget{padding-bottom:20px}#sidebar .current-cat a{background-color:#749e76;color:white;display:inline-block;padding:2px 4px 1px;margin-left:-4px}#sidebar .current-cat a:hover{background-color:#230411}#infscr-loading{text-align:center}#searchform{margin:0}#s{position:absolute;background-color:#fff;display:block;padding:4px 32px 4px 12px;margin:0 -8px;border-radius:24px;border:1px solid #e6e0e4;box-shadow:0 0 3px rgba(0,0,0,0.1);opacity:0.4;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}#s:focus,#s:hover{opacity:1;box-shadow:0 0 4px rgba(116,158,159,0.3);outline:none}#searchsubmit{position:absolute;z-index:5;right:20px;border:none;width:22px;background:none;padding:8px 8px;margin:0;font:14px/1 "icomoon"}#searchsubmit:before{font:14px/1 "icomoon";display:block}#searchsubmit:active{margin:1px -1px -1px 1px}#about-author{margin-top:50px;padding:20px 25% 20px 0;border-top:1px solid rgba(0,0,0,0.1);font:italic 14px/1.5 "Alegreya", serif;color:#888}#skills{width:100%;display:table;padding-top:200px;border:1px dashed rgba(0,0,0,0.1);border-radius:16px;padding:0}#skills #pic{border-radius:16px 16px 0 0;background:url("img/drew.jpg") no-repeat 20% 50%;background-size:cover;width:100%;height:400px}#skills #span>div{display:table-cell;vertical-align:top;margin-top:400px}#bio{width:40%;border-radius:0 0 16px 0;background:rgba(0,0,0,0.05);font:15px/1.3 "Alegreya", serif;padding:30px 0;height:100%}#bio p{padding-left:38px;width:80%}#bio p em{font:italic 1em/1 "Alegreya", serif}#creative,#technical{padding:40px 0;margin:0;width:30%}#skills h2{text-align:center;font:16px/1 "Calluna Sans", sans-serif;text-transform:uppercase;margin-bottom:20px}#skills h4{color:#749e76;font:14px/1 "Calluna Sans", sans-serif;text-shadow:0 0 2px white}#skills .hex{position:relative;height:220px}#creative .hex{background:url("img/creative.png") no-repeat center 20px}#technical .hex{background:url("img/technical.png") no-repeat center 20px;border-left:1px dotted rgba(0,0,0,0.1)}#skills .one{text-align:center}#skills .two,#skills .three,#skills .five,#skills .six{position:absolute;width:24%;padding:6px;text-align:center}#skills .two{top:50px;right:0}#skills .three{top:140px;right:0}#skills .four{position:absolute;top:195px;width:100%;text-align:center}#skills .five{top:140px;left:0}#skills .six{top:50px;left:0}#skills h3{font:16px/1.5 "Calluna Sans", sans-serif;color:rgba(0,0,0,0.5)}#skills .special{font-size:14px;padding-left:25%}#contact-page h1{font-size:24px;margin-top:40px}#contact-form{width:100%;margin-top:10px;position:relative;overflow:hidden}#contact-form #form-table{display:table;width:100%;margin:0;padding:0;border:none}#contact-form #form-status{width:100%;display:block;padding:20px 0;font-size:14px;display:none}#contact-form #form-status .red{color:#d94128}#contact-form #form-table div{display:table-cell;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-right:10px}#contact-form input,#contact-form textarea{border:2px solid rgba(35,4,17,0.3);border-radius:0;background-color:white;padding:15px;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;border-color:rgba(35,4,17,0.3);-webkit-transition:border 300ms ease-in;-moz-transition:border 300ms ease-in;-o-transition:border 300ms ease-in;-ms-transition:border 300ms ease-in;transition:border 300ms ease-in}#contact-form input:focus,#contact-form textarea:focus{box-shadow:none;border-color:#230411}#contact-form #form-left input{height:50px;font-size:16px}#contact-form #form-cener{width:60%}#contact-form #form-center textarea{display:block;height:116px;box-sizing:border-box}#contact-form #form-right{width:15%;padding:0}#contact-form #send{height:99px;box-sizing:border-box;width:95%;margin:8px 0 8px 8px;text-transform:capitalize;border:1px solid white;outline:8px solid #230411;background:#230411;color:white;-webkit-appearance:none;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}#contact-form #send:hover{opacity:0.9}#contact-form #send:active{background-color:black;outline-color:black}#contact-form #form-overlay{position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.4) url("img/ajax-loader.gif") no-repeat center center;z-index:10;display:none}.wp-caption{width:100%;padding:10px;text-align:right;font-size:0.75em;margin-left:-10px;background-color:#fff;border:1px solid #e6e0e4;border-radius:4px}.wp-caption p{margin:0}#lunchrush{display:none}@media only screen and (min-width: 48em){#lunchrush{display:block;position:fixed;top:-1000%;left:0;width:100%;height:100%;z-index:4;background:rgba(0,0,0,0.6) url("img/airship.jpg") no-repeat center center;background-size:cover;text-align:center}#lunchrush:before{content:url("/atsui/wp-content/themes/dango/img/lunchrush.gif");position:absolute;left:-1000%;top:-1000%;width:1px}#lunchrush div{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-repeat:no-repeat;background-position:0 0;background-size:cover}#lunchrush #strike{z-index:6;background-color:black;background-image:url("img/strike.jpg")}#lunchrush #special{z-index:5;background-color:blue;background-image:url("img/special.jpg")}#lunchrush img{position:absolute;left:0;z-index:8;opacity:1;width:100%;height:auto;max-height:100%}}@media only screen and (max-width: 48em){#logo{text-align:center;padding:0;font-size:104px;height:130px}#head{height:auto}#top-navigation ul{padding-bottom:30px}#top-navigation ul li{padding:0}#top-navigation ul li a{padding-left:0;text-align:left;font-size:15px}#top-navigation ul li a:before{font-size:24px;margin-top:3px;margin-right:6px}#top-navigation #nav-b{padding-left:10px}#top-navigation #nav-c{padding-top:2px}#top-navigation #nav-c a:before{margin-top:3px;font-size:24px}#portfolio .piece{margin-bottom:20px}#single-portfolio #portfolio-banner{margin:0 -2em 2em 0;padding:0;width:100%;height:20px}#single-portfolio aside{padding-top:30px}#single-portfolio #project-link{border-radius:0;font-size:18px;padding:12px 12px 12px 50px;margin:0}#single-portfolio #project-link:before{font-size:24px;top:8px;left:12px}#posts-left article p{font-size:1em}#contact-page #pic{height:250px}#contact-page #skills #creative,#contact-page #skills #technical{display:block;width:100%;margin-top:0}#contact-page #bio{border-radius:0 0 16px 16px}#contact-form #form-table div{display:block;width:auto}#contact-form #form-right{margin-top:40px}}