/*General*/

div, img, ol, ul, li, p, body, h1, h2, h3, blockquote, table, th, tr, td, dl, dd, dt, form  {
margin: 0;
padding: 0;
border: 0;
}

h1, h2, h3, h4, .float {
clear: both;
}

body {
margin: 0 auto;
color: #333;
background: #fff url(body.gif) no-repeat;
font-family: "Arial", "Helvetica", sans-serif;
text-align: left;
font-size: 12px;
line-height: 20px;
}

.content {
margin: 0 0 0 5%;
}

	div#header .content {
	margin: 0 0 0 5%;
	}

	div#body .content {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
	}

	div#footer .content {
	float: right;
	margin: 0 5% 0 0;
	}

div#header {
padding: 10px 0 30px 0;
background: transparent url(header.gif) repeat-x left bottom;
}

	h1 {
	padding: 0 0 0 5%;
	border-bottom: 1px dotted #999;
	}

div#body {
width: 100%;
color: #fff;
background: #111;
}

	div#main {
	float: left;
	width: 600px;
	padding: 0 20px 10px 0;
	}

	div#sidebar {
	float: right;
	width: 300px;
	padding: 0 0 10px 20px;
	}
	
	.one div#main {
	width: 940px;
	padding: 0 0 10px 0;
	}

	.one div#sidebar {
	display: none;
	}

div#footer {
clear: both;
padding: 20px 0 10px 0;
}

	div#footer p {
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 20px 20px 0;
	}

	p.footnote {
	float: none;
	clear: both;
	line-height: 1em;
	margin: 0;
	visibility: hidden;
	}

/*Text styles*/

.introduction {
font-size: 18px;
line-height: 30px;
}

strong, dt, h1 a em, h1, h2, h3, h4 {
font-style: normal;
font-weight: bold;
text-transform: uppercase;
}

.float, .info, em, blockquote {
font-style: italic;
}

/*Text color*/

div#main .info, div#main .introduction, div#main .float, h2, h3, h4, h1 a em, blockquote {
color: #777;
}

div#footer {
color: #666;
}

a {
color: #ff00ae;
}

h1 a, li.active a {
color: #333;
}

	div#body li.active a {
	color: #fff;
	}

/*Text*/

h1 span {
font-size: 0.4em;
text-transform: lowercase;
margin-left: 2em;
}

blockquote {
padding-left: 20px;
}

p, ul, ol {
margin: 10px 0 30px 0;
}

	.float p, .float ul {
	margin: 10px 0;
	}

ul {
list-style: square;
padding-left: 30px;
}

	div#header ul.navigation {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	}

	div#header ul.navigation li {
	display: inline;
	margin-right: 1em;
	}

ol {
list-style: decimal;
padding-left: 30px;
}

ol li {
margin-bottom: 10px;
}

ol ol {
list-style: lower-alpha;
}

.info, .float {
float: right;
margin: 10px 0 0 0;
padding: 0 0 30px 80px;
}

.float {
width: 220px;
}

	.one .float {
	width: 300px;
	}

div#main p.image {
text-align: center;
}


dt {
margin-top: 20px;
}

/*Heading*/

h1 {
font-size: 4em;
line-height: 1.3em;
}

h2 {
margin: 30px 0 10px 0;
padding: 0 0 9px 0;
font-size: 2em;
line-height: 40px;
}

h3 {
margin: 20px 0 0 0;
padding: 29px 0 10px 0;
border-top: 1px dotted #999;
font-size: 1.4em;
line-height: 20px;
}

h4 {
margin: 18px 0 9px 10px;
font-size: 1em;
}

/*Image*/

img {
max-width: 100%;
}

img {
border-bottom: 3px dotted #999;
padding-bottom: 7px;
}

	div#main p.image img {
	margin: 5px 10px;
	}

	div#main a img {
	border-bottom-color: #ff00ae;
	}

	div#main a img:hover {
	border-bottom-color: #006a8a;
	}

/*Link*/

ul.navigation a:hover, a {
text-decoration: none;
border-bottom: 1px dotted #ff00ae;
}

li.active a:hover {
border-bottom-color: #fff;
}

h1 a, ul.navigation a, a:hover {
border-bottom: 0;
}

ul.navigation {
text-transform: uppercase;
font-size: 1.2em;
}

/*Sivukohtaiset*/

.esiintymispelko div#sidebar p.image {
margin-bottom: 0;
}

.treffailu dd {
padding-left: 20px;
background: transparent url(li.gif) 4px 0.5em no-repeat;
}