/**
 * gerais
 */
body { background-color:#303030; font-size:1em; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
p { line-height:1.4em; }
header h1 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;    
    color:#C9C7C4;
    font-size:5em;
    padding:0px 16px 0px 0px;
    text-align:right;
    text-shadow: -1px 1px 2px #9D9D9D;
    z-index:1;
}
    header h1 a{
        color:#C9C7C4;
    }
    header h1 a:hover{
        color:#C9C7C4;
        text-decoration:none;
    }
    header h1 span{
        color:#77787A;
        display:block;
        font-size:0.6em;
        height:40px;
        text-shadow: -1px 1px 1px #9D9D9D;
    }
header small{
    display:block;
    margin:0px 20px 5px 0px;
    text-align:right;
    z-index:-1;
}
    header small a.translate{
        background: transparent url(/images/us.png) no-repeat center right;
        color:#C9C7C4;
        right:100px;
        font-size:1em;
        padding-right:20px;        
    }
    header small a.translate:hover{
        text-decoration:underline;
    }
    header small a.translate.pt{
        background-image: url(/images/br.png);
    }    

/**
 * estrutura
 */
div#about, div#findMe, div#shout{
    background:transparent url(/images/bck01.jpg) no-repeat center top;
    height:308px;
    float:left;
    font-size:0.8em;
    padding:10px 20px;
    margin:0px 0px;
    width:276px;
}
    div#about a{
        text-decoration:underline;            
    }
div#findMe{
    background:transparent url(/images/bck02.jpg) no-repeat center top;
}
div#shout{
    background:transparent url(/images/bck03.jpg) no-repeat center top;
    height:308px;
    overflow:hidden;
}
div#about h2, div#findMe h2, div#shout h2, div#error404 h2{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.6em;
    font-weight:bold;
    margin-bottom:5px;
    text-shadow: -1px 1px 1px grey;
}
div#findMe ul, div#shout ol{
    font-size:1.1em;
    font-weight:bold;
    list-style:none inside;
    margin:0px;
    padding-left:0px;  
}
div#findMe ul li, div#shout ol li{
    background:transparent url(/images/rss.png) no-repeat left center;
    height:35px;
    padding-left:35px;
    margin:7px 0px;
}
div#findMe ul li a{
    display:block;
    font-size:0.9em;
    font-weight:normal;
    margin-top:-5px;
}
div#findMe ul li.blog{background-image:url(/images/rss.png);}
div#findMe ul li.email{background-image:url(/images/email.png);}
div#findMe ul li.twitter{background-image:url(/images/twitter.png);}
div#findMe ul li.github{background-image:url(/images/github.png);}
div#findMe ul li.linkedin{background-image:url(/images/linkedin.png);}
div#findMe ul li.delicious{background-image:url(/images/delicious.png);}
div#findMe ul li.facebook{background-image:url(/images/facebook.png);}
div#findMe ul li.lastfm{background-image:url(/images/lastfm.png);}
div#findMe ul li.linkedin{background-image:url(/images/linkedin.png);}

div#shout ol li{
    background:transparent url(/images/twitter.png) no-repeat left 2px;
    font-size:0.9em;
    font-weight:normal;
    height:29px;
    line-height:1.1em;
    margin-bottom:10px;
    padding-top:3px;
    overflow:hidden;
    width:235px;
}
div#shout ol.blog li{
    background:transparent url(/images/rss.png) no-repeat left 2px;    
}

div#error404{
    background:transparent url(/images/bg_error404.jpg) no-repeat top left;
    height:493px;
    margin-left: 125px;
    padding:10px 40px;
    width:628px;
}
div#error404 h2{
    font-size: 2em;
    margin-top:40px;
}
div#error404 p{
    font-size: 1.2em;
    margin: 60px 0px 0px 20px;
    text-align: justify;
    width:380px;
}
div#error404 p a.panic{
    display:block;
    font-size:2.9em;
    font-weight:bold;
    line-height: 1em;
    margin:60px 0px 0px 0px;
    text-shadow: -2px 2px 2px grey;
}
div#error404.pt p a.panic{
    margin-top:40px;
    width:335px;
}

footer{
    color:#C9C7C4;
    margin:20px 0px;
    text-align:center;
}
footer small{ 
    font-size:0.8em;
}
footer a{ color:#C9C7C4; font-style:italic; }
footer a:hover{ color:#C9C7C4; font-style:italic; }