/*
CSS Document
Title: Sonata
Author: Dead Pixel Productions
*/

html, body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

/* Perustekstit ja tyylit. */

h1 {
	font-family:Georgia, Times, serif;
	font-weight:normal;
	font-style:oblique;
	font-size:24pt;
	color:#000;
	margin-top:0;
}
h2 {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	color:#333;
	font-size:16pt;
	font-weight:normal;
	letter-spacing:1px;
	word-spacing:2px;
}
h3 {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	color:#333;
	font-size:14pt;
	font-weight:normal;
	margin:0 0 5px 0;
	letter-spacing:1px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:14pt;
	word-spacing:1px;
}
blockquote {
	width:200px;
	float:right;
	margin:10px 0 10px 20px;
	font-family:Georgia, Times, serif;
	font-size:12pt;
	font-style:oblique;
	line-height:14pt;
	color:#222;
	background-color:#eee;
	padding:10px;
}
img {
	border:0;
}	

a {
	color:#922;
}
a:hover {
	color:#c22;
}
p.paivays {
	font-style:italic;
	margin-top:0;
}

/* Sivuston kasaaja-div ja ylapalkki. */

html>body #kasaaja {
	height:100%;
}
html>body #ylapalkki {
	position:fixed;
}
#ylapalkki {
	width:100%;
	height:100px;
	background-color:#063c66;
	background-image:url(./img/bg_ylapalkki.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
div#navi {
	background-color:#eee;
	width:100%;
	position:absolute;
	top:100px;
}
#navi ul {
	padding:3px 0 3px 0;
	margin:0 auto;
	width:750px;
}
#navi li {
	display:inline;
	list-style:none;
	color:#601f10;
	font-family:"Trebuchet MS", sans-serif;
	font-size:1.1em;
	letter-spacing:1px;
	padding-right:20px;
}
#navi a {
	color:#601f10;
	text-decoration:none;
}
#navi a:hover {
	color:#000;
	text-decoration:none;
}
div#liput {
	width:750px;
	margin:39px auto;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:10pt;
	letter-spacing:2px;
}
#liput img {
	margin-right:4px;
}
	
#nykyinen {
	color:#000;
}

/* Sisallon tyylit */

html>body #sisalto-kasaaja {
	height:100%;
}
html>body #sisalto {
	padding:145px 1em 75px 1em;
	max-width:750px;
	margin:0 auto;
}
p.levy {
	font-size:9pt;
	color:#000;
	border-bottom:1px dashed #ddd;
	clear:after;
	padding-bottom:20px;
	min-height:125px;
}
p.promo {
	float:left;
	padding-right:10px;
}
#sisalto ul, #sisalto ol {
	font-size:10pt;
}

/* Palautelomake. */

fieldset {
	border:1px solid #999;
	background-image:url(./img/bg_palaute.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
#lomake legend {
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	color:#333;
}
#lomake ul {
	margin:0;
	padding:0;
	list-style:none;
}
#lomake li {
	font-size:10pt;
	margin-bottom:10px;
}
#lomake label {
	vertical-align:top;
	display:block;
}
input.kentta {
	width:300px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10pt;
	padding:2px;
}
#lomake textarea {
	width:500px;
	height:200px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10pt;
	padding:2px;
}
input.nappi {
	width:70px;
}

/* Galleria */

ul#galleria {
	list-style:none;
	padding:0;
	margin:0;
}
#galleria li {
	display:inline;
	font-size:10pt;
	margin-right:10px;
}
#kuvakerivi img {
	padding-right:10px;
}

/* Alapalkki ja muut. */

#alapalkki {
	width:100%;
	height:65px;
	background-image:url(./img/bg_alapalkki.gif);
	background-repeat:repeat-x;
	background-color:#010204;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#383838;
	text-align:center;
	font-size:10pt;
	line-height:19pt;
	letter-spacing:2px;
}
html>body #alapalkki {
	position:fixed;
	bottom:0;
}
#alapalkki a {
	color:#383838;
	text-decoration:none;
}
#alapalkki a:hover {
	color:#000;
}