body { margin: 0px; background-image: url(img/yla_08_ylin.jpg); background-repeat: repeat-x; text-align: center; background-color: black; background-position: center -142px;  }
		body#etusivu { background-position: top center; }
		
		div#kaikki {
			text-align: left;
			
			margin-left: auto;
			margin-right: auto;
			
			width: 905px;
		}
		
		div#ylaosa {
			width: 905px;
			height: 200px;
			
			background-image: url(img/yla_08_ylin.jpg);
			background-repeat: no-repeat;
			background-position: bottom center;
		}

		#etusivu div#ylaosa { height: 342px; }
	
		div#valikko {
			width: 905px;
			height: 130px;
			
			background-image: url(img/yla_08_vali.jpg);
			background-repeat: no-repeat;
		}

		div#valikko_vasen {
			float: left;
			width: 280px;
			padding-top: 30px;
		}
		
		div#valikko_oikea {
			float: right;
			width: 277px;
			padding-top: 30px;
		}
		
		#valikko a span { display: none; }

		#valikko a {
			display: block;
			height: 25px;
			
			background-position: right top;
			background-repeat: no-repeat;
		}
		
		#valikko #valikko_oikea a { background-position: left top; }
		
		/*
		a#paivak { background-image: url(img/v_paivakirja.jpg); }
		a#yhtye { background-image: url(img/v_yhtye.jpg); }
		a#musiikki { background-image: url(img/v_musiikki.jpg); }
		a#kuvat { background-image: url(img/v_kuvat.jpg); }
		a#sanat { background-image: url(img/v_sanat.jpg); }
		a#polyt { background-image: url(img/v_polyt.jpg); }
		*/

		div.tyhja { height: 1px; clear: both; }

		div#leipikset {
			margin-top: 0px;
			padding-bottom: 30px;
			padding-top: 5px;
		
			background-image: url(img/tausta_sisalto.gif);
			background-repeat: no-repeat;
		}

		div#sisalto {
			margin-left: 70px;
			margin-right: 50px;
		}
		
		body#etusivu div#sisalto, body#paivakirja div#sisalto {
			float: left;
			width: 532px; margin-right: 0px;
			border: solid 1px #222222;
			border-width: 0px 1px 0px 0px;		
		}
		
		#sisalto div.sisempi {
			padding-right: 15px; 
		}
		

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */



		div.paivakirja {
			margin-bottom: 60px;
		}
		
		h1 {
			clear: both;
			
			font: 17px Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			
			letter-spacing: 17px;
			text-transform: uppercase;
			text-align: center;
			
			border: solid 1px #1D1D1D;
			border-width: 0px 0px 1px 0px;
			
			color: #666666;
			
			padding: 0px 0px 8px 0px;
			margin: 0px -15px 15px -15px;
			
		}
		
		h2 {
			text-shadow: black 0px 0px 1px;
			margin-top: 18px;
			margin-bottom: 10px;
			padding-top: 0px;
		
			font: 24px Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			line-height: 24px;
			color: white;
		}
		
		h3 {
			margin-top: 10px;
			margin-bottom: 4px;
		
			border: solid 1px #222222;
			border-width: 0px 0px 1px 0px;
		
			font: 16px Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			color: white;
			letter-spacing: 2px;
			text-align: center;
		}
		
		div#timo, div.timo {
			margin-bottom: 20px;
			padding: 20px;
			border: dashed 1px #222222;
		}
		
		#timo h3 { margin-top: 8px; }
		
		.paivakirja h2 span.pvm {
			display: block; 
			float: left;
			margin-top: -3px;
			margin-right: 8px;
			
			background-image: url(img/sulkeet.gif);
			background-position: no-repeat;
			
			font-size: 13px;
			line-height: 11px;
			text-align: center;
			
			padding: 6px 17px 6px 18px;
			color: #666666;
			color: #0dadd5;
		}

		p, td, li, pre { 
			font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
			font-size: 11px;
			color: #888888;
			line-height: 18px;
		}
		
		p { margin-top: 5px; margin-bottom: 15px; }
	
	
		div#sivupalkki {
			width: 206px;
			float: right;
			margin-right: 70px;
			padding-top: 8px;
		}
		
		
		#sivupalkki table td {
			font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
			color: #888888;
			font-size: 11px;
		}
		
		#sivupalkki table.keikat { margin-bottom: 10px; }
		
		#sivupalkki table.keikat td {
			padding: 8px 0px 8px 0px;
			
			border: dashed 1px #222222;
			border-width: 0px 0px 1px 0px;
			
			vertical-align: top;

			width: 138px;		
		}
		
		#sivupalkki p.menneet_esiintymiset { margin-top: 0px; margin-bottom: 30px; }
		
		#sivupalkki table td.pvm {
			width: 70px;
			color: #1b9bbb;
			font: 12px Georgia, Times, serif;
			font-style: italic;
		}
		
		#sivupalkki table.keikat td b { color: white; font-weight: normal; }
	
		h2#esiintymiset span { display: none; }
		h2#esiintymiset {
			width: 206px;
			height: 29px;
			
			margin: 0px 0px 8px 0px;
			
			background-image: url(img/esiintymiset.gif);
		}
		
		#musiikki h2 { margin-bottom: 0px; }
		
		h2 span.vuosi {
			padding-left: 10px;
			font-style: italic;
			color: #666666;
			font-size: 16px; 
		}
		

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */


		div#yhteystiedot {
			margin-top: 35px;
		}
		
		h4 {
			margin-top: 10px;
			margin-bottom: 10px;
			
			font: 14px Georgia, Times, serif;
			color: #666666;
			letter-spacing: 7px;
			text-transform: lowercase;
			text-align: center;
		}
		
		div#yhteys {
			margin: 20px 54px 20px 54px;
			padding-top: 10px;
			
			border: solid 1px #181818;
			border-width: 1px 0px 0px 0px;
			
			text-align: center;

			font: 10px Georgia, Times, serif;
			color: #666666;
			letter-spacing: 2px;
			line-height: 19px;
		}
		
		#yhteys em { color: #09414e; }
		
		a:link, a:visited {
			color: #1b9bbb;
		}
		
		a:hover {
			color: #CC0000;
		}


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */


		div.palstat {
			clear: both;
		}
		
		div.palstat.levy { margin-bottom: 30px; border: solid 1px #222222; border-width: 1px 0px 1px 0px; }
		.palstat.levy div.palsta { margin-right: 10px; width: 240px; padding-top: 8px; }
		#sanat div.palstat div.palsta { width: 200px; margin-right: 35px; padding-top: 10px; }
		#sanat div.palstat div.palsta.teksti { width: 500px; margin: 0px; padding-top: 0px; border: solid 1px #222222; border-width: 0px 1px 0px 0px; }
		#sanat div.palstat div.palsta.oikea { padding-top: 0px; margin-right: 0px; width: 250px; }

		#videot div.palstat div.palsta { width: 550px; margin: 0px; padding-top: 0px; border: solid 1px #222222; border-width: 0px 1px 0px 0px; }
		#videot div.palstat div.palsta.oikea { padding-top: 0px; margin-right: 0px; width: 200px; border: 0px; }

		
		#kuvat div.palsta { width: 520px; }
		#kuvat div.palsta.oikea { width: 200px; }
		
		div.palsta {
			float: left;
			width: 370px;
		}
		
		div.palsta.oikea {
			float: right;
		}
		
		#sanat ul { padding: 0px; margin: 0px; }
		#sanat ul li {
			margin: 0px;
			padding-left: 0px;
			padding-bottom: 15px;
			list-style-type: none;
			line-height: 15px;
		}
		
		#sanat div.palsta.oikea ul li { padding-bottom: 4px; text-align: right; }
		
		ol.levy, ul.linkit, ul.keikat {
			padding: 0px;
			margin-top: 5px;
			margin-bottom: 15px;
			margin-left: 0px;
			margin-right: 0px;
		}
		
		ul.keikat strong.pvm {
			display: inline-block;
			width: 70px;
			
			color: #1b9bbb;
			font: 12px Georgia, Times, serif;
			font-style: italic;

		}
		
		ol.levy li, ul.linkit li, ul.keikat li {
			list-style-position: inside;
			color: #1b9bbb;
			
			border: dashed 1px #222222;
			border-width: 0px 0px 1px 0px;
			
			padding-top: 3px;
			padding-bottom: 3px;
			padding-left: 5px;
		}
		ul.keikat li { color: #888888; list-style-type: none; }
		
		#sanat ol.levy li, ul.linkit li  { color: #888888; }
		
		ol.levy li span {
			color: #888888;
		}
		
		em.tehoste {
			color: #1b9bbb;
			font: 12px Georgia, Times, serif;
			font-style: italic;
		}
		
		div.kapea {
			width: 500px;
			margin-left: 140px;
		}
		
		div.erotin {
			height: 1px;
			margin-bottom: 20px;
		}
		

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

		#vieraskirja .palstat div.palsta { width: 540px; border: solid 1px #222222; border-width: 0px 1px 0px 0px;  }
		#vieraskirja .palstat div.palsta.oikea { width: 200px; border: 0px; background-image: url(img/kirjoita.gif); background-repeat: no-repeat; padding-top: 50px; }
	
		#vieraskirja table.navigaatio {
			width: 510px;
			
			border: dashed 1px #333333;
			border-width: 0px 0px 1px 0px;
		}

		#vieraskirja input.teksti, #vieraskirja textarea.teksti {
			width: 175px;

			border: solid 1px #333333;
			padding: 2px;
			
			background-color: #111111;
			
			font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
			font-size: 11px;
			color: white;
		}
	
	
		div.viesti {
			margin-right: 30px;
			padding-top: 10px;
			padding-bottom: 15px;
		
			border: dashed 1px #333333;
			border-width: 0px 0px 1px 0px;
		}
		
		.viesti div.tiedot {
			width: 100px;
			padding-top: 6px;
			margin-right: 20px;
			
			float: left;
			
			text-align: right;
			
			font-family: Tahoma, Verdana, Arial, helvetica, sans-serif;
			font-size: 11px;
			line-height: 16px;
			color: #444444;
		}
		
		.viesti p { margin-bottom: 0px; }
		
		.viesti div.teksti {
			float: left;
			width: 330px;
		}

		span.aika { color: #444444; }
		span.nimi { color: white; }
		
		.viesti div.vastaus {
			clear: both;
			
			margin-left: 120px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		.viesti div.vastaus p {
			padding-top: 10px;
		
			color: #5C5C5C;

			border: solid 1px #1b9bbb;
			border-width: 1px 0px 0px 0px;		
		}
		
		
		p.vastaus {
			margin-top: 0px;
			padding-top: 10px;
		
			color: #5C5C5C;

			border: solid 1px #1b9bbb;
			border-width: 1px 0px 0px 0px;		
		}
		
		p.kysymys { margin-bottom: 10px; }
		
		img.reuna {
			border: solid 1px #444444;
			margin-left: 10px;
			margin-bottom: 10px;
		}
		
		div#merivalikko {
			margin-left: 53px;
			margin-right: 50px;
			margin-bottom: 17px;
			padding-left: 15px;
			padding-bottom: 15px;
			border: solid 1px #202020;
			border-width: 0 0 1px 0;
		}
		
		#merivalikko a img { border: 0px; }
		#merivalikko a:hover { border: solid 1px #ad9e8a; border-width: 0 0 1px 0; }
		
	

	div#hee-mainos {
		width: 752px;
		height: 123px;
		
		position: relative;
		margin-left: 80px;
		margin-top: 10px;
		margin-bottom: 20px;
		background-image: url(img/hee_mainos.gif);
	}
	
	#hee-mainos a {
		position: absolute;
	
		width: 100px;
		height: 21px;
		font-size: 1px;
		text-indent: -9999px;
		
	}
	
	a#lataa_single {
		top: 83px;
		left: 222px;
	}
	a#katso_video {
		top: 83px;
		left: 365px;
	}
	a#osta_single {
		width: 238px;
		top: 83px;
		left: 508px;
	}


	#hee-mainos a:hover {
		border: solid 1px #990000;
		border-width: 0 0 1px 0;
	}