/* fonts
--------------------------------------------*/
@font-face {
    font-family: 'mozTT';
    src: url('../fonts/moztt_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mozTT';
    src: url('../fonts/moztt_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'mozTT';
    src: url('../fonts/moztt_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


/* global
--------------------------------------------*/
html, body { width:100%; height:100%; padding:0; margin:0; text-align:center; font:normal 12px "mozTT", sans-serif; overflow:hidden; color:#fff; }
body { width:480px; height:320px; position:relative; background:#2E2B46 url(../images/bg.png); }


/* home
--------------------------------------------*/
header { height:70px; margin:10px auto 40px; }
#menu { position:absolute; bottom:-5px; left:110px; margin:0 auto; padding:0; text-align:center; }
#menu a:link, #menu a:visited, #menu a:hover { text-decoration:none; outline:none; }
#main { display:block; width:450px; height:100px; margin:20px auto 0; padding:0; }
#main img { max-width:100%; }
#main a:link, #main a:visited, #main a:hover { text-decoration:none; color:#fff; width:75px; display:block; float:left; outline:none; }


/* player
--------------------------------------------*/
.player header { height:45px; margin:0; text-align:right; }
#clip { margin:0; padding:0; }


/* album
--------------------------------------------*/
.album #splash { position:absolute; top:0; left:0; z-index:2000; }
.album header { width:100%; height:45px; margin:0; text-align:right; position:absolute; z-index:1000; }
.album header a { float:right; outline:none; }
.album #main { width:100%; height:100%; padding:0; margin:0; text-align:left; background:url(../images/album/album-bg.png); }
.album #main ul.thumbs { margin:0 0 0 -20px; padding-top:70px; text-align:left; }
.album #main ul.thumbs li { list-style:none; display:inline-block; margin:0 0 5px 15px; padding:0; }
.album #main ul.thumbs li a:link,
.album #main ul.thumbs li a:visited { display:block; padding:5px 5px 1px; background:#fff; box-shadow:0px 0px 2px 0px #87817E; }
.album footer { width:100%; height:45px; bottom:0; margin:0; text-align:center; position:absolute; z-index:2000; }
.album footer span { outline:none; }


/* info
--------------------------------------------*/
.info header { height:70px; margin:10px auto 30px; text-align:center; }
.info header a { float:right; outline:none; }
.info header .galinha { margin-left:45px; }
#text { margin:0; padding:10px 20px 20px; background:#2E2B46; text-align:left; }
#text span { color:#f30;}
#text .galinha { cursor:pointer; outline:none; }
.info footer { position:absolute; width:100%; height:75px; bottom:0; background:#fff; }
.info footer .bromelia { float:left; margin:7px 0 5px 20px; cursor:pointer; outline:none; }
.info footer .zeroum { float:right; margin:20px 20px 5px 0; cursor:pointer; outline:none; }


/* mais apps
--------------------------------------------*/
.mais header { width:100%; height:45px; margin:0; text-align:right; position:absolute; z-index:1000; }
.mais header a { float:right; outline:none; }
.mais #mais { width:100%; height:100%;}
