/* 
    Document   : Fantastic-live
    Created on : Sep 21, 2011, 10:31:08 AM
    Author     : Dj P@uL
    Description:
        CSS pentru pagina de live a RadioFantastic
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{background: #333;}

a {
    text-decoration:none;
}
#main {
    width:100%;
    height:550px;
    margin:0 auto;    
}
#fantastic-head{
    width:100%;
    height:130px;
    background: url('/live/img/head-fantastic.png') no-repeat;
}

#fantastic-body{
    width:100%;
    height:410px;
    background: url('/live/img/bg-grad.png') repeat-x;
    padding-top:10px;
}

#headivs {
    height:130px;
    width:100%;
    overflow:hidden;
}

.fantastic-link {
    float:left;
    width:150px;
}
.fantastic-leader {
    height: -90px;
    margin: 3px 0 0 180px;
    position: absolute;
    width: -728px;
    z-index: 9999;
}

#last10{
    background: url('/live/img/last10_casti.png') no-repeat;
    width:266px;
    height:390px;
    float:left;
    padding-left:20px;
   display:inline;
}

.player{
    margin-top:50px;
    margin-left:90px;
}

#last10 h3{
    font-family: 'LucidaGrandeBold', Arial;
    font-size:14px;
    padding:0 15px 3px 15px;
}

#last10 ul{
    list-style-type: none;
    list-style-position: inside;
}

last10 ul li{
    display:block;
}

#last10 li.song{
    font-family: 'LucidaGrandeRegular', Arial;
    font-size:13px;
    width: 230px;
    display:block;
    margin:8px;
    padding-left:10px;
    padding-right:5px;
}


#last10 textarea{
    padding:2px;
    border:1px solid #9aa369;
    width:230px;
    margin-left:15px;
    height:15px;
    font-size:12px;
}

#last10 button{
    margin:3px 0 0 15px;
    background:url('/live/img/copy-embed.png') no-repeat;
    font-size:11px;
    border:0;
    width:106px;
    height:18px;
}

#last10 a#asculta{
    display:block;
    margin: 5px 0 0 15px;
    background: url('/live/img/asculta-in-winamp_.png') no-repeat;
    width:230px;
    height:42px;
    text-indent: -9999px;
}
.facebook{
    width:0 300px;
    float:left;
    height:0 483px;
    margin:7px 0 0 15px;
}

#facebook-widget{
    width:0 620px;
    height:0 480px;
    overflow:hidden;
    float:left;
}