html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #1f0000;
  color: #fff;
  font: 9pt Arial, Helvetica, sans-serif;
  overflow: hidden;
}

  body a {
    color: #fff;
    font-weight: bold;
  }

  body a:visited, body a:hover {
    color: #fff;
  }

  body a:active {
    outline: none;
  }

  body a img {
    border: 0;
  }

h1 {
  color: #fff;
  display: inline;
  font: 9pt Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

#header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}

#copyright{
  text-align: right;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 100%;
  z-index: 4;
}

#share-container {
  text-align: center;
}

ul.share-buttons {
  list-style: none;
  padding: 5px;
}

ul.share-buttons li {
  margin: 10px;
  display: inline;
}

#footer {
  position: absolute;
  bottom: 20px;
  width: 100%;
  min-width: 100%;
  z-index: 5;
}

#ads-wrapper {
  width: 100%;
  text-align: center;
}

.ads {
  z-index: 6;
  margin: 0 auto;
}

#noscript {
  float: left;
}

#countdown-container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: -20px auto 0 auto; /* margin to account for ad size */
  text-align: center;
  visibility: visible;
  width: 1024px;
  height: 512px;
  background-repeat: no-repeat;
  background-position: center center;
}

  body.standard #countdown-container {
    background-image: url('../images/bg-standard.png');
  }

  body.christmas #countdown-container {
    background-image: url('../images/bg-christmas.png');
  }

  body.error #countdown-container {
    background-image: url('../images/bg-error.png'); */
  }

#countdown  {
  left: 70px; /* half of (container width [1024] - counter width [884]) */
  text-align: center;
  position: absolute;
  display: inline-block;
  top: 50%;
  margin-top: -40px;
}

#countdown span {
  display: block;
  float: left;
  width: 63px;
  height: 80px;
  background: url(../images/counter.gif) no-repeat;
}

#countdown span { margin: 0 2px; }

#countdown span.image0 { background-position: 0px -0px; }
#countdown span.image1 { background-position: 0px -80px; }
#countdown span.image2 { background-position: 0px -160px; }
#countdown span.image3 { background-position: 0px -240px; }
#countdown span.image4 { background-position: 0px -320px; }
#countdown span.image5 { background-position: 0px -400px; }
#countdown span.image6 { background-position: 0px -480px; }
#countdown span.image7 { background-position: 0px -560px; }
#countdown span.image8 { background-position: 0px -640px; }
#countdown span.image9 { background-position: 0px -720px; }

#countdown span.imageDays { background-position: 0px -800px; width: 63px; height: 80px; }
#countdown span.imageHours { background-position: 0px -880px; width: 79px; height: 80px; }
#countdown span.imageMins { background-position: 0px -960px; width: 65px; height: 80px; }
#countdown span.imageSecs { background-position: 0px -1040px; width: 58px; height: 80px; }