/* CSS Document */

* {
  margin:0;
  padding:0;
  }

body{
	background: #500000;
  text-align: left;
}

img.logo{
  margin-left: 30px;
  border-style: none;
}
/**************************************
*  => Elementit
**************************************/
#runko_out{
  position: relative;
  width: 800px;
  height:100%;
  background: url('kuvat/vali.jpg') repeat-y;
  margin-bottom: 0px;
}

#runko{
  position: relative;
  text-align: justify;
  width: 800px;
  font-family: tahoma, sans-serif;
  font-size: 13px;
  color: #a08f64;
  background: url('kuvat/vali.jpg') repeat-y;
  margin-bottom: 0px;
}

#yla{
  display: block;
  height: 300px;
  width: 800px;
  background: url('kuvat/yla.jpg') top left no-repeat;
  margin-bottom: 0px;
}

#linkit{
  position: relative;
  top: 130;
  width: 460;  
  margin-left: 225;
  text-align: center;
}

#sivulinkki{
 display: inline;
}

#teksti{
  position: relative;
  width: 460px;
  top: -100px;  
  margin-left: 225;
  margin-top: 20;
  border-style: none;
}

#login{
  position: absolute;
  display: block;
  width: 180px;
  top: 300px;
  left: 10px;
  font-family: arial, sans-serif;
  font-size: 10px;
}

input.login_usrpwd{
  height: 25px;
  width: 110px;
  padding-left: 3px;
  border: 2px solid;
  border-top-color: #300000;
  border-left-color: #300000;
  border-right-color: #550000;
  border-bottom-color: #550000;
  font-family: book antiqua, serif;
  font-size: 12px;
  color: #a08f64;
  background-color: #460000;
}

input.login_button{
  display: block;
  width: 95px;
  height: 30px;
  border: 0px;
  background: url('kuvat/login.jpg') top left no-repeat;
}

#logout{
  position: absolute;
  display: block;
  width: 130px;
  top: 430px;
  left: 10px;
}

input.logout_button{
  display: block;
  width: 140px;
  height: 35px;
  border: 0px;
  background: url('kuvat/logout.jpg') top left no-repeat;
}

#muokkaus{
  position: absolute;
  display: block;
  width: 180px;
  top: 500px;
  left: 10px;
}

button.muokkaa{
  display: block;
  width: 95px;
  height: 30px;
  border: 0px;
  background: url('kuvat/muokkaa.jpg') top left no-repeat;  
}

#uutiset{
  position: absolute;
  display: block;
  width: 150px;
  top: 80px;
  left: 510px;  
  text-align: left;
  font-size: 11px;
}

#ala{
  display: block;
  position: relative;
  bottom: 10px;
  width: 460;
  margin-left: 225;
  text-align: center;
  font-size: 12px;
}

#ala img{
  border-style: none;
}

#taustakuva{
  text-align: center;    
  font-family: verdana, arial, sans-serif;
  color: #a08f64;
  font-size: 10px;
  margin: 2px;
  margin-top: 5px;
}

#taustakuva img{
  border-width: 1px;
  border-color: #a08f64;
}

#taustakuva img:hover, a:active{
  border-color: #fce29e;
 }

/****************************************
*  => Tabit
*****************************************/
table.tabi{
  font-family: tahoma, sans-serif;
  font-size: 12px;
  color: #a08f64;
}
/****************************************
*  => Otsikot
*****************************************/

#yla h1 span{
  display: none;
}

h2{
  margin: 0px 0px 10px 10px;
  font: bold 13pt/18pt arial;
}

h3{
  margin: 10px 0px 10px 0px;
  font: bold 16 georgia;
  letter-spacing: 1px;
  color: #972210;
}

h3 a{
  color: #972210;
}

h3 a:hover, a:active{
  color: #cd2e16;
 }

h3.nocolor{
  font: bold 16 georgia;
  letter-spacing: -1px;
  color: #a08f64;
}


/****************************************
*  => Linkit
*****************************************/

a{
  color: #a08f64;
  text-decoration: underline;
}

a:link, a:visited{
}

a:hover, a:active{
  color: #fce29e;
 }

a.sivut{
  color: #b08f64;
  font-family: book antiqua, serif;
  font-size: 18px;
}

a.sivut:hover, a:active{
  color: #fccd8f;
 }

a.kakkosnavi{
  margin-left:5px;
  color: #b08f64;
  font-family: book antiqua, serif;
  font-size: 15px;
}

a.kakkosnavi:hover, a:active{
  color: #fccd8f;
 }

/****************************************
*  => Muut tekstit
*****************************************/
ul{
 margin: 5px 5px 10px 20px;
}

p{
  margin: 0px 0px 10px 0px;
}

p:first-letter{
  font-family: book antiqua, serif;
  font-size: 17px;
  margin-right: 1px;
}

input{
  margin: 5px 0px 5px 0px;
}

*.teksti{
  padding-left: 3px;
  border: 2px solid;
  border-top-color: #300000;
  border-left-color: #300000;
  border-right-color: #550000;
  border-bottom-color: #550000;
  font-family: book antiqua, serif;
  font-size: 12px;
  color: #a08f64;
  background-color: #460000;
}

input.teksti{
  height: 25px;
  width: 200px;
}

textarea.teksti{
  margin-top: 5px;
  height: 200px;
  width: 200px;
}