/******************************
*** boxes -- GENERAL
*******************************/
div.movable-box{
  position: absolute;
  display: none;
}

div#box-news{
  left: 20%;
  top: 10%;
  width: 600px;
  height: 600px;
  background: url('../img/bg-news.png');
}
div#box-news div.box-contents{ height: 500px; }

div#box-artists{
  left: 0%;
  top: 0px;
  width: 600px;
  height: 600px;
  background: url("../img/bg-artists.png");
}
div#box-artists div.box-contents{ height: 500px; }

div#box-releases{
  left: 10%;
  top: 20px;
  width: 650px;
  height: 500px;
  background: url("../img/bg-releases.png");
}
div#box-releases div.box-contents{ height: 400px; }

div#box-contact{
  left: 30%;
  top: 20%;
  width: 300px;
  height: 300px;
  background: url("../img/bg-contact.png");
}
div#box-contact div.box-contents{ height: 200px; }

div#box-advertisement{
  top: -75%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  height: 650px;
  background: url("../img/bg-news.png");
}
div#box-advertisement div.box-contents{ height: 520px; }

div.box-contents{
  background: #FFFFFF;
  position: relative;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  cursor: default;
}

div.box-contents a { text-decoration: none; font-weight: bold; }
div.box-contents a:hover { background: #A8A8A8; color: white; }

img { border: none; }
a { 
  text-decoration: none; 
  font-family: arial;
  color: black;
}

div.close-bar{ 
  background-color: red;
  cursor: move;
}
div.close-bar a{
  font-size: 25px;
  font-weight: bold;
  color: white;
}

/*******************************
* news
********************************/
.news-item{
  border-top: 1px dashed #A8A8A8;
  border-bottom: 1px dashed #A8A8A8;
  background: #E6E6E6;
  padding: 3px;
  margin-bottom: 20px;
}
/***
.news-heading{ 
  width: 100%;
  display: table-row;
}
***/
.news-contents{ background-color: white; }
.news-title{ 
  font-weight: bold; 
  width: 50%;
  display: table-cell;
}
.news-date{
  font-style: italic;
  font-weight: normal;
  width: 50%;
  /*** display: table-cell; ***/
  /*** text-align: right; ***/
}

/*******************************
* releases
********************************/
div#box-releases div.box-contents{ background: transparent; }
div.release{
  width: 94%;
  float: left;
  padding: 5px;
  margin-bottom: 20px;
  background: #FFFFFF;
}

div.release a {text-decoration: none; }

div.release img { border: none; }

span.release-title, 
span.release-number, 
span.release-artist{
  font-weight: bold;
  color: #CC0000;
  font-size: 16px;
}

span.release-number{
  margin-left: 10px;
  margin-right: 15px;
}

span.release-artist{ margin-right: 15px; }

span.release-title{ font-style: italic; }

ol.release-tracklisting lh { 
  margin-left: -20px; 
  font-style: italic;
}

span.sample a {
  color: red;
  font-size: 10px;
  padding: 1px;
}


/*******************************
* artists
********************************/
div#box-artists div.box-contents{ background: transparent; }
div.artist{
  width: 95%;
  float: left;
  margin-bottom: 20px;
  background: #FFFFFF;
}

div.artist-name{
  font-weight: bold;
  font-size: 20px;
  background: #FFFF6B;
}

div.image-bar{
  width: 80px;
  float: left;
  margin-right: 10px;
}
div.image-bar img{
  padding-bottom: 3px;
}


/*******************************
* store
********************************/
iframe#store-box{
  width: 800px;
  height: 500px;
}

div#store-container{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

div#store-menu{
/* background: #E7EEF9;*/
  height: 125px;
}

div#store-menu form input{
  float: right;
}

div#store-menu span#links{
  display: block;
  height: 100%;
}

div#footer a#store-home{
  float: left;
}

div#footer a#main-home{
  float: right;
  padding-top: 20px;
}