*{
    margin:0;
    padding:0;
    font:normal 100% verdana, helvetica, sans-serif;
}
body{
    background:#000;
    color:#eee;
}
a, img {
    border:none;
    outline:none;
}
ul {
    list-style:none;
}
#header{
    
}
#header h1{
    background:url("../images/logo.jpg") no-repeat center;
    padding:40px 0;
    text-indent:-9000px;
    color:#fff;
}
#header h2{
    background:url("../images/bar.jpg") no-repeat center;
    padding:26px 0;
    text-indent:-9000px;
    color:#fff;
}
#content{
    width:800px;
    height:1190px;
    float:center;
    margin:0 auto 0;
    padding: 0 0 50px 0;
}
#about{
    background:url("../images/aboutme.jpg") no-repeat left center;
    float:left;
    width:100%;
    text-indent:-9000px;
    padding:20px 0;

}
#descricaoresume{
    float:left;
    width:100%;
    font-size:0.8em;
}
#works{
    float:left;
    width:100%;
    min-height:500px;
    padding:0 0 40px 0;
    border-bottom:1px solid #E8044A;
}
#works h3{
    background:url("../images/works.jpg") no-repeat left center;
    float:left;
    width:100%;
    text-indent:-9000px;
    margin:30px 0 0 0;
    padding:20px 0;
}
#works h4{
    float:left;
    width:100%;
    padding:5px 0 0;
    text-indent:-29000px;
}

#publishedworks{background:url("../images/pw.jpg") no-repeat left center;}
#illustrations{background:url("../images/il.jpg") no-repeat left center;}
#colorings{background:url("../images/col.jpg") no-repeat left center;}
#works ul{
    float:left;
    padding:5px;
}
#works ul li{
    float:left;
}
#works ul li a{
    display:block;
    margin:3px;
    border:2px solid #666;
}
#works ul li a:hover{
    border:2px solid #006375;
}
#works ul img{
    background:#444;
    display:block;
    width:78px;
    height:57px;
    padding:3px;
}
#works ul img:hover{
    background:#eee;
    
}
#sketchblog ul li{
    width:100%;
    font-size:0.8em;
    float:left;
    
}
#sketch{
    float:left;
    width:100%;
    font-size:0.8em;
    
}
#contact{
    float:left;
    width:100%;
    height:160px;
    padding:0px 0 0 0;
    border-top:1px solid #F5A5C1;
}
#contact h3{
    float:left;
    width:80%;
    margin:5% 0 0 20px;
    padding:5px;
    background:url("../images/conta.jpg") no-repeat left center;
    text-indent:-9000px;
}
#contact a{
    float:left;
    color:#0099FF;
    font:900 1.3em tahoma;
    text-decoration:none;
    margin:0 0 0 20px;
    padding:18px 10px;
}
#contact a:hover{
    color:#fff;
    text-decoration:underline;
}
#contact img{
    background:#666;
    float:left;
    height:70%;
    padding:5px;
    border:1px solid #aaa;
}
#footer{
    width:100%;
    height:108px;
    background:#43484E url("../images/bottom-tit.jpg") no-repeat top;
    padding:15px 0 0 0;
    position:fixed;
    bottom:0;
    border-top:3px dashed #ddd;
    
}
#footer ul{
    margin:22px auto 0;
    width:800px;
}
#footer ul li{
    float:left;
}
#footer ul li a{
    display:block;
    margin:0px 7px;
}
#footer ul img{
    display:block;
    height:50px;
}