@media screen {
	
	header, section, article {
		display: block;
	}
	
	body {
		background: rgb(60, 60, 60);
		color: white;
		text-shadow: rgb(0, 0, 0) 0 -1px 0px;
		font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-weight:100;
		padding: 20px 0;
		margin: 0;
	}
	
	body > * {
		padding: 0 20px;
	}
	
	#games {
		padding: 0;
	}
	
	body > header {
		background: url(../img/se-logo.png) no-repeat 20px bottom;
		padding-left: 135px;
		min-height: 73px;
	}
	
	strong {
		font-weight: bold;
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		text-shadow: rgb(30, 30, 30) -1px -1px 0px;
		color: white;
	}
	
	table td.bet, 
	span.score {
		text-shadow: none;
	}
	
	a {
		color: white;
		text-decoration: none;
		border-bottom: 1px dashed rgb(127, 127, 127);
	}
	
	a:hover {
		border-bottom: 1px dashed rgb(180, 180, 180);
	}
	
	.game {
		position: relative;
		float: left;
		
		padding: 10px 20px;
		margin: 20px 10px;
		background: rgb(100, 100, 100);
		
		   -moz-border-radius: 12px; /* FF1+ */
		-webkit-border-radius: 12px; /* Saf3+, Chrome */
		        border-radius: 12px; /* Opera 10.5, IE 9 */

		   -moz-box-shadow: 0px 0px 4px rgb(20, 20, 20); /* FF3.5+ */
		-webkit-box-shadow: 0px 0px 4px rgb(20, 20, 20); /* Saf3.0+, Chrome */
		        box-shadow: 0px 0px 4px rgb(20, 20, 20); /* Opera 10.5, IE 9.0 */

		background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
		          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
		      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */
	}
	
	/* Begin Webkit Only */
	
	.game {
		-webkit-box-reflect: below 8px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(60, 60, 60, 0.25)));
	}
	
	#games, #games-container {
		height: 650px;
	}
	
	#statistics {
		margin-top: -230px;
	}
	
	/* Banner for current games */
	
	#banner {

	     -moz-transform: rotate(7.5deg);  /* FF3.5+ */
	       -o-transform: rotate(7.5deg);  /* Opera 10.5 */ 
	  -webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */ 
	             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
	                     M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104); /* IE6,IE7 */
	         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', 
	                     M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104)"; /* IE8 */
	               zoom: 1;		
	
		width: 150px;
		position: absolute;
		top: 20px;
		left: 0px;
		background:red;
		padding: 4px;
		text-align: center;
		border: solid 1px #333;
		margin-left: -50px;
	}
	
	/* End Webkit Only */
	
	/*
	.game.present {
		background-image: -moz-linear-gradient(top, #444444, #999999);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #444444));
		          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999');
		      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')";
	}
	*/
	
	.game.past,
	.game.future {
		-moz-opacity:.50;
		filter:alpha(opacity=50);
		opacity:.50; 
	}

	#leaderboard:hover,
	.game.present,
	.game:hover {
		-moz-opacity:1.0;
		filter:alpha(opacity=100);
		opacity:1.0; 
	}
	
	#leaderboard {
		-moz-opacity:.90;
		filter:alpha(opacity=90);
		opacity:.90;
		
		position: absolute;
		top: 0;
		right: 0;
		z-index: 100;
		padding: 20px;
		background: rgb(100, 100, 100);
		
		    -moz-border-radius-bottomleft: 12px; /* FF1+ */
		-webkit-border-bottom-left-radius: 12px; /* Saf3+, Chrome */
		        border-bottom-left-radius: 12px; /* Opera 10.5, IE 9 */
		
		   -moz-box-shadow: 0px 0px 4px rgb(20, 20, 20); /* FF3.5+ */
		-webkit-box-shadow: 0px 0px 4px rgb(20, 20, 20); /* Saf3.0+, Chrome */
		        box-shadow: 0px 0px 4px rgb(20, 20, 20); /* Opera 10.5, IE 9.0 */

		background-image: -moz-linear-gradient(top, #666666, #aaaaaa); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #666666),color-stop(1, #aaaaaa)); /* Saf4+, Chrome */
		          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#aaaaaa'); /* IE6,IE7 */
		      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#aaaaaa')"; /* IE8 */
	}
	
	#leaderboard td.score {
		text-align: right;
	}
	
	#games {
		width: 100%;
		overflow-x: scroll;
	}
	
	#games-container {
		padding: 0 20px;
		width: 25000px;
		
	}
	
	#games p {
		margin: 0.5em 0;
	}
	
	#games p.results {
		margin: 1em 0;
	}
	
	#games p.results span.score {
		background: white;
		color: rgb(50, 50, 50);
		padding: 4px 6px;
		   -moz-border-radius: 4px; /* FF1+ */
		-webkit-border-radius: 4px; /* Saf3+, Chrome */
		        border-radius: 4px; /* Opera 10.5, IE 9 */
		   -moz-box-shadow: inset 0px 0px 3px #444; /* FF3.5+ */
		-webkit-box-shadow: inset 0px 0px 3px #444; /* Saf3.0+, Chrome */
		        box-shadow: inset 0px 0px 3px #444; /* Opera 10.5, IE 9.0 */
	}
	
	#games .game.past p.results span.score {
		background: white
	}
	
	#games .game.present p.results span.score {
		background: rgb(255, 255, 210);
	}
	
	#games .game.future p.results span.score {
		background: rgb(200, 200, 200);
	}
	
	#games div.alignright {
		padding: 0 0 0 1em;
	}
	
	#games table {
		margin-bottom: 1em;
	}
	
	table.bets th,
	table.bets td {
		padding: 0 4px;
	}
	
	
	table.bets td.bet {
		text-align: center;
		   -moz-border-radius: 4px; /* FF1+ */
		-webkit-border-radius: 4px; /* Saf3+, Chrome */
		        border-radius: 4px; /* Opera 10.5, IE 9 */
		background: rgb(180, 140, 140);
	}
	
	table.bets.home td.bet-home,
	table.bets.tie td.bet-tie,
	table.bets.away td.bet-away {
		background: rgb(127, 180, 127);
	}
	
	table.odds {
		width: 100%;
		text-align: center;
	}
	
	#games .game.future table td.bet {
		background: rgb(127, 127, 127);
	}
	
	div.map img.map-image {
		   -moz-border-radius: 12px; /* FF1+ */
		-webkit-border-radius: 12px; /* Saf3+, Chrome */
		        border-radius: 12px; /* Opera 10.5, IE 9 */

		   -moz-box-shadow: 0px 0px 4px #444; /* FF3.5+ */
		-webkit-box-shadow: 0px 0px 4px #444; /* Saf3.0+, Chrome */
		        box-shadow: 0px 0px 4px #444; /* Opera 10.5, IE 9.0 */
		
	}
	
	div.map img.map-image:hover {
		   -moz-box-shadow: 0px 0px 8px #444; /* FF3.5+ */
		-webkit-box-shadow: 0px 0px 8px #444; /* Saf3.0+, Chrome */
		        box-shadow: 0px 0px 8px #444; /* Opera 10.5, IE 9.0 */
		
	}

	#statistics .alignright,
	#statistics .alignleft {
		width: 49%;
	}
	
	#statistics .alignright {
		text-align: right;
	}
	
	#scroll-prev,
	#scroll-next {
		position: absolute;
		top: 250px;
		font-family: Georgia, serif;
		font-size: 250px;
		   -moz-border-radius: 12px; /* FF1+ */
		-webkit-border-radius: 12px; /* Saf3+, Chrome */
		        border-radius: 12px; /* Opera 10.5, IE 9 */
		margin: 0 20px;
		line-height: 120px;
		background: none;
		
		text-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
	}
	
	#scroll-prev:hover,
	#scroll-next:hover {
		background: rgba(0, 0, 0, 0.2);
		border: none;
	}
	
	#scroll-prev a,
	#scroll-next a, 
	#scroll-prev a:hover,
	#scroll-next a:hover {
		color: rgb(200, 200, 200);
		text-decoration: none;
		display: block;
		border: none;
		width: 100%;
		height: 100%;
	}
	
	#scroll-prev {
		left: 0;
	}
	
	#scroll-next {
		right: 0;
	}
	
	.alignleft {
		float: left;
		clear: none;
	}
	
	.alignright {
		float: right;
		clear: none;
	}
	
	.clean {
		float: none;
		clear: both;
	}
	
	ins {
		text-decoration: none;
	}
	
	.rules-link {
		font-size: 0.7em;
		text-transform: uppercase;
		color: rgb(180, 180, 180);
	}
	
	#rules-container {
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	
	#rules {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 500px;
		height: 200px;
		margin-left: -250px;
		margin-top: -100px;
		z-index: 100;
		padding: 20px;
		overflow: hidden;
		
		-moz-opacity:.90;
		filter:alpha(opacity=90);
		opacity:.90;
		
		
		background: rgb(100, 100, 100);
		
		    -moz-border-radius: 12px; /* FF1+ */
		-webkit-border-radius: 12px; /* Saf3+, Chrome */
		        border-radius: 12px; /* Opera 10.5, IE 9 */
		
		   -moz-box-shadow: 0px 0px 4px rgb(20, 20, 20); /* FF3.5+ */
		-webkit-box-shadow: 0px 0px 4px rgb(20, 20, 20); /* Saf3.0+, Chrome */
		        box-shadow: 0px 0px 4px rgb(20, 20, 20); /* Opera 10.5, IE 9.0 */

		background-image: -moz-linear-gradient(top, #666666, #aaaaaa); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #666666),color-stop(1, #aaaaaa)); /* Saf4+, Chrome */
		          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#aaaaaa'); /* IE6,IE7 */
		      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#aaaaaa')"; /* IE8 */
	}
	
	#rules li {
		margin: 5px 0;
	}
}

@media all {
	div.map img.map-image {
		display: block;
		margin: 1em 0 0.5em;
	}
	
	img,
	a img {
		border: none;
	}
	
	.error {
		color: rgb(180, 127, 127);
	}
}