/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote,  pre, form, fieldset, table, th, td, img, label{ 
margin: 0; 
padding: 0; 
border: 0;
}

/* Basic */
body{
background: #1d1d1b url(/img/background.jpg) repeat-x;
}
body, p, div{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #605f5f;
}
a{
color: #605f5f;
text-decoration:none;
}
a:hover{
color: #000000;
}
h1{
font-size: 22px;
font-weight: 400;
}
h2{
font-size: 16px;
font-weight: 200;
}
h3{
font-size: 14px;
font-weight: bold;
}
h4{
font-size: 10px;
font-weight: normal;
}
#wrapper{
width: 900px;
margin: auto;
}
#main{
width: 900px;
background: #ffffff url(/img/background-main.jpg) repeat-x;
}
.clear{
clear: both;
overflow: hidden;
}
.clearleft{
clear: left;
overflow: hidden;
}
.clearright{
clear: right;
overflow: hidden;
}

/* Header */
#header{
width: 900px;
height: 104px;
}
#logo{
float: left;
margin-top: 39px;
width: 132px;
height: 29px;
}
#logoname{
float: right;
margin-top: 40px;
width: 99px;
height: 28px;
}
#blueborder{
height: 6px;
background: #b3d5d4;
border-bottom: 1px solid #FFF;
}

/* Footer */
#footer{
padding: 24px;
width: 852px;
margin-top: 70px;
border-top: 1px solid #e2e2e2;
background: #f4f4f4;
}
#footerleft{
width: 413px;
float: left;
line-height: 1.4em;
text-align:justify;
}
#footerleft a{
border-bottom: 1px solid #e2e2e2;
}
#footerright{
width: 422px;
float: right;
}
#footerright ul{
width: 275px;
list-style: none;
overflow: hidden;
}
#footerright li a {
text-decoration: none;
color: #605f5f;
padding: 10px 5px 10px 35px;
display: block;
font-size: 12px;
font-weight: bold;
}
.icon-email{
background: url(/img/icon-email.png) no-repeat 9px 10px;
}
.icon-email a:hover{
background: url(/img/icon-email.png) #eeeeee no-repeat 9px 10px;
}
.icon-twitter{
background: url(/img/icon-twitter.png) no-repeat 9px 10px;
}
.icon-twitter a:hover{
background: url(/img/icon-twitter.png) #eeeeee no-repeat 9px 10px;
}
.icon-flickr{
background: url(/img/icon-flickr.png) no-repeat 9px 10px;
}
.icon-flickr a:hover{
background: url(/img/icon-flickr.png) #eeeeee no-repeat 9px 10px;
}
.icon-facebook{
background: url(/img/icon-facebook.png) no-repeat 9px 10px;
}
.icon-facebook a:hover{
background: url(/img/icon-facebook.png) #eeeeee no-repeat 9px 10px;
}
.icon-lastfm{
background: url(/img/icon-lastfm.png) no-repeat 9px 10px;
}
.icon-lastfm a:hover{
background: url(/img/icon-lastfm.png) #eeeeee no-repeat 9px 10px;
}

/* Projects */
#projects{
width: 852px;
}
ul.projectlist{
width: 900px;
list-style: none;
overflow: hidden;
}
ul.projectlist li {
width: 413px;
float: left;
margin-left: 24px;
margin-top: 24px;
padding-right: 2px;
overflow: hidden;
}
.projectimage {
width: 413px;
height: 218px;
overflow: hidden;
}
.projectinfo{
width: 377px;
height: 182px;
padding: 18px;
background: url(/img/blackop.png);
color: #FFF;
overflow: hidden;
display: none;
}
.projectinfo p{
color: #FFF;
font-size: 11px;
margin-top: 0px;
padding-top: 0px;
}
.projectinfo a{
color: #999999;
}
.projectinfo a:hover{
color: #FFF;
}
.projectbox{
width: 393px;
padding: 10px 10px 0px 10px;
}
.projectoptions{
float: right;
}
a .projectlink, a:visited .projectlink, a:active .projectlink{
font-size: 22px;
font-weight: 400;
color: #605f5f;
text-decoration: none;
}
a:hover .projectlink{
color: #605f5f;
text-decoration: none;
background: #DAEBEB;
}
a .projectlink2, a:visited .projectlink2, a:active .projectlink2{
font-size: 16px;
font-weight: 200;
color: #605f5f;
text-decoration: none;
}
a:hover .projectlink2{
color: #605f5f;
text-decoration: none;
background: #DAEBEB;
}
a.button, a.buttonmi, label {
display: block;
width: 100px;
height: 18px;
color:#797979;
padding-left: 26px;
padding-top: 4px;
text-decoration: none;
background:url(/img/button.png) no-repeat 0px 0px;
font-size: 11px;
margin-bottom: 1px;
}
label{
display: none;
}
a.button:hover, a.buttonmi:hover {
background:url(/img/button.png) no-repeat 0px -22px;
}