/* Kimpale CSS - Grayfish 0.2
 * design: Kimmo Nieminen
 *  goldenrod1 #ffc125
 *  gold #ffd700        !
 *  olivedrab1 #c0ff3e  !
 *  olivedrab3 #9acd32
 *  olivedrab4 #698b22  !
 *  darkred #8b0000     !
 * */
a { text-decoration:none; }
a:link { color:blue; }
a:visited { color:purple; }
a:hover { text-decoration:underline;  }
body {
  font-family:"Verdana", sans-serif; font-size:10pt;
}
#body {
  margin:0 1em 0 1em;
  background:white url("img/tausta_palmu1.jpg") no-repeat; color:black;
}
ul { list-style: url("img/ruutvihr.png"); margin-top:0; }
ol { margin-top:0; }
li small { color:gray; }
table { margin-bottom:1em; }
code { font-family:monospace; color:#666; background:#efd; } /*#efd*/
img { border:0; }
h2 {
  margin-top:2em; margin-bottom:0.2em;
  color:#698b22;
  font-family:"Georgia", serif; font-weight:normal; font-size:16pt;
}
h3 {
  margin-bottom:2px;
  color:gray;
  font-weight:normal; font-size:12pt;
}
h4 {
  margin-bottom:2px;
  color:#8b0000;
  font-weight:bold; font-size:10pt;
}
h5 {
  margin:2em 0;
  color:gray;
  font-weight:normal; font-style:italic; font-size:10pt;
}
p {
  margin-top:0.1em; margin-bottom:0.8em;
}
input, textarea { font-family:"Verdana", sans-serif; font-size:10pt; }


#cont {
  max-width:933px;
  margin-left:auto; margin-right:auto;
  background:url(img/pagetausta.png) repeat-y;
}

/* head */
#head {
  position:relative;
  height:82px;
  background:transparent;
}
.ylavalikko {
  position:absolute; bottom:0px; left:180px; z-index:2;
  background:transparent;
}
a.link_etu, a.link_taka {
  display:block; float:left; height:18px;
  padding:2px 10px 0;
  font-weight:bold;
  color:black;
}
a.link_etu { background:white; border:solid #333 1px; border-bottom:solid white 1px; }
a.link_taka { background:#c0ff3e; border:solid #333 1px; border-bottom:0; margin-top:1px; }
a:hover.link_taka { background:#ffd700; text-decoration:none; }
a:hover.link_etu { background:white; text-decoration:none; }
a:visited.link_taka, a:visited.link_etu { color:black; }

#head h1 {
  position:absolute; top:0px; left:0px; z-index:1;
  height:81px; width:130px;
  margin:0; padding-top:1px;
  text-align:center; font-size:13pt; font-weight:bold;
  color:#333; background:#333;
}
#head h1 a:link, #head h1 a:visited {
  color:#333;
}
#head h1 a:hover {
  text-decoration:none;
}
#head form {
  position:absolute; top:10px; right:0; z-index:3;
  background:#333;
}
input.hakurivi {
  background:#eee;
}
input.hakunappi {
  padding:0 4px;
}

/* menu */
#menu {
  float:left; width:130px;
  padding:80px 0 80px 0;
  background:#eee;
}
#menu h3 {
  margin:0; padding:20px 0 0 16px;
  color:#333;
  font-size:10pt;
  border-bottom:solid 1px #333;
}
#menu a, #menu span, #menu em {
  display:block;
  border-bottom:solid 1px white;
  padding:2px 0 2px 4px;
}
#menu a {
}
#menu span {
  color:black; background:white;
}
#menu em {
  border-bottom:0;
  padding-right:1em;
  color:red;
  text-align:right;
}
#menu a:hover {
  text-decoration:none;
  background:#ffd700;
}
.yksityinen {
  background:#ddccff;
}

#page {
  margin-left:130px; padding-left:50px;
}
#path {
  position:relative; top:2em;
  text-align:right; font-size:8pt;
  color:gray;
}
.edittab {
  border:solid #ddd 1px; border-bottom:0; background:#eee;
  margin-left:2px; padding:0 1em;
}
#foot {
  clear:both;
  margin-top:1em; padding-top:1px;
  font-size:8pt;
  background:white; color:gray; border-top:1px solid gray;
}
.navi {
  padding:2px 0 2px 4px;
  color:gray;
}
.hide { display:none; }
.clear_both {
  clear:both;
}
.php {
  padding:0 2em;
  border:solid #698b22 2px; background:yellow;
}

/* lomake */
form.editform {
  margin-top:1.6em;
}
input.rivi {
  width:30em;
}
textarea.editarea {
  width:748px; height:748px;
}
form small {
  color:gray;
}
input.kirjaudu {
  margin-top:1em;
}
.tasaus { vertical-align:-10%; }

.kuvajateksti { margin:1em 0; font-style:italic; color:gray; }
.kuvavalikon_solu { float:left; margin:0 11px 16px 0; color:gray; }
.leveataulu, .kapeataulu { padding:2px 4px; font-size:10pt; border:solid #698b22 1px; background:#efd; text-align:left;}
.kapeataulu { width:300px; }
.tauluotsikko { background:#dec; }
.oik { float:right; }
.vas { float:left; }
.gho { font-weight:bold; }
.ghfone { font-family:monospace; white-space:pre; }
.sanapeli {
  padding:0 2px;
  font-size:8pt;
  background:white; color:gray; border:solid 1px gray;
}
.kuvavas { margin:8px 24px 8px 0; float:left; font-style:italic; color:gray; }
.kuvaoik { margin:8px 0 8px 24px; float:right; font-style:italic; color:gray; }
.vaelluskuvat { float:right; width:180px; margin-left:3em; }
.vaelluskuvat_w { float:right; width:240px; margin-left:3em; }
.korostus { color:#8b0000; }
#pic { text-align:right; }