/*
     Hover Boxes
     Made by Unzo
     http://unzo.tumblr.com/
*/

.unzo{
    z-index:1;
    position:fixed;
    cursor:default;
}

#statstab, #musictab{
    z-index:1;
    overflow:hidden;
    position:relative;
    opacity:1;

    width:66px;
    height:18px;

    margin:0 0 3px;
    padding:5px 0 3px;

    border-radius:2px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#stats, #music{
    z-index:999;
    overflow:hidden;
    position:relative;
    opacity:0;

    width:50px;

    padding:0 8px 8px;

    font-family:'Calibri', sans-serif;
    font-size:9px;
    line-height:185%;
    text-transform:uppercase;
    text-align:center;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#music{
    top:-2px;
    line-height:150%;
}

.tabcontent{
    position:fixed;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tabtitle{
    position:absolute;

    width:66px;

    font-family:'Calibri', sans-serif;
    font-size:9px;
    text-transform:uppercase;
    text-align:center;
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tabcontent:hover .tabtitle{
    opacity:0;
}
    
.tabcontent:hover #music, .tabcontent:hover #stats{
    opacity:2;
}

#favestab{
    z-index:1;
    overflow:hidden;
    position:relative;
    opacity:0.8;

    width:66px;
    height:20px;

    padding:5px 0 3px;

    font-family:'Calibri', sans-serif;
    font-size:9px;
    line-height:150%;
    text-transform:uppercase;
    text-align:center;

    border-radius:2px;
    
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

#favestab .title{
    line-height:20px;
}