html, body {
	margin: 0;
	padding: 0
}
iframe {
	border: 0;
}
.clockbg{
background:#FFF;
font:bold 12px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
width:100%;
color:black; 
}

a { 
text-decoration:none; 
color:#00c6ff;
}

h1 {
font: 4em normal Arial, Helvetica, sans-serif;
padding: 20px;	margin: 0;
text-align:center;
}

h1 small{
font: 0.2em normal  Arial, Helvetica, sans-serif;
text-transform:uppercase; letter-spacing: 0.2em; line-height: 5em;
display: block;
}

h2 {
font-weight:700;
color:blackb;
font-size:15px;
}

h2, p {
margin-bottom:10px;
}

@font-face {
font-family: 'BebasNeueRegular';
src: url('BebasNeue-webfont.eot');
src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('BebasNeue-webfont.woff') format('woff'),
url('BebasNeue-webfont.ttf') format('truetype'),
url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;

}

.container {width: width:100%; margin: 0 auto; overflow: hidden;}

.clock {width:100%; margin:0 auto;   border:1px solid #333; color:black; }

#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:15px; text-align:center;   }

ul {  width:100%; margin:0 auto; padding:0px; list-style:none; text-align:center; }
ul li { display:inline; font-size:20px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;   }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

@-webkit-keyframes mymove 
{
0% {opacity:1.0;  }
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0;   }	
}


@-moz-keyframes mymove 
{
0% {opacity:1.0;  }
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0;   }	
}

#footer { 
	background: #434a4d;
	color: #a9bbc5;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px; 
}
		
#header { 
	background-color:#E20613;
}

#header img { 
	max-width: 100%;
}

.race_title1 { display: none; }
.race_title2 { display: block; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.race_title1 { display: block; }
	.race_title2 { display: none; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
		
}

/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
.text-xs-left { text-align: left !important; }
.text-xs-right { text-align: right !important; }
.text-xs-center { text-align: center !important; }
.text-xs-justify { text-align: justify !important; }

@media (min-width: @screen-sm-min) {
  .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; }
  .text-sm-justify { text-align: justify !important; }
}

@media (min-width: @screen-md-min) {
  .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; }
  .text-md-justify { text-align: justify !important; }
}

@media (min-width: @screen-lg-min) {
  .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
  .text-lg-justify { text-align: justify !important; }
}

.subscribe-box{
    max-width: 100%;
    margin: auto;
}
.subscribe-box form{
    padding: 8px 20px;
    position: relative;
    background: #FFF;
}
.subscribe-box input[type=text]{
    width: 100%;
    border: 0;
    font-size: 16px;
}
.subscribe-box input[type=submit]{
    position: absolute;
    right: 0;
    top:0;
    width: 140px;
    background: #e20613;
	color: #fff;
    height: 100%;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    font-size: 16px;
    font-weight: 300;
	border: 0;
}

.leaderboard_finished {
	color:#209a23;
	font-weight: bold;	
}