body
{
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	margin: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	background: #000000;
	background-image: url(background.png);
	background-repeat: repeat;
	color: #ffffff;
}

/* Defines height & position of header */
#header {
	height: 110px;
	margin: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

/* Defines width & position within header */
#subheader {
	height: 100%;
	margin: auto;
	position: relative;
	width: 640px;
}

/* Defines height & position of content */
#column {
	bottom: 0px;
	margin: 0px;
	position: absolute;
	top: 110px;
	width: 100%;
}

/* Defines width & position within column */
#subcolumn {
	height: 100%;
	margin: auto;
	position: relative;
	width: 640px;
}

.container
{
}

p
{
	font-size: 1em;
	line-height: 1.4;
}

/*
These set the sizes for the title (h1) and the author name (h2).

The ideal font-size for h1 may vary quite a bit depending on how long the
game's title is: larger for one-word titles, smaller for longer titles.

Should we wish to remove the title entirely and allow the cover art alone
to represent the game, we need only add the line "display: none;" to the
definition of h1.
*/
h1 { font-size: 2em; }
h2 { font-size: 1em; line-height: .25;}

#gameport
{
	bottom: 0px;
	color: #ffffff;
	left: 0px;
	line-height: 1.4;
	margin: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/*
Styles for mobile browsers: change to a one-column layout.
*/
@media screen and (max-device-width: 480px)
{
	.coverimage, .introduction, .about, .playinfo, .source, .sourceintroduction, .sourcecoverimage, .notes
	{
		float: none;
		margin-left: 1em;
		margin-right: 1em;
		text-align: left;
	}

	.play .coverimage, .play .interpretercredit
	{
		display: none;
	}

	#gameport
	{
		left: 0px;
		width: auto;
	}

	#subheader, #subfooter, #subcolumn
	{
		width: 320px;
	}

	.framelabel, .play .links
	{
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}
}