@charset "utf-8";
/* CSS Document */



body {
	/* background-color: #633; perusväri */
	/* background-color: #557f96; kesäsininine */
	/* background-color: #693200; ruskea */
	/* background-color: #d66603; oranssi */
	/* background-color: #f3a038; */
	/* background-color: #633; tumma lila */ 
	/* background-color: #C7E1F6; /*vaal sini */
	
	
	/*background-color: #56a20a; kesä 09 vihree */
	
	/* background-color: #f45813; */
	
/* 	background-color: #56a20a; */
background-color: #000;
	
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	background-attachment: fixed;
	background-image: url(img/monk_back11.gif); 	 
/*background-image: url(img/monk_back07jul.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
}

#container {
	margin: 15px auto;
	background-color: #fff;
	width: 798px;
	text-align: left;
	/* border: 6px solid #999; */
}

#top {
	height: 150px;
	/* border-bottom: 6px solid #999; */
}

#top img {
	border: 0;
	margin: 0;
}

#topnavi {
	margin: 0;
	padding: 0;
	height: 30px;
	/* background-color: #633; */
	background-color: #b20067;
}

#topnavi ul {
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

#topnavi ul li {
	display: inline;
	margin-right: 20px;
}

#topnavi ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: center;
	line-height: 200%;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	width: 120px;
	height: 30px;
	padding: 0 6px;
	margin-right: 6px;
	background-color: #000;
}

#topnavi ul li a:hover {
	background-color: #fff;
	color: #000;
}

#topnavi ul li a.activelink {
	background-color: #fff;
	color: #000;
	background-image: url(img/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#rightpanel {
	margin: 0;
	margin-top: 20px;
	padding: 6px;
	width: 300px;
	float: right;
}

#rightpanel h2 {
	font-size: large;
}

#content {
	margin-right: 320px;
	padding: 1em;
	border-right: 1px dashed #ccc;
}

#content h2 {
	font-size: large;
}

#content p {
	line-height: 170%;
	margin-left: 22px;
}

#content ul {margin: 0; padding:0;}

#past {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

#past li {
	width: 280px;
	background-color: #ccc;
	margin: 6px;
	padding: 6px;
	line-height: 140%;
}

.narikka {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
}

#day1 {
	margin: 6px;
	background-color: #ccc;
	padding: 0 6px;
}

#day1 h2 {
	padding-top: 6px;
}

#day2 {
	margin: 6px;
	background-color: #C7E1F6;
	padding: 0 6px;
}

#day3 {
	margin: 6px;
	background-color: #d9eeee;
	padding: 0 6px;
}

#day4 {
	margin: 6px;
	background-color: #900;
	color: #fff;
	padding: 0 6px;
}

#day5 {
	margin: 6px;
	background-color: #000;
	color: #fff;
	padding: 0 6px;
}

#infoo, #infoo2, #infoo3, #infoo4, #infookesa, #standupturku {
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px;
	padding: 6px;
	line-height: 140%
}

#standupturku {
	color: #fff;
	background-color: #814698;
	background-image:url(img/standupfooter.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;}

#infoo2 {
	/* background-color: #900; */
	background-color: #000;
	color: #fff;
	}

#infoo2 a {	color: #fff;}

#infoo3 {
	/* background-color: #f90; */
	background-color: #b20067;
	line-height: 140%;
	color: #fff;
}

ul#lista {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#lista li {padding: 6px;}
ul#lista li a {text-decoration: none;}

#infoo4 {
	background-color: #663;
	font-weight: bolder;
	line-height: 130%;
	color: #fff;
}

#infookesa {
	background-color: #dfdd00;
	font-weight: bolder;
	line-height: 130%;
}

#infookesa h1 {
	font-size: 26px;
	line-height: 28px;
}

#fakta {
	font: 11px Georgia, "Times New Roman", Times, serif;
	letter-spacing: .11em;
	padding-left: 6px;
	padding-right: 6px;
	width: 320px;
	line-height: 150%;
	list-style: none;
}

.fakta {
	font: 11px Georgia, "Times New Roman", Times, serif;
	letter-spacing: .11em;
	padding-left: 6px;
	padding-right: 6px;
	width: 360px;
	line-height: 150%;
	list-style: none;
	margin-top: 6px;
}

.soittaja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 160%;
	padding-top: 6px;
}

.artisti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: .01em;
	font-weight: normal;}

.etumies {
	margin-top: 75px;
}

hr {
	border-top: 3px dotted #ccc;
}

a {
	color: #000;
}

#ke, #pe {
	margin: 6px;
	background-color: #ccc;
	padding: 12px;
	list-style: none;
	line-height: 160%;
	border-top: 2px solid #333;
}

#to, #la {
	margin: 6px;
	background-color: #C7E1F6;
	padding: 12px;
	list-style: none;
	line-height: 160%;
	border-top: 2px solid #333;
}

#ma li, #ke li, #to li, #pe li, #la li {margin-bottom: 8px;}

#ma {
	margin: 6px;
	background-color: #d9eeee;
	padding: 12px;
	list-style: none;
	line-height: 160%;
	border-top: 2px solid #333;
}

ul#kalenteri {margin:0;}
ul#kalenteri li {margin-left: 0;}


/* fix for mozilla's center-position-changes-when-scrollbar-appears behaviour */
html {
	overflow:-moz-scrollbars-vertical;
}

