@charset "utf-8";
/* CSS Document */

body {  
	background-color: #242424; color: #FFF; 
	background-image: url('images/splatterbackground.jpg'); 
	background-position: top; 
	background-repeat: no-repeat; 
	background-size: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
}
h1 { font-family:Impact; font-style:italic; color: #FFFF99; font-size: 36px; text-shadow: white; }
ul.navigation {
	padding: 0;
}
.navigation li {
	display: inline; 
	margin: .25em 1em;
	white-space: nowrap;
}
.game_display { 
	float: left;
	margin: 0 1em;
}
.game_display img { 
	border: 0;
}

a:link, a:visited { color: gray; text-decoration: none; }
a:hover, a:active { color: white; text-decoration: underline; }
#main { 
	background-color: black; color: white; 
	width: 800px; margin: auto; padding: 1em; text-align: left; 
	border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #666; border-bottom: 1px solid #666; 
	}	
        
.game { 
    clear: both;
    padding-top: 1em;        
}

/* Reduce padding at the top of the first game to zero */
.game:nth-child(1) {     
    padding-top: 0;   
}