html{
  font-size: 100%;
  background: url(../../images/bg.png) repeat fixed;
}

body{
  color: #000000;
  font-family: "Trebuchet MS";
  font-size: 11px;
  text-align: center;
  font-size: 1em;
  padding: 0;
  margin: 0;
}

#wrapper{
  background: url(../xmas/img/footer-bg.png) no-repeat 50% 100%;
  position: relative;
  width: 625px;
  padding: 0 50px 80px;
  text-align: left;
  margin: 0 auto;
}

#content{padding: 0.5em 1.5em 0;background: url(../xmas/img/gradient-bg.png) repeat-y 50% top;}
#IE6 #content{background: #fff;}
/* basic */
h1{
  font-size: 2.2em;
  margin: 0 0 1em;
  padding: 0 0 0.3em;
  border-bottom:0.2em dashed;
}

h2{
  font-size: 2em;
  margin: 0.5em 0;
  padding: 0 0 0.2em;
}

h2 span{position:absolute;left:-9999px;}
h2 strong{display:block;font-size:0.6em;}

p,ul{margin: 0 0 1em;}

p{
  font-size: 0.9em;
  line-height: 1.4em;
  padding: 0 0 0 1em;
}

li{
  font-size: 0.9em;
  line-height: 1.4em;
}


a {
  text-decoration: underline;
  color: #9966FF;
}
a:hover {
  text-decoration: none;
  color: #9966FF;
}

small{font-size:0.6em;}

/*artists*/
ul.thanklist{
  border-top: 0.1em dashed;
  border-bottom: 0.1em dashed;
  padding: 0.5em 0;
  text-align: center;
}

ul.thanklist li{
  display: inline-block;
  background: url(../xmas/img/artist-list-bullet.png) no-repeat left 50%;
  padding: 0 0 0 20px;
}

ul.thanklist li.inline{display:block;background-position:0 0;text-align:left;}

#IE6 ul.thanklist, #IE7 ul.thanklist { zoom: 1; }
#IE6 ul.thanklist li, #IE7 ul.thanklist li{ float: left; }

/* nav */
ul#downloads{
  clear: both;
  text-align: center;
}

ul#downloads .all a {
  display: block;
  background: url(../knlalb/img/heartlogo.png) no-repeat 50% 0;
  padding: 152px 0 0 0;
}

/* footer */
#footer{
  margin: 0 auto;
  padding: 20px 0 0;
  text-align: center;
  background: #fff;
  width: 615px;
  
}

#footer h2{
  width: 500px;
  margin: 0 auto 0.5em;
  border-bottom:0.1em dashed;
}

/* release list */
#release-list{margin:0 0 20px;}
#release-list{overflow:hidden;}
#content #release-list dl{float:left;margin:5px 21px;width:150px;text-align:center;padding:0;}
#content #release-list dd{border:none;margin:0;padding:0;}
#release-list dd img{display:block;margin:0 auto;border:2px solid #F5C8EB;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow: #FFbfEe 0 1px 10px;-moz-box-shadow: #FFbfEe 0 1px 10px;-webkit-box-shadow: #FFbfEe 0 1px 10px;}
#release-list dt{display:none;}

/* def list */
#prez{text-align:center;padding:0;margin:20px auto;}
#prez span{
  background:#fff;
  display:inline-block;
  padding:10px;
  font-style:italic;
  font-weight:bold;
  border:1px dashed #FF8EE6;
  text-align:center;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  box-shadow: #FF8EE6 0 1px 3px;
  -moz-box-shadow: #FF8EE6 0 1px 3px;
  -webkit-box-shadow: #FF8EE6 0 1px 3px;
}

#content strong{font-weight:bold;}
#content em{font-style:italic;}
#content dl{
  padding:0 0 0 1em;
}
#content dt{
  font-size:1.3em;
  font-weight:bold;
  margin:0 0 0.5em;
}

#content dd{
  border-left:6px solid #FFD2F5;
  padding:0 0 0 6px;
}

/* gallery */
#gallery{
  width: 500px;
  height: 500px;
  margin: 10px auto 20px;
  overflow: hidden;
  position: relative;
  border: 2px solid #FF8EE6;
}

#galleryList li{
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: none;
  height: 500px;
  width: 500px;
}

#galleryList li img {width: 500px;}

#galleryList li.active{
  display:block;
  z-index: 50;
}

#galleryList .infos{
  position:absolute;
  bottom: 0;
  left: 0;
  width: 500px;
  height: 26px;
  background: url(../xmas/img/bg-gallery.png) no-repeat 50% 100%;
  z-index: 50;
}

#IE6 #galleryList .infos{background:#FF8EE6;height: 25px;filter:alpha(opacity=20);}

#galleryList .content{
  position:absolute;
  bottom: 0;
  left: 0;
  width: 500px;
  height: 25px;
  z-index: 60;
}

#galleryList .content p{
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  line-height: 25px;
  color: #000;
  font-variant: small-caps;
}

#galleryNav { 
  position: absolute; 
  top: 0; 
  right: 24px; 
  height: 26px;
  z-index: 100;
  margin: 0;
  padding: 0 16px 0 0;
  z-index: 100;
}

#galleryNav li {
  float: left;
  position: absolute;
}

#galleryNav li.next { right: 0; }
#galleryNav li.previous { right: 24px; }

#galleryNav li a { 
  display: block;
  height: 26px;
  width: 20px;
  top: 0;
  text-indent: -5000px; 
  overflow: hidden;
}

#galleryNav li.next a { background: url(../xmas/img/nextButton.png) no-repeat 0 0; }
#galleryNav li.previous a { background: url(../xmas/img/prevButton.png) no-repeat 0 0; }
#galleryNav li a:hover { background-position: 0 100%; }
