body{margin:0;background:#6DA623 url(img/ground.png) repeat-x 0 140px;padding:0 0 2em;text-align:center;font:110%/1.3em Arial;color:#fff;}
html{height:100%;}
#logo{line-height:0;background:#fff;margin:0 0 0 -1.2em;padding:40px 0 0;}
#logo img{border:0;}
h2{font-size:1.6em;margin:0 0 0.3em;}
h3{font-size:1em;margin:0;}
#content li{margin-bottom:2.6em;}
.js #content{position:absolute;width:100%;left:0;}
.js #content div{position:absolute;left:0;width:100%;top:3em;}
#content div h1{font:normal 1.5em verdana;margin:0 0 1em;padding-top:0.8em;}
.js #content div h1{width:33%;position:absolute;left:0;top:-4.4em;cursor:pointer;}
.js #content #people h1{left:0%;}
.js #content #projects h1{left:66%;}
.js #content #docs h1{left:50%;}
.js #content #works h1{left:75%;}
.js #content div h1:hover span{border-bottom:0.08em dotted #ea3d00;border-color:#6da623;}
#content div h1 span{bborder-bottom:0.08em dotted #bae050;padding:0 0 0.05em;position:relative;color:#bae050;}
.js #content ul{display:none;}
.js #content div.active ul{display:block;}
#content div.active h1 span{border-color:#ea3d00;color:#6da623;ccolor:#fff;}
#content div img{border-color:#bae050;}

#projects .description{font-size:0.9em;margin:1em 10% 1em;line-height:1.2em;}
#projects img{margin-top:0.3em;}
.js #projects li:first-child{margin-left:25%;}

#docs ul li{text-align:left;width:35%;margin-left:50%;font-size:90%;_display:inline;position:relative;}
#docs .note{width:20em;position:absolute;left:-22em;text-align:right;}

ul{overflow:hidden;}
.js li{float:left;width:25%;font-family:Tahoma;}
.js #people li{width:25%;}
.js h2,.js h3{font-family:Arial;}

ul{list-style:none;margin:0;padding:0;}
dl{margin:1em 0 1em;line-height:1.5em;}
dt{float:left;display:inline;clear:left;width:50%;text-align:right;padding-right:0.3em;margin-left:-3em;}
dd{text-align:left;mmargin-left:-10em;}
a{color:#fff;text-decoration:none;color:#BAE050;}
a:hover{text-decoration:underline;}
p{margin:0 0 2em;}