/* CSS Document */



* { margin:0; padding:0; } /* Opera fix */



body{

  background: #f1a515 url('kuvat/taustakuvio.jpg');

  margin: 0px;

  text-align: center;

  color: #660000;

/*	font: 9pt/14pt cursive;*/

/*	font: 9pt/14pt georgia;*/

	font: 9pt/14pt bookman old style;

/*	font: 9pt/14pt palatino linotype; */

}



table{

	font: 9pt/14pt bookman old style;

}



a{

  color: #660000;

  text-decoration: none;

}



a:link, a:visited{

  border-bottom: 1px dotted;

}



a:hover, a:active{

  border-bottom: 1px solid;

}



a.kuva:link, a.kuva:visited, a.kuva:hover, a.kuva:active{

  border-style: none;

}



/**************************************

*  => Elementit

**************************************/



#runko{

  position: absolute;

  left: 45px;

  text-align: left;

  margin: auto;

  margin-top: 10px;

  width: 826px;

}



#yla{

  height: 300px;

  width: 800px;

  background-image: url('kuvat/tausta_yla.gif');   

}



#vali{

  width: 800px;

  min-height: 70px;

  background: url('kuvat/tausta_vali.gif') repeat-y;   

}



#linkit{

	position: absolute;

	top: 200px;

	left: 220px;

}





/* This hack makes vali min-height for IE too */

#iehack{

  height: 70px;

  float: right;

}



#teksti{

  position: relative;

  left:380px;

  width: 384px;

}



#ala{

  height: 100px;

  width: 800px;

  background: url('kuvat/tausta_ala.gif') no-repeat;   

}



#lehti{

  height: 116px;

  width: 242px;

  position: relative;

  top: -200px; /* Muista linkkielementtien vaikutus */

  left: -45px;

  z-index: 10; /* ei jää alle */

  background-image: url('kuvat/lehti.gif');   

}



/****************************************

*  => Otsikot

*****************************************/



#yla h1{

  position: relative;

  left: 350px;

  top: 20px;

  width: 500px;

  height: 100px;

  background-image: url('kuvat/vs.gif');   

}



#yla h1 span{

  display: none;

}



#yla h2{

  position: relative;

  left: 450px;

  top: 95px;

  width: 240px;

  height: 80px;

}



#yla h2 span{

  display: none;

}



#yla h2.pahkina{

  background-image: url('kuvat/pahkina.gif');   

}



#yla h2.index{

  background-image: url('kuvat/terve.gif');   

}



#yla h2.linkit{

  background-image: url('kuvat/linkkeja.gif');   

}



#yla h2.uutiset{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/sattuu.gif');   

}



#yla h2.keikat{

  background-image: url('kuvat/tien.gif');   

}



#yla h2.paivakirja{

  background-image: url('kuvat/paivakirja.gif');

}



#yla h2.tuotanto{

  background-image: url('kuvat/mokaa.gif');

}



#yla h2.otteita{

  left: 375px;

  width: 400px;

  background-image: url('kuvat/otteita.gif');

}

#yla h2.meditointi{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/meditointi.gif');

}

#yla h2.karvas{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/karvas.gif');

}

#yla h2.norja{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/norja.gif');

}

#yla h2.korea{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/korea.gif');

}

#yla h2.split{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/split.gif');

}

#yla h2.lumimies{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/lumimies.gif');

}

#yla h2.vplka{

  left: 375px;

  width: 400px;

  background-image: url('kuvat/vplka.gif');

}

#yla h2.demoni{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/demoni.gif');

}

#yla h2.ifc{

  left: 420px;

  width: 300px;

  background-image: url('kuvat/ifc.gif');

}



/**************************

*  => Linkit

********************************/



ul.linkit{

  list-style-type: none;

}



a.index:link, a.index:visited, a.index:hover, a.index:active{

  border-style: none;

  display: block;

  width: 100px;

  height: 30px;

  position: relative;

  z-index: 10; /* ei jää alle */

  background: url('kuvat/etusivu.gif');     

}



a.index span{

  display: none;

}



a.linkit:link, a.linkit:visited, a.linkit:hover, a.linkit:active{

  border-style: none;

  display: block;

  width: 75px;

  height: 30px;

  position: relative;

  left: 20px;

  z-index: 10; /* ei jää alle */

  background: url('kuvat/linkit.gif');     

}



a.linkit span{

  display: none;

}



a.bandi:link, a.bandi:visited, a.bandi:hover, a.bandi:active{

  border-style: none;

  display: block;

  width: 100px;

  height: 30px;

  position: relative;

  left: 20px;

  z-index: 10; /* ei jää alle */

  background: url('kuvat/bandi.gif');     

}



a.bandi span{

  display: none;

}



a.tuotanto:link, a.tuotanto:visited, a.tuotanto:hover, a.tuotanto:active{

  border-style: none;

  display: block;

  width: 130px;

  height: 30px;

  position: relative;

  left: -10px;

  z-index: 10; /* ei jää alle */

  background: url('kuvat/tuotanto.gif');

}



a.tuotanto span{

  display: none;

}



a.uutiset:link, a.uutiset:visited, a.uutiset:hover, a.uutiset:active{

  border-style: none;

  display: block;

  width: 100px;

  height: 30px;

  position: relative;

  left: 10px;

  z-index: 10; /* ei jää alle */

  background: url('kuvat/uutisia.gif');     

}



a.uutiset span{

  display: none;

}



a.keikat:link, a.keikat:visited, a.keikat:hover, a.keikat:active{

  border-style: none;

  display: block;

  width: 100px;

  height: 30px;

  position: relative;

  z-index: 10; /* ei jää alle */

  background: url('kuvat/keikat.gif');     

}



a.keikat span{

  display: none;

}



/**************************

*  => Muita

********************************/



img.kansi{

  vertical-align: top;

  border-style: hidden;

  border-width: 0px;

  margin: 0px 10px 0px 10px;

}



td.tiedot{

  vertical-align: top;

  border-style: hidden;

  border-width: 0px;

  margin: 0px;

}



ul.tiedot{

  margin-left: 20px;

  list-style-type: circle;

  list-style-position: outside;

}



ol.kappaleet{

  margin-left: 30px;

  margin-top: 0px;

  list-style-position: outside;

}