/*
   Sex, Drugs and Rock & Roll stylesheet for all non-web material.
   (c) 1986-2015, Jeff Diewald, All rights reserved.
*/

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

	article, footer, header, nav {
		display: block;
	}
	
	article {
		float: right;
		margin: 0.5em 0 0.5em 0;
		width: 79%;
	}
	
	footer {
		clear: both;
	}
	
	header {
	}
}


@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;
		margin: 1em 2em 2em 5em;
		padding: 0;
	}
	
	/* This takes the whole page. */
	article {
		display: block;
		margin: 0.5em 0 0.5em 0;
	}
	
	footer {
		clear: both;
		display: block;
	}
	
	header {
		display: block;
	}

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

body {
	font: 100% Arial;
	margin: 0;
	padding: 0;
}

div.comingSoon {
	background-color: #ddddff;
	border: 3px double blue;
	margin: 0.5em 0 0 0;
	padding: 4px;
}
	
div.comingSoon p {
	text-align: center;
}

div.guideline {
	border: 1px solid black;
	font-size: 100%;
	font-style: italic;
	padding: 0 0.25em;
	margin: 0 5em;
}		

div.invitation {
	background-color: ivory;
	border: 3px double brown;
	margin: 0 25%;
	padding: 10px;
}
	
div.invitation p {
	font: 100% Georgia;
	font-style: italic;
	margin: 0.25em 0;
	text-align: center;
}

div.playerNote {
	background-color: #eeeeff;
	border: 3px double blue;
	margin: 0.5em 5em 0 5em;
	padding: 4px;
}	

div.song {
	background-color: #eeeeff;
	border: 3px double blue;
	font: 100% Georgia;
	font-style: italic;
	margin: 0.5em 25% 0 25%;
	text-align: center;
}

footer, h1, h4 {
	margin: 0.5em 0 0 0;
	padding: 0.25em;
}

footer {
	border-top: 1px solid black;
	border-left: 1px solid black;
}

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

h4 {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	font-size: 150%;
}

header {
	/* background-color: #eeeeff; */
}

img.headerImage {
	max-height: 100px;
}

img.hormonesImage {
	max-height: 100px;
	max-width: 100%;
}

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

nav {
	background-color: #eeeeff;
	border: 1px solid blue;
	float: left;
	margin: 1.0em 0 0.5em 0;
	width: 18%;
}

nav a {
	color: blue;
	text-decoration: none;
}

nav a:hover {
	color: red;
}

nav p {
	margin: 0.5em 0 0.5em 1em;
}

p.songAnnotation {
	font-size: 125%;
	margin: 0;
}

p.songName {
	font-size: 200%;
	margin-bottom: 0em;
}

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

table.gameMaterialsTable td,
table.gameMechanicsTable td {
	vertical-align: top;
}

table.header {
	border: 0;
}

/* The cell widths center the text over the article area */
table.header td.headerImage {
	border: 0;
	text-align: center;
	width: 21%;
}

table.header td.headerLogo {
	border: 0;
	text-align: center;
	width: 79%;
}

/* Move the MTV logo over the navigation area */
table.header td.headerText {
	border: 0;
	font-size: 250%;
	font-weight: bold;
	text-align: center;
	width: 79%;
}

table.soundTrackTable td {
	width: 50%;
}

td.dateMarker {
	white-space: nowrap;
}

td.documentName,
td.mechanicName {
	font-weight: bold;
}

td.song {
	font-style: italic;
}

td.yearMarker {
	background-color: #eeeeff;
	font-size: 150%;
}

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

tr.evenRow {
	background-color: rgba(0, 0, 64, 0.05);
}

tr.headerRow {
	background-color: #eeeeff;
}

tr.headerRow td {
	font-weight: bold;
}

tr.sectionTitle {
	background-color: #eeeeff;
	font-style: italic;
	text-align: center;
}