/* *************************************
	 * CSS for UndeadKilobytes.com
	 *
	 * ************************************/

	body {
		background-color:	#224477;
		font-family:		Verdana, Arial, sans-serif;
		font-size:		medium;
		color:			#FFFFFF;
		line-height:		1.5em;
	}

	nav {
		text-align:		center;
	}

	nav a {
		font-weight:		bold;
		font-size:		large;
		text-decoration:	none;
	}

	main {
		margin-top:		3em;
		margin-left:		auto;
		margin-right:		auto;
		margin-bottom:		8em;
		width:			800px;
	}

	a {
		color:			#FFFFFF;
	}

	button {
		background-color:	#DDDDFF;
		color:			#224477;
		border:			0px;
		padding:		10px;
	}

	hr {
		border:			1px solid #CCCCCC;
	}

	h2 {
		text-align:		center;
		border-top:		2px dotted #CCCCCC;
		border-bottom:		2px dotted #CCCCCC;
		padding:		5px;
	}

	#header {
		text-align:		center;
	}

	#header img {
		width:			100%;
		height:			auto;
	}

	#map_overlay {
		display:		none;
		border:			1px solid #CCCCCC;
	}

	#footer {
		color:			#CCCCCC;
		font-size:		0.8rem;
		text-align:		center;
	}

	#map_view {
		background-color:	#000000;
		overflow:		auto;
		width:			100%;
		height:			650px;
	}

	#map_controls {
		background-color:	#111166;
		display:		grid;
		grid-template-columns:	auto auto auto auto auto;
		column-gap:		10px;
	}

	#map_controls p {
		text-align:		center;
	}

	#map_base_lines {
		stroke:			#CC0000;
	}

	#map_hidden_lines {
		stroke:			#996633;
	}

	#map_mon_teleport_lines {
		stroke:			#FFCC00;
		stroke-dasharray:	1, 1;
	}

	#map_all_teleport_lines {
		stroke:			#00CCFF;
		stroke-dasharray:	1, 1;
	}

	#map_damage_lines {
		stroke:			#00CC00;
	}

	#map_secret_lines {
		stroke:			#FFFF00;
	}

	#map_broke_ceils {
		stroke:			#00FFFF;
		stroke-width:		3px;
		visibility:		hidden;
	}

	#map_broke_mids {
		stroke:			#00FFFF;
		stroke-width:		3px;
		visibility:		hidden;
	}

	#map_broke_floors {
		stroke:			#00FFFF;
		stroke-width:		3px;
		visibility:		hidden;
	}

	#symbol_table {
		margin-left:		auto;
		margin-right:		auto;
		border-spacing:		10px;
		background-color:	#000000;
	}

	#screen_shots {
		display:		grid;
		grid-template-columns:	auto auto;
		text-align:		center;
	}

	.gameconf_table {
		margin-left:		auto;
		margin-right:		auto;
	}

	.gameconf_table th {
		text-align:		left;
		font-weight:		normal;
	}

	.map_totals {
		display:		grid;
		grid-template-columns:	auto auto auto;
		column-gap:		4em;
		row-gap:		1em;
		align-items:		start;
	}

	.map_totals p {
		text-align:		center;
		font-weight:		bold;
	}

	.total_table th {
		text-align:		left;
		font-weight:		normal;
	}

	.total_table td {
		text-align:		right;
	}

	.hash_table {
		margin-left:		auto;
		margin-right:		auto;
	}

	.hash_table td {
		min-width:		250px;
	}

	.hash_table input {
		background-color:	#224477;
		color:			#CCCCCC;
		width:			450px;
		border:			1px solid #113366;
	}

	.two_cols {
		display:		grid;
		grid-template-columns:	auto auto;
		column-gap:		4em;
		row-gap:		1em;
		align-items:		start;
	}
	.two_cols p {
		text-align:		center;
		font-weight:		bold;
	}

	.three_cols {
		display:		grid;
		grid-template-columns:	auto auto auto;
		column-gap:		4em;
		row-gap:		1em;
		align-items:		start;
	}
	.three_cols p {
		text-align:		center;
		font-weight:		bold;
	}