body {
	background: #091520;
	background-size: 100%;
	margin: 0;
	color: #FFF;
}

p {
	font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

a, a:visited {
	color: #008cc8;
}

a:hover {
	color: #00abf4
}

.platform-bar {
	width: 100%;
	height: 50px;
	background: #000 url('../img/background_repeat.png') top left;
	position:fixed;
	z-index: 1110;
	top: 0;
}

.platform-menu {
	position: relative;
	background: transparent url('../img/platformlogo.png') left 50% no-repeat;
	left: 10%;
	height: 50px;
	padding-left: 50px;
	font-family: 'Open Sans', sans-serif;
}

.platform-menu ul {
	list-style: none;
	margin:0;
	padding:0;
	padding-top: 15px;
}

.platform-menu ul li {
	display: inline;
	padding: 0 15px;
}

.platform-menu ul li a {
	text-decoration: none;
	font-size: 0.90em;
}

/* Cheesy B-movie film grain */

@-webkit-keyframes grain {
  0%, 100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  10% {
    -webkit-transform: translate(-5%, -10%);
    -moz-transform: translate(-5%, -10%);
    -ms-transform: translate(-5%, -10%);
    -o-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%);
  }

  20% {
    -webkit-transform: translate(-15%, 5%);
    -moz-transform: translate(-15%, 5%);
    -ms-transform: translate(-15%, 5%);
    -o-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%);
  }

  30% {
    -webkit-transform: translate(7%, -25%);
    -moz-transform: translate(7%, -25%);
    -ms-transform: translate(7%, -25%);
    -o-transform: translate(7%, -25%);
    transform: translate(7%, -25%);
  }

  40% {
    -webkit-transform: translate(-5%, 25%);
    -moz-transform: translate(-5%, 25%);
    -ms-transform: translate(-5%, 25%);
    -o-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%);
  }

  50% {
    -webkit-transform: translate(-15%, 10%);
    -moz-transform: translate(-15%, 10%);
    -ms-transform: translate(-15%, 10%);
    -o-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }

  60% {
    -webkit-transform: translate(15%, 0%);
    -moz-transform: translate(15%, 0%);
    -ms-transform: translate(15%, 0%);
    -o-transform: translate(15%, 0%);
    transform: translate(15%, 0%);
  }

  70% {
    -webkit-transform: translate(0%, 15%);
    -moz-transform: translate(0%, 15%);
    -ms-transform: translate(0%, 15%);
    -o-transform: translate(0%, 15%);
    transform: translate(0%, 15%);
  }

  80% {
    -webkit-transform: translate(3%, 35%);
    -moz-transform: translate(3%, 35%);
    -ms-transform: translate(3%, 35%);
    -o-transform: translate(3%, 35%);
    transform: translate(3%, 35%);
  }

  90% {
    -webkit-transform: translate(-10%, 10%);
    -moz-transform: translate(-10%, 10%);
    -ms-transform: translate(-10%, 10%);
    -o-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}

@-moz-keyframes grain {
  0%, 100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  10% {
    -webkit-transform: translate(-5%, -10%);
    -moz-transform: translate(-5%, -10%);
    -ms-transform: translate(-5%, -10%);
    -o-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%);
  }

  20% {
    -webkit-transform: translate(-15%, 5%);
    -moz-transform: translate(-15%, 5%);
    -ms-transform: translate(-15%, 5%);
    -o-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%);
  }

  30% {
    -webkit-transform: translate(7%, -25%);
    -moz-transform: translate(7%, -25%);
    -ms-transform: translate(7%, -25%);
    -o-transform: translate(7%, -25%);
    transform: translate(7%, -25%);
  }

  40% {
    -webkit-transform: translate(-5%, 25%);
    -moz-transform: translate(-5%, 25%);
    -ms-transform: translate(-5%, 25%);
    -o-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%);
  }

  50% {
    -webkit-transform: translate(-15%, 10%);
    -moz-transform: translate(-15%, 10%);
    -ms-transform: translate(-15%, 10%);
    -o-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }

  60% {
    -webkit-transform: translate(15%, 0%);
    -moz-transform: translate(15%, 0%);
    -ms-transform: translate(15%, 0%);
    -o-transform: translate(15%, 0%);
    transform: translate(15%, 0%);
  }

  70% {
    -webkit-transform: translate(0%, 15%);
    -moz-transform: translate(0%, 15%);
    -ms-transform: translate(0%, 15%);
    -o-transform: translate(0%, 15%);
    transform: translate(0%, 15%);
  }

  80% {
    -webkit-transform: translate(3%, 35%);
    -moz-transform: translate(3%, 35%);
    -ms-transform: translate(3%, 35%);
    -o-transform: translate(3%, 35%);
    transform: translate(3%, 35%);
  }

  90% {
    -webkit-transform: translate(-10%, 10%);
    -moz-transform: translate(-10%, 10%);
    -ms-transform: translate(-10%, 10%);
    -o-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}

@-ms-keyframes grain {
  0%, 100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  10% {
    -webkit-transform: translate(-5%, -10%);
    -moz-transform: translate(-5%, -10%);
    -ms-transform: translate(-5%, -10%);
    -o-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%);
  }

  20% {
    -webkit-transform: translate(-15%, 5%);
    -moz-transform: translate(-15%, 5%);
    -ms-transform: translate(-15%, 5%);
    -o-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%);
  }

  30% {
    -webkit-transform: translate(7%, -25%);
    -moz-transform: translate(7%, -25%);
    -ms-transform: translate(7%, -25%);
    -o-transform: translate(7%, -25%);
    transform: translate(7%, -25%);
  }

  40% {
    -webkit-transform: translate(-5%, 25%);
    -moz-transform: translate(-5%, 25%);
    -ms-transform: translate(-5%, 25%);
    -o-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%);
  }

  50% {
    -webkit-transform: translate(-15%, 10%);
    -moz-transform: translate(-15%, 10%);
    -ms-transform: translate(-15%, 10%);
    -o-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }

  60% {
    -webkit-transform: translate(15%, 0%);
    -moz-transform: translate(15%, 0%);
    -ms-transform: translate(15%, 0%);
    -o-transform: translate(15%, 0%);
    transform: translate(15%, 0%);
  }

  70% {
    -webkit-transform: translate(0%, 15%);
    -moz-transform: translate(0%, 15%);
    -ms-transform: translate(0%, 15%);
    -o-transform: translate(0%, 15%);
    transform: translate(0%, 15%);
  }

  80% {
    -webkit-transform: translate(3%, 35%);
    -moz-transform: translate(3%, 35%);
    -ms-transform: translate(3%, 35%);
    -o-transform: translate(3%, 35%);
    transform: translate(3%, 35%);
  }

  90% {
    -webkit-transform: translate(-10%, 10%);
    -moz-transform: translate(-10%, 10%);
    -ms-transform: translate(-10%, 10%);
    -o-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}

@keyframes grain {
  0%, 100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  10% {
    -webkit-transform: translate(-5%, -10%);
    -moz-transform: translate(-5%, -10%);
    -ms-transform: translate(-5%, -10%);
    -o-transform: translate(-5%, -10%);
    transform: translate(-5%, -10%);
  }

  20% {
    -webkit-transform: translate(-15%, 5%);
    -moz-transform: translate(-15%, 5%);
    -ms-transform: translate(-15%, 5%);
    -o-transform: translate(-15%, 5%);
    transform: translate(-15%, 5%);
  }

  30% {
    -webkit-transform: translate(7%, -25%);
    -moz-transform: translate(7%, -25%);
    -ms-transform: translate(7%, -25%);
    -o-transform: translate(7%, -25%);
    transform: translate(7%, -25%);
  }

  40% {
    -webkit-transform: translate(-5%, 25%);
    -moz-transform: translate(-5%, 25%);
    -ms-transform: translate(-5%, 25%);
    -o-transform: translate(-5%, 25%);
    transform: translate(-5%, 25%);
  }

  50% {
    -webkit-transform: translate(-15%, 10%);
    -moz-transform: translate(-15%, 10%);
    -ms-transform: translate(-15%, 10%);
    -o-transform: translate(-15%, 10%);
    transform: translate(-15%, 10%);
  }

  60% {
    -webkit-transform: translate(15%, 0%);
    -moz-transform: translate(15%, 0%);
    -ms-transform: translate(15%, 0%);
    -o-transform: translate(15%, 0%);
    transform: translate(15%, 0%);
  }

  70% {
    -webkit-transform: translate(0%, 15%);
    -moz-transform: translate(0%, 15%);
    -ms-transform: translate(0%, 15%);
    -o-transform: translate(0%, 15%);
    transform: translate(0%, 15%);
  }

  80% {
    -webkit-transform: translate(3%, 35%);
    -moz-transform: translate(3%, 35%);
    -ms-transform: translate(3%, 35%);
    -o-transform: translate(3%, 35%);
    transform: translate(3%, 35%);
  }

  90% {
    -webkit-transform: translate(-10%, 10%);
    -moz-transform: translate(-10%, 10%);
    -ms-transform: translate(-10%, 10%);
    -o-transform: translate(-10%, 10%);
    transform: translate(-10%, 10%);
  }
}

blink {
  display: block;
  height: 1800px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
blink > * {
  z-index: 2;
}
blink:after {
  -webkit-animation: grain 5s steps(5) infinite;
  -moz-animation: grain 5s steps(5) infinite;
  -ms-animation: grain 5s steps(5) infinite;
  animation: grain 5s steps(5) infinite;
  background: url('../img/noise.png');
  content: "";
  display: block;
  height: 300%;
  left: -100%;
  position: absolute;
  top: -100%;
  width: 300%;
  z-index: 1;
  opacity:0.4;
  filter:alpha(opacity=40);
}
blink b {
  color: white;
  display: block;
  font-family: sans-serif;
  font-size: 75px;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 850px;
  position: relative;
  text-align: center;
  text-shadow: 0 5px 1px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}

.cityscape {
  background: #091520 url('../img/cityscape.jpg') 0px 50px repeat-x;
  min-height: 311px;
  width: 100%;
}

.cityscape-content {  
  position: relative;
  left: 10%;
}

.title-beam {
  position: relative;
  top: 50px;
  left: 0;
  background: url('../img/title-beam.png') top left no-repeat;
  height: 760px;
  width: 560px;
  z-index: 0;
}

.space-zombie-road {
  position: absolute;
  top: 390px;
  left: -320px;
  background: url('../img/space-zombie-road.png') top left no-repeat;
  width: 1284px;
  height: 1130px;
  z-index: 1;
}

.space-zombie-attack {
  position: absolute;
  top: 468px;
  left: -240px;
  background: url('../img/space-zombie-attack.png') top left no-repeat;
  height: 841px;
  width: 1097px;
  z-index: 2;
}

.giant-spider {
  position: absolute;
  top: 55px;
  left: 20%;
  background: url('../img/giant-spider.png') top left no-repeat;
  height: 289px;
  width: 374px;
  z-index: 1;
}

.stream {
    z-index: 200;
    position: absolute;
    top: 70px;
    left: 40%;
}

.countdown-block {
	padding: 5px 10px;
	z-index: 1;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}

.countdown-block .countdown-text {
	font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
	color: #ff2b2b;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: 1px 1px 1px #0a1621;
	font-size: 33px;
}

.donation-total {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 60px;
}

.donation-block {
  padding: 5px 10px;
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

.donation-block .donation-text {
  font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
  color: #ff2b2b;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: 1px 1px 1px #0a1621;
  font-size: 33px;
}

#countdown {
}

.donate-box {
    z-index: 200;
    position: absolute;
    top: 630px;
    left: 40%;
	width: 620px;
	color: #fff;
}

.donate-box h3 {
	font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
	color: white;
	font-size: 33px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #0a1621;
	text-align: center;
	line-height: 36px;
	margin-bottom: 0px;
}

.donate-box h3 strong {
	color: #ff2b2b;
}

.donate-box .donate-box-text {
	font-size: 14px;
  text-shadow: 1px 1px 0px #000;
}

.donate-box input {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	background-color: black;
	padding: 5px 0;
	text-indent: 15px;
	width: 100%;
	margin: 2px 0;
	color: #30cdee;
	border: 1px solid #102639;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.donate-box input[type="submit"] {
	font-family: 'Open Sans', Arial, sans-serif;
	text-transform: uppercase;
	background-color: #dc2828;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33d0f1', endColorstr='#24aac8',GradientType=0 ); /* IE6-9 */
	border: 1px solid #102639;
	color: white;
	text-shadow: 1px 1px 1px #102639;
	font-weight: bold;
	text-align: left;
	font-size: 19px;
	cursor: pointer;
}
.donate-box input[type="submit"]:hover {
	background-color: #fb3030;
}

.donate-box .help-block {
  display: block;
  padding: 0 10px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 5px;
}

.footer {
	text-align: center;
	margin-top: 100px;
	color: #29aecb;
	font-size: 11px;
}

.live-stream {
  width: 620px;
}

.live-stream-time {
  font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
  color: white;
  font-size: 21px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #0a1621;
  text-align: center;
  line-height: 36px;
  margin-bottom: 0px
}

.stream-controls {
  font-family: 'Open Sans', Arial, sans-serif;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #0a1621;
  text-align: center;
  line-height: 36px;
  margin-bottom: 0px;
  z-index: 300;
  position: absolute;
  width: 620px;
  top: -10px;
}

li {
  font-family: 'Open Sans', Arial, sans-serif;
  color: white;
  font-size: 14px;
}