/* CSS Document */

body {
	margin: 0;
}
#master {
	width: 283px;
	height: 300px;
	background: url(../images/raceBG.jpg);
	color: #FFF;
}
#raceBGoverlay {
	width: 283px;
	height: 300px;
	background: url(../images/raceBG-watkins.png);
	color: #FFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	opacity: 0.5;
}
#weather {
	width: 50%;
	height: 25px;
	float: left;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 21px;
	text-align:center;
	position:relative;
	z-index: 20;
	background: rgba(37,37,37,0.35);
	border-bottom: 1px #aaa solid;
}
#weather a {
	text-decoration:none;
	color: #ababab;
	transition: color 1s linear;
} 
#weather a:hover {
	color: #FFF;
}
#race {
	width: 50%;
	height: 25px;
	float: right;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 21px;
	text-align:center;
	position:relative;
	z-index: 20;
	background: rgba(37,37,37,0.35);	
	border-bottom: 1px #aaa solid;

}
#content {
	clear:both;
	width: 100%;
	height: 280px;

}
#headline {
	width: 50%;
	height: 20px;
	float: right;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	position:relative;
	z-index: 20;
}
.headlines {
	width: 50%;
	height: 20px;
	float: right;
	text-align: right;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 14px;
	margin-right: 5px;
	position:relative;
	z-index: 20;
}
.text {
	width: 100%;
	height: 20px;
	float: left;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 6px;
	margin-left: 5px;	
	position:relative;
	z-index: 20;	
}