games/competition2020/Games/Entangled/layout.css

/* body {
	background-color:black;
	font-family: "Lucida Grande", Arial, Sans-Serif;
	color:#c9c9c9;
	font-size:12px;
	font-weight:normal;
	}
	*/

body
{
	font-family: Georgia, Palatino, "Times New Roman", Times, serif;
	font-size: 100%;
	-webkit-text-size-adjust: none;
}

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

.container
{
	margin-top: 2em;
	width: 100%;

}


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


a
{
	text-decoration: none;
	color: #369;
}

a:visited
{
	text-decoration: none;
	color: #006;
}

a:hover
{
	text-decoration: none;
	color: #33C;
}


#container {
	position: relative;
	top: 20px;
	margin: 0px;
	width: 750px;
	height: 80%;
	}



	#sidebar {
		position: relative;
		float: left;
		top: 10px;
		margin: 0px auto;
		width: 255px;
		height: 120px;
		}

	#game {
		position: relative;
		float: left;
		top: 15px;
		margin: 0px;
		width: 700px;
		height: 500px;
		padding: 20px;
		margin: 20px;
		}

	#coverimage {
		position: relative;
		float: right;
		width: 120px;
		height: 120px;
		border-color: grey;
		border-style: solid;
		}


		.coverimage {
			width: 120px;
			margin-top: 2em;
			margin-left: 5em;
			float: left;
			clear: left;
			text-align: right;
			border-color: grey;
			border-style: solid;

		}


		.introduction
		{
			padding-top: 2.4em;
			margin-left: 15.4em;
			width: 33em;
			line-height: 1;
			text-align: left;
		}

		h1 { font-size: 2em;  }
		h2 { font-size: 1em; line-height: .25;}


		.about
		{
			margin-top: 2.8em;
			margin-left: 15.4em;
			width: 33em;
			text-align: left;
		}

		.about p { margin-bottom: 0; }

		.about p + p
		{
			text-indent: 1.4em;
			margin-top: 0;
		}

		.links
		{
			width: 13em;
			float: left;
			clear: left;
			text-align: right;
			margin-top: 2.8em;
		}

		.links li
		{
			list-style-type: none;
			list-style-position: default;
			padding: .4 em;
		}

		span.filetype { font-size: .5em; }

		.source
		{
			margin-top: 1.4em;
			margin-left: 15.4em;
			width: 33em;
			line-height: 1.4;
		}

		.sourceintroduction
		{
			margin-left: 15.4em;
			width: 33em;
		}

		.sourceintroduction h1
		{
			padding-top: 2.8em;
			font-size: 1em;
			line-height: 1;
			text-align: right;
			text-decoration: none;
			font-weight: normal;
			font-style: italic;
		}

		.sourceintroduction h2
		{
			display: none;
		}

		.sourcecoverimage
		{
			width: 12.6em;
			margin-top: 2em;
			margin-left: 1em;
			float: left;
			clear: left;
			text-align: right;
		}

		/*
		Here we make invisible the one-pixel border that currently goes around
		the cover image.
		*/

		.sourcecoverimage a
		{
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			color: #FFF;
		}

		.sourcebibliography
		{
			display: none;
		}

	#links {
		position: relative;
		float: left;
		width: 90px;
		height: 120px;
		text-align: left;
		margin-left: 1em;
		margin-right: 1em;
		top: 20px;
		}

	#about {
		position: relative;
		top: 20px;
		margin: 0px auto;
		width: 75%;
		}

	#parchment {
		position: relative;
		top: 20px;
		margin: 0px auto;
		width: 75%;
		}


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