/* 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;
  background-image:none; background-color:white; color:black;
}
ul { list-style: url("img/ruutvihr.png"); margin-top:0; }
ol { margin-top:0; }
li small { color:gray; }
table { margin-bottom:0; }
code { font-family:monospace; color:#666; background:#efd; } /*#efd*/
img { border:0; }
h2 {
  margin:0;
  color:#698b22;
  font-family:"Georgia", serif; font-weight:normal; font-size:16pt;
}
h3 {
  margin:0;
  color:gray;
  font-weight:normal; font-size:12pt;
}
h4 {
  margin:0;
  color:#8b0000;
  font-weight:bold; font-size:10pt;
}
h5 {
  margin:0;
  color:gray;
  font-weight:normal; font-style:italic; font-size:10pt;
}
p {
  margin-top:0.1em; margin-bottom:0.5em;
}
input, textarea { font-family:"Verdana", sans-serif; font-size:10pt; }


#cont {
  max-width:933px;
  margin-left:0; margin-right:0;
  background-image:none;
}

/* head */
#head {
  position:static;
  height:100%;
}
.ylavalikko {
  position:static;
}
a.link_etu, a.link_taka {
  display:inline; float:none; height:auto;
  padding:0;
  font-weight:bold;
  color:black;
}
a.link_etu { background:white; border:0; }
a.link_taka { background:#c0ff3e; border:0; margin:0; }
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:static;
  height:100%; width:auto;
  margin:0; padding-top:0;
  text-align:left; font-size:13pt; font-weight:bold;
  color:#333; background:#333;
}
#head h1 a:link, #head h1 a:visited {
  color:white;
}
#head h1 a:hover {
  text-decoration:none;
}
#head form {
  position:static;
}
input.hakurivi {
  background:#eee;
}
input.hakunappi {
  padding:0;
}

/* menu */
#menu {
  float:none; width:auto;
  padding:0;
  background:#eee;
}
#menu h3 {
  margin:0; padding:0;
  color:#333;
  font-size:10pt;
  border-bottom:solid 1px #333;
}
#menu a, #menu span, #menu em {
  display:inline;
  border-bottom:0;
  padding:0;
}
#menu a {
}
#menu span {
  color:black; background:white;
}
#menu em {
  border-bottom:0;
  padding-right:0;
  color:red;
  text-align:right;
}
#menu a:hover {
  text-decoration:none;
  background:#ffd700;
}
.yksityinen {
  background:#ffddee;
}

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

/* lomake */
form.editform {
  margin:0;
}
input.rivi {
  width:auto;
}
textarea.editarea {
  width:auto; height:auto;
}
form small {
  color:gray;
}
input.kirjaudu {
  margin:0;
}
.tasaus { vertical-align:-10%; }

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