/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(http://fonts.gstatic.com/s/dosis/v4/guC5lwT5Dw7anV_xfpCGqw.ttf) format('truetype');
}
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(http://fonts.gstatic.com/s/dosis/v4/URSgP3aplSko3CQAzdXHwPesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}
article{max-width:1400px;margin:auto}footer,header{box-sizing:border-box;width:100%;clear:both;padding:1% 2%;float:left}h1{font-size:2em}@media (max-width: 300px){h1{font-size:1.5em}}@media (min-width: 1001px){h1{font-size:2.5em}}h2{font-size:1.5em;font-weight:normal}@media (max-width: 300px){h2{font-size:1.2em}}@media (min-width: 1001px){h2{font-size:2em}}h2 a{display:inline;text-decoration:underline}h3{font-weight:bold;padding:1% 4%}p{margin:1% 4%}a{display:block;height:200px;width:100%;text-decoration:none;color:#000}a:hover{background-color:rgba(255,230,128,0.3)}a:hover time{color:#fc0}@media (max-width: 300px){a{height:auto}}@media (min-width: 301px) and (max-width: 400px){a{height:150px}}@media (min-width: 401px){a{height:200px}}a iframe{bottom:0;left:0;margin:4% 4%;position:absolute;width:100%}@media (max-width: 300px){a iframe{display:none}}body{font-family:"Dosis",sans-serif;margin:0;padding:0}time{top:0;right:0;position:absolute;color:#ccc;padding:1% 2%;background-color:#000}ul#projects{float:left;padding:1%;background-color:#eee}ul#projects .reaktor{background-image:url(reaktor.png);background-position:center}ul#projects .nsn{background-image:url(nsn.png);background-position:center}div#left{float:left;width:70%}@media (max-width: 300px){div#left{float:left;width:100%;clear:left}}@media (min-width: 301px) and (max-width: 400px){div#left{width:50%}}@media (min-width: 401px) and (max-width: 700px){div#left{width:60%}}div#right{float:right;width:29%;margin-left:1%}@media (max-width: 300px){div#right{float:left;width:100%;clear:left}}@media (min-width: 301px) and (max-width: 400px){div#right{width:49%}}@media (min-width: 401px) and (max-width: 700px){div#right{width:39%}}ul#projects>li{position:relative;margin:1%;display:block;float:left;background-color:#fff}ul#projects>li.feed{float:right}ul#projects>li.mugshot{background-image:url(https://secure.gravatar.com/avatar/6e95357e3d1dbede22ce3e3a4d4960fc?s=256);background-position:center}@media (max-width: 300px){ul#projects>li.mugshot{display:none}}ul#projects>li.mugshot .in-logo{width:39px;height:30px;position:absolute;bottom:4%;left:4%}ul#projects>li ul{clear:both;width:100%;padding:1% 4%}ul#projects>li ul li{margin-right:4%;float:left;font-size:0.8em;color:#036;list-style:none}@media (max-width: 300px){ul#projects>li{width:98%}ul#projects>li ul{display:none}ul#projects>li time{font-size:0.6em}}@media (min-width: 301px) and (max-width: 400px){ul#projects>li{width:98%}ul#projects>li li:nth-child(n+2){display:none}ul#projects>li time{font-size:0.7em}}@media (min-width: 401px) and (max-width: 700px){ul#projects>li{width:48%}ul#projects>li li:nth-child(n+3){display:none}ul#projects>li time{top:auto;bottom:0;font-size:1.5em;background-color:transparent;display:block;text-align:right}}@media (min-width: 701px) and (max-width: 1000px){ul#projects>li{width:31%}ul#projects>li li:nth-child(n+4){display:none}ul#projects>li time{top:auto;bottom:0;font-size:2.5em;background-color:transparent;display:block;text-align:right}}@media (min-width: 1001px){ul#projects>li{width:23%}ul#projects>li h3{font-size:1.2em}ul#projects>li p{clear:both}ul#projects>li time{top:auto;bottom:0;font-size:3em;background-color:transparent;display:block;text-align:right}}