/****************************************************************************************************

  Filename:    screen.css
  Author:      F.Giorgianni   
  Description: Stylesheet for mouvance-music.com

****************************************************************************************************/



/* GENERAL
****************************************************************************************************/
* { margin: 0; }

html, body  {  }

body
  {
    font-family: "Helvetica Neue", Helvetica, arial,sans;
    background:  url(../img/bg.png);
    padding-bottom: 40px;
  }
  
body.temp
  {
    background: #282828;
  }  

.wrapper 
  {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto ;
  }

/* HEADER
****************************************************************************************************/
#header-temp
  {
    background: url(../img/header-bg-temp.png) repeat-x	462px 0px;
    height:252px;  
  }

#header-temp h1
  {
    width: 462px;
    height: 290px;
    background: url(../img/header-logo-temp.jpg) repeat-x;
    text-indent: -9999px
  }
  
#header
  {
    background: url(../img/header-bg.png) repeat-x	394px 0px;
    height:200px;  
  }

#header h1
  {
    width: 394px;
    height: 256px;
    background: url(../img/header-logo.jpg) repeat-x;
    text-indent: -9999px
  }  
  
/* DEBA
****************************************************************************************************/
#deba
  {
    width:400px;
    height: 300px;
    background: url(../img/deba-cover.jpg) no-repeat;
    margin: 0px auto 0;
  }  
  
#b-itunes
  {
    display: block;
    width: 109px;
    height: 39px;
    float: right;
    margin: 85px 0 0 0;
    text-indent: -9999px;
    background: url(../img/b-itunes.png) no-repeat;
  }  
    
/* NEW SITE
****************************************************************************************************/
#new_site
  {
    font-size: 24px;
    font-weight: 200;
    text-align: center;
    margin: 0 0 40px  0;
    color:#572997;
  }  

/* CONTACT
****************************************************************************************************/
#contact
  {
    text-align: center;
    color:silver;
    font-size:12px;
    font-weight: 200;
  } 
  
/* PLAYER 
****************************************************************************************************/
#content
  {
    width: 800px;
    margin: 0 auto 40px auto;
  }
   
#player_content
  {
    width: 800px;
    margin: 20px auto;
    clear: both;
    float: left;
  }    
  
#player
  {
    float:left;
    background: url(../img/audio-player-bottom.png) no-repeat bottom;
    padding: 5px;
    margin: 0 0 0 0; 
    height: 240px;
  }  
  
#player_gutter
  {
    background: url(../img/audio-player-top.png) no-repeat top;  
    padding: 24px 0 0;
    width: 500px;
    height: 250px;
    float:left;
  }  
  
#item
  {
    width: 280px;
    float:right;
    color:#905996;
    font-size: 11px;
    line-height: 1.3em;
    padding:  0;  
    margin: 0 0 0 10px;    
    position: relative;
    background: url(../img/artist-info-bottom.png) no-repeat bottom;
  }  
  
#item .gutter
  {
    padding: 15px 20px 15px;
    background: url(../img/artist-info-top.png) no-repeat top; 
  }  
  
#item a
  {
    color:white;
    text-decoration: none;
  }  

#item a:hover
  {
    color:white;
    text-decoration: underline;
  }

#item table 
 { padding-bottom:12px; } 
  
#item table tr, #item table td, #item table th
  { vertical-align: middle}  
  
#item table td
  {
    padding: 0 0 0 20px;
  }  
  
#item table td a
  {
    line-height: 1.9em;
    font-weight: bold;
  }  
  
#item h1, #item h2 {color:#905996;}  
#item h1 {font-size: 16px; font-weight:300; margin:0; padding:15px 0; }
#item h2 {font-size: 14px; font-weight:300; /* padding-top:10px */;border-top: 1px solid #1A0D26;;}    
#item h3 {font-size: 14px; margin: 0px;font-weight:300}  

#item .bio
  {
    padding-top: 20px;
  }

#link-itunes
  {
    display: block;
    width: 109px;
    height: 39px;
    margin: 8px 0 20px 0;
    text-indent: -9999px;
    background: url(../img/b-itunes.png) no-repeat;
  } 
  
.inset
  {
    border-bottom: 1px solid #602EA5; 
    border-right: 1px solid #602EA5;
    border-top: 1px solid black; 
    border-left: 1px solid black;
  }  
  
/* NEWSLETTER
****************************************************************************************************/
#newsletter
  {
    display: block;
    width: 220px;
    padding: 0 0 0 10px;
    height: 40px;
    position: absolute;
    top:25px;
    right:10px;
    color:white;
    font-size: 10px;
    padding: 0 10px;
    font-weight: bold;
    background: #602EA5;
    -webkit-border-radius:0.5em;
    -moz-border-radius: 0.5em;
    border: 2px solid white;
    text-align: center;
    line-height: 1.2em;
    font-weight: 400
  }  

#newsletter label
  { padding: 0 0 0px 0; }


#newsletter input
  { width: 130px; margin-top: 4px;}
  
#newsletter h5
  {
    font-weight: 200;
    font-size: 14px;
    text-align: center;
    line-height: 2.8em;
  }  
  
#newsletter button
  {
    border: 0;
    background: #4A2281;
    color: white;
    -webkit-border-radius:0.5em;
    -moz-border-radius: 0.5em;    
  }  
  
#newsletter a
  {
    color:white
  }  
  
/* CoverFlow
****************************************************************************************************/
#coverflow-box
  {
    width: 800px;
    height: 250px;
    background: url(../img/releases-bottom.png) no-repeat bottom;  
    font-weight:200;
    font-size: 16px;
    text-align: center;
    color:#1A0D26;
    float:left;
    font-style: italic;
    margin: 0 0 0px 0;
  } 
  
#coverflow-box .gutter
  {   
    background: url(../img/releases-top.png) no-repeat top;  
  }
  
#coverflow-box span {font-size: 11px; color:#9D8DB3;line-height: 1.2em}  

#coverflow
  { margin: 0 0 px 0; height: 200px;}
    
.caption {font-size:12px; color:white; text-align: center; font-style: normal ;padding: 20px 0 0 0;	font-weight:200;}    

.cover { height: 60px;	}

/* NEWS
****************************************************************************************************/
#news
  {
    width: 500px;
    height: 250px;
    float:left;  
    margin: 20px 0 0 0;
    background: url(../img/news-bottom.png) no-repeat bottom;     
  }
  
#news .gutter
  {
    padding: 15px 1px 15px;
    background: url(../img/news-top.png) no-repeat top;  
  }  
  
#news .content
  { 
    margin-top: 10px;
    padding: 10px 20px 10px 20px;
    overflow:auto;
    height: 190px;
    font-size: 12px;
     color:#7A6F8C;
    font-weight: 300;
    line-height: 1.3em;
  }   
  
#news h1  
  {
    font-size: 16px;
    text-align: center; 
    font-weight:200;
    padding: 10px 0 0 0;
  }
  
#news h2  
  {  
    font-weight:200;
    margin: 0 0 10px 0;
    font-size: 16px;
  } 
  
.news_image
  {
    float:left;
    margin: 0 10px 10px 0;
  }  
  
#news .sep
  {
    text-align: center;
    margin: 0px 0 20px;
    text-indent: -9999px;
    border-bottom: 1px solid #282828;
  }  

/* VIDEO
****************************************************************************************************/
#video
  {
    width: 500px;

    float:left;  
    margin: 20px 0 0 0;
    background: url(../img/video-bottom.png) no-repeat bottom;     
  }
  
#video .gutter
  {
    padding: 35px 1px 20px 35px;
    background: url(../img/video-top.png) no-repeat top;  
  }  
  
#video_content.multiple
  {
    height: 350px;
    overflow: auto;

  }  
  
  

/* CONTACT
****************************************************************************************************/
#contact
  {
    width: 500px;
    float:left;  
    margin: 20px 0 0 0;
    background: url(../img/contact-bottom.png) no-repeat bottom;  
     color: #413153;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.5em;     
    text-align: left;
  }

#contact .gutter
  {
    padding: 35px 20px 15px;
    background: url(../img/contact-top.png) no-repeat top;  
  }
  
#contact a
  { color:#413153; }   

/* FOOTER
****************************************************************************************************/
.push 
  {
    height: 59px;
    width: 800px;
    float: left;
  }

#footer
  {
    width: 800px;
    float:left;
    margin: 0 0 20px 0;
  } 
  
#footer a
  { color:silver; } 
  
#footer .gutter 
  { padding: 10px;}