/* CSS Document */

body {background-color:#151515; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%; color:#ccc; margin:0; padding:0;}
h1 {/*background-color:#000;*/ margin-bottom:0; margin-top:20px; padding:10px 0 5px 30px;}
h2 {font-size:0.95em; color:#fff; text-transform:uppercase; letter-spacing:0.05em; clear:left; margin:20px 0;}
h3 {font-size:1em;}
a {color:#9f6; outline:none;}
img {border:none;}
p em {font-style:italic; letter-spacing:0.1em; color:#fff;}

ul.work, ul.work li {margin:0; padding:0; list-style:none;}
ul.work li {float:left; width:120px; height:90px; margin: 0 3px 3px 0;}
ul#year li{width:240px; height:auto; margin:0 6px 6px 0;}
ul#year h2 {margin-bottom:3px;}
.clearboth {clear: both;}

p.year a {text-decoration:none; color:#ccc;}
p.year a:hover {color:#6cf;}
p.year a.on {color:#6cf;}

.content {line-height:1.7em; color:#999; /*width:90%;*/ padding:20px 40px 30px 40px;}
#footer {padding:10px 30px; border-top:#444 solid 1px;}


/*Buttons*/
#buttonContainer {display:block; height:23px; padding:0 0 0 40px; border-bottom:#444 solid 2px;}
#buttonContainer img {margin:0 10px 0 0;}
.button {float:left;}
#home, #works, #statement, #cv, #contact {margin:0px 10px 0 0; text-indent: 10000px; overflow: hidden; display: block; background:top left no-repeat;}
#home:hover, #works:hover, #statement:hover, #cv:hover, #contact:hover {background-position: bottom left;}
#home{height: 14px; width: 44px; background: url(../images/home.gif) top left no-repeat; } 
#works{height: 14px; width: 58px; background-image: url(../images/works.gif);}
#statement{height: 14px; width: 152px; background-image: url(../images/statement.gif);} 
#cv{height: 14px; width: 21px; background: url(../images/cv.gif) top left no-repeat;} 
#contact{height: 17px; width: 339px; background-image: url(../images/contact.gif);}