@charset "utf-8"; /* Merkistön julistus */

* /* Perusasetukset kaikille elementeille, nottei tarvi kaikkia alustaa erikseen. */
{
	position: relative;
	font-family: Arial, sans-serif;
	color: #ddd;
	margin: 0;
	padding: 0;
	border: 0;
}

html, body /* Sivun taustaväri */
{
	background-color: #012;
	font-size: 11pt;
}

body
{
	width: 768px;
	margin: auto;
	margin-top: 64px;
	margin-bottom: 64px;
}

.bloque /* Sivu on rakennettu kauniista palikoista */
{
	background: #000;
	border: 1px solid;
	border-color: #888 #444 #444 #888;
	border-radius: 3pt;         /* CSS 3:a, selaimet heittää herjaa tästä vielä */
		-khtml-border-radius: 3pt;  /* Siksi pitää laittaa */
		-moz-border-radius: 3pt;    /* sivumoottorikohtaiset */
		-webkit-border-radius: 3pt; /* versiot tähän näin.  */
}

#header
{
	margin-top: 96px;
	overflow: visible;
	text-align: center;
}

	#header:hover
	{
		background: #111;
	}

	h1
	{
		font-size: 17pt;
		overflow: visible;
	}
	
		h1 img
		{
			width: 620px;
			height: 226px;
			margin-top: -68px;
			margin-bottom: -12px;
		}
		
		#header a
		{
			display: block;
			width: 100%;
			height: 100%;
		}

#ticker
{
	margin-top: 1ex;
	margin-bottom: 1ex;
	height: 1em;
}

.ticker
{
	position: absolute;
	width: 64px;
	height: 100%;
	top: 0;
}
	.fadeIn
	{
		right: 0;
	}

	.fadeOut
	{
		left: 0;
	}

#main div
{
	margin: 1em;
}

	#navigation
	{
		border-right: 1px #444 solid;
		width: 9em;
		float: left;
		z-index: 5;
	}
	
	#navigation ul
	{
		margin-bottom: 1em;
	}
	
	#navigation li
	{
		list-style: none;
	}
	
	#navigation a
	{
		color: #eee;
		text-decoration: none;
	}
	
	#navigation a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
	#counter
	{
		margin-top: 12em !important;
		text-align: center;
		font-size: 7pt;

	}

	#content
	{
		padding-left: 10em;
		text-align: left;
		min-height: 20em;
	}
		#content > *
		{
			margin: 0;
			margin-top: 1em;
		}

	#content h2, #content h3
	{
		border: 0;
		padding: 0;
		margin-top: 0;
		margin-bottom: 1em;
	}
	
	#content h2
	{
		margin: 0 !important;
		margin-top: 2em !important;
		font-size: 15pt;
	}

	#content h2:first-child
	{
		margin-top: 0 !important;
	}

	#content h2 + .added, #content h3 + p, #content h4 + p, #content h4 + ul
	{
		margin-top: 0 !important;
	}

	#content h3, #content ol li
	{
		margin-top: 2em;
		font-size: 13pt;
		font-weight: bold;
	}

	#content a
	{
		color: #eee;
		text-decoration: underline;
	}
	
	#content a:hover
	{
		color: #fff;
	}

	#content ol li p
	{
		font-size: 11pt;
		font-weight: normal;
	}

	em
	{
		font-style: normal;
		font-weight: bold;
	}
	
	.hox
	{
		text-align: center !important;
		font-weight: bold;
		color: #d00;
	}
	
	#content ul, #content ol
	{
		margin-left: 2em;
	}
	
	#content ol ul li
	{
		list-style-type: none;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	#content .added
	{
		font-size: 7pt;
	}

	#content .addedOn
	{
		color: #ddd;
	}

	#content .addedBy:before
	{
		content: " lisännyt ";
	}

	#content .addedBy
	{
		color: #ddd;
	}

	#content .source
	{
		margin-top: 1em;
		font-size: 9pt;
		color: #ccc;
	}

#footer, #footer > *
{
	margin-top: 2ex;
	text-align: center;
	font-size: 9pt;
}

	#footer a
	{
		color: #eee;
		text-decoration: none;
	}