/* Cascading Style Sheet for American Wrestling Trivia front page
 * © 2000-2021 Peter Krefting
 */

body {
	background: black;
	color: white;
}

:link, :active, :visited {
	color: #aac;
}

.logo, .logosmall {
	float: left;
	position: fixed;
	top: 0;
	left: 0;
}

.logo {
	width: 160px;
}

.logosmall {
	width: 80px;
}

.logo p, .logosmall p {
	margin: 0 1em;
	line-height: 2em;
	text-align: center;
}

.main {
	margin-left: 160px;
}

.mainsmall {
	margin-left: 80px;
}

h2 {
	text-align: center;
	color: #e22;
	text-decoration: none;
	border-bottom: 2px solid #e22;
	margin-bottom: 0;
}

dl {
	margin-left: 0;
}

dt, dd {
	text-indent: 0;
	margin-bottom: 0;
}

dt {
	font-weight: bold;
	margin-top: .5em;
}

dd {
	margin-left: 0;
}

div.finstilt p, p.blurb {
	font-size: 80%;
}

p.blurb {
	border-top: 1px solid #aaa;
	color: #ccc;
}

/* Språklänkar */

.sv, a.sv, a.sv:link, a.sv:active, a.sv:hover, a.sv:visited,
div.logo .sv, div.logo a.sv, div.logo a.sv:link, div.logo a.sv:active,
div.logo a.sv:hover, div.logo a.sv:visited, div.right a.sv:hover {
	background: #00c;
	color: #ff8;
}

.fi, a.fi, a.fi:link, a.fi:active, a.fi:hover, a.fi:visited,
div.logo .fi, div.logo a.fi, div.logo a.fi:link, div.logo a.fi:active,
div.logo a.fi:hover, div.logo a.fi:visited, div.right a.fi:hover {
	background: #fff;
	color: #006;
}

.en, a.en, a.en:link, a.en:active, a.en:hover, a.en:visited,
div.logo .en, div.logo a.en, div.logo a.en:link, div.logo a.en:active,
div.logo a.en:hover, div.logo a.en:visited, div.right a.en:hover {
	background: #006;
	color: #fff;
}

.de, a.de, a.de:link, a.de:active, a.de:hover, a.de:visited,
div.logo .de, div.logo a.de, div.logo a.de:link, div.logo a.de:active,
div.logo a.de:hover, div.logo a.de:visited, div.right a.de:hover {
	background: #600;
	color: #ff8;
}

.es, a.es, a.es:link, a.es:active, a.es:hover, a.es:visited,
div.logo .es, div.logo a.es, div.logo a.es:link, div.logo a.es:active,
div.logo a.es:hover, div.logo a.es:visited, div.right a.es:hover {
	background: #cc0;
	color: #400;
}

.hu, a.hu, a.hu:link, a.hu:active, a.hu:hover, a.hu:visited,
div.logo .hu, div.logo a.hu, div.logo a.hu:link, div.logo a.hu:active,
div.logo a.hu:hover, div.logo a.hu:visited, div.right a.hu:hover {
	background: #0c0;
	color: #fff;
}

.no, a.no, a.no:link, a.no:active, a.no:hover, a.no:visited,
div.logo .no, div.logo a.no, div.logo a.no:link, div.logo a.no:active,
div.logo a.no:hover, div.logo a.no:visited, div.right a.no:hover {
	background: #600;
	color: #fff;
}

a.sv, a.sv:link, a.sv:active, a.sv:hover, a.sv:visited,
a.fi, a.fi:link, a.fi:active, a.fi:hover, a.fi:visited,
a.en, a.en:link, a.en:active, a.en:hover, a.en:visited,
a.de, a.de:link, a.de:active, a.de:hover, a.de:visited,
a.es, a.es:link, a.es:active, a.es:hover, a.es:visited,
a.hu, a.hu:link, a.hu:active, a.hu:hover, a.hu:visited,
a.no, a.no:link, a.no:active, a.no:hover, a.no:visited,
div.logo a.sv, div.logo a.sv:link, div.logo a.sv:active,
div.logo a.sv:hover, div.logo a.sv:visited,
div.logo a.fi, div.logo a.fi:link, div.logo a.fi:active,
div.logo a.fi:hover, div.logo a.fi:visited,
div.logo a.en, div.logo a.en:link, div.logo a.en:active,
div.logo a.en:hover, div.logo a.en:visited,
div.logo a.de, div.logo a.de:link, div.logo a.de:active,
div.logo a.de:hover, div.logo a.de:visited,
div.logo a.es, div.logo a.es:link, div.logo a.es:active,
div.logo a.es:hover, div.logo a.es:visited,
div.logo a.hu, div.logo a.hu:link, div.logo a.hu:active,
div.logo a.hu:hover, div.logo a.hu:visited,
div.logo a.no, div.logo a.no:link, div.logo a.no:active,
div.logo a.no:hover, div.logo a.no:visited {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-family: inherit;
}

div.logo a.sv,         div.logo a.en,         div.logo a.no,         div.logo a.de,
div.logo a.sv:link,    div.logo a.en:link,    div.logo a.no:link,    div.logo a.de:link,
div.logo a.sv:visited, div.logo a.en:visited, div.logo a.no:visited, div.logo a.de:visited
{
	border: 1px solid black;
	padding: 2px;
}

div.logo a.sv:hover,  div.logo a.en:hover,  div.logo a.no:hover,  div.logo a.de:hover,
div.logo a.sv:active, div.logo a.en:active, div.logo a.no:active, div.logo a.de:active
{
	border: 1px solid #ccc;
	padding: 2px;
}

div.logo span.sv, div.logo span.en, div.logo span.no, div.logo span.de {
	border: 1px solid white;
	padding: 2px;
}

/* Columns for year list */

.eventlist {
	column-width: 25em;
}

/* Kompakta listor */

div.compactlist {
	clear: left;
	margin: .5em 1em;
}

div.compactlist h3 {
	float: left;
	width: 80px;
	border-top: 1px solid white;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
}

div.compactlist ul {
	margin-left: 80px;
	list-style-type: none;
	border-left: 1px solid white;
	padding-left: 1em;
}