/*
   Dustpan: the LARP stylesheet for all non-web material.
   (c) 2004-2016, TNT Productions, All rights reserved.
*/

	html {
		margin: 1em 2em 2em 5em;
		padding: 0;
	}

/* 
	This is for general display 
*/
@media screen {

	/* Needed for some browers to handle HTML5 */
	
	
	article {
		float: right;
		margin: 0.5em 0 0.5em 0;
		width: 79%;
	}
	
	header, footer, article { 
		display: block;
	}
	
	footer {
		clear: both;
	}

	nav {
		background-color: #EBDAC6;
		border: 1px solid brown;
		float: left;
		margin: 1.0em 0 0.5em 0;
		width: 18%;
	}
	
	nav a {
		text-decoration: none;
	}
	
	nav a:hover {
		color: red;
	}
	
	nav p {
		margin: 0.5em 0 0.5em 1em;
	}
}

/* 
	Here's for when we need to print the bluesheets. 
*/
@media print {
	html {
		/* 
		For the materials, we can shrink the size of the font to save some
		paper. Default seems to be at least 12 pt, which is huge.
		*/
		font-size: 10pt;
	}
	
	/* This takes the whole page. */
	article {
		display: block;
		margin: 0.5em 0 0.5em 0;
	}
	
	footer {
		clear: both;
		display: block;
	}
	
	/* This just disappears */
	header {
		display: none;
	}

	/* This just disappears. */
	nav {
		display: none;
	}
}

body {
	font: 100% Comic Sans MS, Chalkboard;
	margin: 0;
	padding: 0;
}

div.comingSoon {
	background-color: #EBDAC6; 
	border: 3px double brown;
	margin: 0.5em 0 0 0;
	padding: 4px;
}

div.comingSoon a {
	color: #0000ff;
	text-decoration: none;
}
	
div.comingSoon p {
	text-align: center;
}

div.quote {
	background-color: #eeeeee;
	border: 1px solid black;
	font-style: italic;
	margin: 1.5em 8em;
	padding: 0.5em;
}

div.quote p.citation {
	font-style: normal;
	margin: 0;
	text-align: right;
}
	
footer, h1, h4 {
	border-top: 1px solid black;
	border-left: 1px solid black;
	margin: 0.5em 0 0 0;
	padding: 0.25em;
}

footer, h4 {
	font-size: 100%;
}

h1 {
	font-size: 150%;
}

img.cartoon,
img.gamePictures {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 60%;
}

table {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	margin: 0.5em 0;
	padding: 0;
	width: 100%;
}

table.castingTable {
	margin-left: 5em;
	width: 80%;
}

tr.headerRow, td.headerColumn {
	background-color: #eeeeee;
	font-weight: bold;
}

td {
	border-top: 1px solid black;
	border-left: 1px solid black;
	padding: 5px;
}

td.statValue {
	text-align: center;
}