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

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

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

body a:active {
  outline: none;
}

body a img {
  border: 0;
}

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

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

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

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

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

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

#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 {
  display: inline;
  float: left;
}

#countdown-container {
  position: relative;
  top: 50%;
  margin: -50px auto 0 auto; /* margin to account for ad size */
  width: 1024px;
  height: 512px;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: center;
  visibility: visible;
  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 {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 70px; /* half of (container width [1024] - counter width [884]) */
  margin-top: -40px;
  text-align: center;
}

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

#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; }