/* Style sheet for Whose LARP Is It, Anyways? */

	html {
		margin: 1em 1em 2em 1em;
		padding: 0;
	}
	
	body {
		font: 100% Comic Sans MS;
		margin: 0;
		padding: 0;
	}
	
	/* Needed for some browers to handle HTML5 */
	
	header, footer, article { 
		display: block;
	}
	
	footer {
		clear: both;
	}
	
	/* Our interesting CSS */
	
	article {
		float: right;
		margin: 0.5em 0 0.5em 0;
		width: 79%;
	}
	
	article.GMPages {
		width: 100%;
	}
	
	header {
		background-color: LightBlue;
		border: 1px solid DarkBlue;
		text-align: center;
	}
	
	header h2 {
		color: DarkBlue;
		font-size: 150%;
		font-weight: normal;
		margin: 0;
		padding: 0.25em;
	}
	
	header img {
		margin: 0.5em 0;
	}
	
	footer, h4 {
		border-top: 1px solid black;
		border-left: 1px solid black;
		font-size: 100%;
		margin: 0.5em 0 0 0;
		padding: 0.25em;
	}
	
	nav {
		background-color: LightBlue;
		border: 1px solid DarkBlue;
		float: left;
		margin: 1em 0 0.5em 0;
		width: 18%;
	}
	
	nav a {
		color: Blue;
		text-decoration: none;
	}
	
	nav a:hover {
		color: white;
	}
	
	nav ul {
		color: darkBlue;
		list-style-type: none;
		margin: 0.25em;
		padding: 0.5em; 
	}
		
	table {
		border-bottom: 1px solid black;
		border-right: 1px solid black;
		margin: 0.5em 0;
		padding: 0;
		width: 100%;
	}

	table.characterTable,
	table.movieStyleTable,
	table.scenariosTable,
	table.worldsWorstTable {
		margin: auto;
		width: 75%;
	}
	
	table.characterTable td,
	table.movieStyleTable td,
	table.scenariosTable td,
	table.worldsWorstTable td{
		font-size: 125%;
		height: 200px;
		padding: 2em;
		width: 50%
	}
	
	table.gameHistoryTable {
		margin: auto;
		width: 100%;
	}

	table.productionList a {
		text-decoration: none;
	}
	
	tr.headerRow {
		background-color: LightBlue;
		color: DarkBlue;
	}
	
	tr.evenRow {
		background-color: #eeeeee;
	}
	
	table.gameHistoryTable td.date {
		vertical-align: top;
		white-space: nowrap;
	}
		
	td {
		border-top: 1px solid black;
		border-left: 1px solid black;
		padding: 5px;
	}