/* CSS definitions for layout. Copyright (c) 2006 www.donjohnsonbigband.com */



/***********************/
/*   BODY, CONTAINER   */
/***********************/

body {
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  background-color: #4f4e54;
}

#container {
  margin: 0px auto;
  text-align: center;
  width: 667px; /* 648 */
}



/***********/
/*   TOP   */
/***********/

#top_fi {
  width: 667px;
  height: 99px;
  background-image: url(/img/top_fi.gif);
  background-repeat: no-repeat;
  display: block;
}

#top_en {
  width: 667px;
  height: 99px;
  background-image: url(/img/top_en.gif);
  background-repeat: no-repeat;
}

#top1 img, #top1 img {
  display: block;
}

span#language {
  margin-left: 660px;
}



/**************/
/*   MIDDLE   */
/**************/

#middle {
  width: 667px;
  text-align: center;
  clear: both;
}

#left {
  width: 303px;
  float: left;
}

#center {
  width: 8px;
  height: 1px;
  float: left;
}

#right {
  width: 337px;
  float: left;
}

img.signature {
  margin-top: 4px;
  margin-bottom: 7px;
}

div.main {
  /* padding: 12px 0px 0px 0px; */
}

div.main_test {
  background-image: url(/img/bg_tracklist_fi.gif);
  background-repeat: no-repeat;
  background-position: left;
}

div.mainContainer {
  padding: 0px 17px 0px 19px;
  background-color: #57575d;
  text-align: left;
}

div.mainContainerTracklist_fi {
  padding: 0px 17px 0px 19px;
  text-align: left;
  background-color: #57575d;
  background-image: url(/img/bg_tracklist_fi.gif);
  background-repeat: no-repeat;
  float: left;
}

div.mainContainerTracklist_en {
  padding: 0px 17px 0px 19px;
  text-align: left;
  background-color: #57575d;
  background-image: url(/img/bg_tracklist_en.gif);
  background-repeat: no-repeat;
  float: left;
}

div.boxLt {
  position: relative;
  float: left;
  width: 13px;
  height: 12px;
  background-color: #4f4e54;
  background-image: url(/img/border_lt.gif);
  background-repeat: no-repeat;
}

div.boxRt {
  position: relative;
  float: right;
  width: 13px;
  height: 12px;
  background-color: #4f4e54;
  background-image: url(/img/border_rt.gif);
  background-repeat: no-repeat;
}

div.boxLb {
  position: relative;
  float: left;
  width: 13px;
  height: 13px;
  background-image: url(/img/border_lb.gif);
  background-repeat: no-repeat;
}

div.boxRb {
  position: relative;
  float: left;
  width: 13px;
  height: 13px;
  background-image: url(/img/border_rb.gif);
  background-repeat: no-repeat;
}

div.boxCt330 {
  position: relative;
  float: left;
  width: 330px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb330 {
  position: relative;
  float: left;
  width: 330px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}


div.boxCt311 {
  position: relative;
  float: left;
  width: 311px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb311 {
  position: relative;
  float: left;
  width: 311px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt277 {
  position: relative;
  float: left;
  width: 277px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb277 {
  position: relative;
  float: left;
  width: 277px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt244 {
  position: relative;
  float: left;
  width: 244px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb244 {
  position: relative;
  float: left;
  width: 244px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt216 {
  position: relative;
  float: left;
  width: 216px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb216 {
  position: relative;
  float: left;
  width: 216px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}


div.boxCt208 {
  position: relative;
  float: left;
  width: 208px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb208 {
  position: relative;
  float: left;
  width: 208px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt174 {
  position: relative;
  float: left;
  width: 174px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb174 {
  position: relative;
  float: left;
  width: 174px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt165 {
  position: relative;
  float: left;
  width: 165px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb165 {
  position: relative;
  float: left;
  width: 165px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt119 {
  position: relative;
  float: left;
  width: 119px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb119 {
  position: relative;
  float: left;
  width: 119px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt112 {
  position: relative;
  float: left;
  width: 112px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb112 {
  position: relative;
  float: left;
  width: 112px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt104 {
  position: relative;
  float: left;
  width: 104px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb104 {
  position: relative;
  float: left;
  width: 104px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt100 {
  position: relative;
  float: left;
  width: 100px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb100 {
  position: relative;
  float: left;
  width: 100px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt84 {
  position: relative;
  float: left;
  width: 84px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb84 {
  position: relative;
  float: left;
  width: 84px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}

div.boxCt73 {
  position: relative;
  float: left;
  width: 89px;
  height: 12px;
  background-image: url(/img/border_top.gif);
  background-repeat: repeat-x;
}

div.boxCb73 {
  position: relative;
  float: left;
  width: 89px;
  height: 13px;
  background-image: url(/img/border_bottom.gif);
  background-repeat: repeat-x;
}



/*** LEFT ***/

#diary {
  width: 303px;
  float: right;
}

#gallery {
  width: 242px;
  float: right;
}

#orderonline {
  width: 234px;
  float: right;
}

#leftbonus1 {
  width: 234px;
  float: right;
}

#verneri {
  width: 145px;
  float: right;
}

#matti {
  width: 117px;
  height: 170px;
  margin-left: 8px;
  float: right;
}

#kalle {
  width: 115px;
  float: right;
  text-align: center;
  margin-top: 8px;
}



/*** RIGHT ***/

#tracklist {
  width: 337px;
  float: left;
}

#newsletter {
  width: 303px;
  float: left;
}

#studiovideos {
  width: 356px;
  float: left;
}

#roadvideo {
  width: 303px;
  float: left;
}

#wallpapers {
  width: 191px;
  float: right;
}

#rightbonus3 {
  width: 130px;
  float: left;
}

#logos {
  width: 93px;
  height: 61px;
  background-image: url(/img/logo_all.gif);
  background-repeat: no-repeat;
  text-align: left;
  margin-left: 10px;
  margin-top: 1px;
  float: left;
}

#knipi {
  width: 138px;
  float: left;
}

#mikki {
  width: 110px;
  height: 187px;
  float: left;
  margin-left: 8px;
}



/**************/
/*   BOTTOM   */
/**************/

#bottom {
  clear: both;
  width: 648px;
}

#footer {
  clear: both;
  text-align: center;
  width: 648px;
}



/***********/
/*  HACKS  */
/***********/

/* http://www.greywyvern.com/code/min-height-hack.html */

#prop {
  height: 630px;
  float: right;
  width: 1px;
}

div.clear {
  clear: both;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#clearLite {
  clear: both;
}

div.clearLeft {
  clear: left;
}

div.clearRight {
  clear: right;
}

div.vertSpace {
  height: 8px;
  width: 1px;
  overflow: hidden;
  clear: both;
}

div.vertSpaceLite {
  height: 8px;
  width: 1px;
  clear: both;
}