body {
    background-color: #000;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    height: 45px;
    width: 100%;
    background: url(../img/pattern.gif) repeat;
}
#forum a {
    display: block;
    width: 186px;
    height: 14px;
    margin: 16px auto;
    background: url(../img/foorumi.gif) no-repeat;
    text-indent: -9999px;
}
#social-media {
    position: absolute;
    top: 0;
    right: 35px;
    width: 283px;
    background: url(../img/tsek.gif) 0 13px no-repeat;
}
#social-media ul {
    margin-left: 75px;
    padding-left: 10px;
    height: 52px;
    background: url(../img/pattern.gif) 0 45px repeat-x;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -opera-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    
}
#social-media li {
    float: left;
}
#social-media a {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    margin: 12px 7px 0 0;
}
li.facebook a { background: url(../img/s_facebook.gif) no-repeat; }
li.myspace a { background: url(../img/s_myspace.gif) no-repeat; }
li.youtube a { background: url(../img/s_youtube.gif) no-repeat; }
li.spotify a { background: url(../img/s_spotify.gif) no-repeat; }
li.lastfm a { background: url(../img/s_lastfm.gif) no-repeat; }

#wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 840px;
    margin-top: -234px;
    margin-left: -420px;
}
#content {
    width: 332px;
    float: left;
    z-index: 11;
}
#content h1 {
    text-indent: -9999px;
    background: url(../img/logo.png);
    width: 332px;
    height: 266px;
}
#release-info {
    background: url(../img/pattern.gif) repeat;
    width: 290px;
    height: 142px;
    margin: 15px 0 0 25px;
    padding: 9px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -opera-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
#release-info img {
    display: block;
    border: 2px solid #4a281a;
    float: left;
}
#release-info h2 {
    float: left;
    text-indent: -9999px;
    height: 32px;
    width: 138px;
    background: url(../img/osta_albumi.gif) no-repeat;
    margin: 17px 0 13px 8px;
}
#store-links li {
    margin-left: 10px;
}
#store-links li {
    display: block;
    float: left;
    margin-bottom: 8px;
}
#store-links li a {
    text-indent: -9999px;
    display: block;
    width: 62px;
    height: 23px;
    background-image: url(../img/store_links.gif);
    background-repeat: no-repeat;
}
#store-links li.itunes a { background-position: 0 0; }
#store-links li.mtv3 a { background-position: -72px 0; }
#store-links li.levykauppax a { background-position: 0 -31px; }
#store-links li.netanttila a { background-position: -72px -31px; }
#release-info p { display: none; }

#release-info p.kuuntele {
    float: left;
    display: block;
    text-indent: -9999px;
    height: 9px;
    width: 119px;
    margin: 12px 0 0 16px;
    background: url(../img/kuuntele.gif) no-repeat;
}
#release-info p.kuuntele a {
    display: block;
    position: relative; 
}

#videobar {
    margin-top: 30px;
    float: right;
    width: 106px;
    background: url(../img/pattern.gif) repeat;
    padding: 9px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -opera-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
#videobar h2 {
    width: 105px;
    height: 9px;
    text-indent: -9999px;
    margin: 2px 0 9px 0;
    background: url(../img/uusimmat_videot.gif) no-repeat;
}


#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 30;
    height: 45px;
    width: 100%;
    background: url(../img/pattern.gif) repeat;
}
#footer ul {
    position: absolute;
    left: 50%;
    width: 260px;
    margin: 15px 0 0 -130px;
}
#footer li {
    background-image: url(../img/footer_links.gif);
    background-repeat: no-repeat;
    float: left;
    text-indent: -9999px;
}
li.gorillaz {
    width: 133px;
}
li.gorillaz-emi {
    width: 127px;
    background-position: -133px 0;
}
#footer a { position: relative; display: block; }
img.emi {
    float: right;
    margin: 14px 40px 0 0;
}

#supersize {
    overflow: hidden;
    z-index: 1;
}

#supersize img {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
}


.editBox_gsvsc tr.odd_gsvsc {
  background-color : #000;
}
.playerBox_gsvb div.alldone_gsvb        { color: #4c433a; }
.playerBox_gsvb a.title_gsvb            { color: #4c433a; }

.playerBox_gsvb div.alldone_gsvb:hover  { color: #edb415; }
.playerBox_gsvb a.title_gsvb:hover      { color: #edb415; }
.resultsBox_gsvb div.resultDiv_gsvb     { border-color : #4c433a; margin-top: 2px; }
.resultsBox_gsvb div.resultDiv_gsvb:hover     { border-color : #edb415; }

/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_gsvb {
  position : absolute;
  opacity : 0.90;
  -moz-opacity : 0.90;
  filter:alpha(opacity=90);
  z-index : 9998;
  background-color: #000;
  border: none;
}
.floatingPlayer_gsvb {
  position : absolute;
  z-index : 9999;
}
.floatingBranding_gsvb {
  position : absolute;
}

.idle_gsvb {
  display : none;
}

.playing_gsvb {
  display : block;
}

.playerInnerBox_gsvb {
  margin-top : 2px;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_gsvb .player_gsvb {
  width : 480px;
  height : 380px;
}

.playerInnerBox_gsvb div.player_gsvb {
  margin : 10px;
}

.floatingPlayer_gsvb .playerInnerBox_gsvb div.player_gsvb {
  margin : 0;
}

.playerBox_gsvb div.alldone_gsvb {
  display : inline;
  font-size : 11px;
  cursor : pointer;
}

.playerBox_gsvb div.alldone_gsvb:hover {
  text-decoration : underline;
}


.playerBox_gsvb div.title_gsvb {
  text-align : center;
  font-size : 11px;
  margin-top : 2px;
  display: none;
}

.playerBox_gsvb a.title_gsvb {
  text-decoration : none;
}

.playerBox_gsvb a.title_gsvb:hover {
  text-decoration : underline;
}

#foorumi {
    background: url(../img/pattern.gif) repeat;
    overflow: visible;
}
#foorumi .header {
    position: relative;
    margin: 0 auto;
    height: 45px;
    width: 695px;
    background: url(../img/forumheader.gif) 0 16px no-repeat;
}
#foorumi .header h1 { display: none; }
#foorumi .header a { 
    text-indent: -9999px;
    display: block;
    width: 190px;
    height: 20px;
    position: absolute;
    top: 16px;
    right: 0;
}
table.forum { text-align: left; }