body {
  background-color: white;
  background-image: url('/images/background.gif');
  background-repeat: repeat-x;
  margin: 0;
}
div {
  position: relative;
  float: left;
}
div.full {
  width: 100%;
}

sup {
  font-size: 8px;
  vertical-align: text-top;
}
#container {
  float: none;
  margin: 0 auto;
  width: 900px;
}
/*
#header_full {
  width: 100%;
  height: 145px;
  background-color: #40a8ea;
}
*/
#header {
  position: relative;
  width: 896px;
  padding: 0 2px 0 2px;
  height: 204px;
  background-image: url('/images/header.jpg');
}
#footer {
  border-top: 2px solid #eacf8b;
  width: 830px;
  left: 40px;
}
#footer p {
  color: #d6b35a;
  padding-top: 3px;
  font-size: 0.8em;
}
#footer p a {
  color: #d6b35a;
}

#content {
  width: 900px; /* The width of the whole content area */
  padding-top: 0px;
  background-repeat: repeat-y;
  padding-bottom: 20px;
}
#content_left {
  width: 220px;
  padding-left: 40px;
  padding-right: 0;
}
#content_main {
  width: 590px;
  padding-left: 20px;
  padding-right: 30px;
/*  border-left: 1px solid #f6e1b3; */
}


/* ******** Navigation ******* */
#navi {
  padding-top: 5px;
/*  background-color: #fff1d3; */
}
#navi ul {
  list-style-type: none;
  padding: 0;
  font-size: 1.0em;
}
#navi ul li {
  display:block;
  position: relative; float: left;
  padding: 0;
  line-height: 1.0em;
}
#navi ul li a {
  display: block;
  position: relative; float: left;
  width: 200px; height: 25px;
  padding: 5px 10px 0px 10px;
  font-size: 1.07em;
  letter-spacing: 0.2px;
  font-weight: bold;
  text-decoration: none;
  color: #9f510d;
}
#navi ul li a:hover {
  text-decoration:underline;
}
#navi ul li.active {
  background-image: url('/images/navi1-selected.gif');
  background-repeat: no-repeat;
}
#navi ul li.active a {
  color: white;
}
#navi ul li.active ul li a {
  color: #6b1e07;
  background-color: transparent;
}

#navi ul li ul li {
  display: block;
  position: relative; float: left;
  line-height: 0.9em;
}
#navi ul li ul li a {
  display: block;
  position: relative; float: left;
  width: 190px; height: 17px;
  padding: 3px 10px 0 20px;
  font-size: 0.9em;
  letter-spacing: 0.1px;
  color: #56150b;
  font-weight: normal;
  text-decoration: none;
}
#navi ul li ul li a:hover {
  text-decoration: underline;
}
#navi ul li ul li.active {
  background-image: url('/images/navi2-selected.gif');
  background-repeat: no-repeat;
}
#navi ul li ul li.active a {
  color: white;
}


#email_feedback {
  background-color: #d2d2d2;
  width: 220px;
  margin-top: 10px;
}
#email_feedback a {
  color: #222222;
  text-decoration: none;
}
#email_feedback a img {
  padding: 5px 10px 5px 10px;
}
#email_feedback a span {
  font-size: 0.82em;
  vertical-align: top;
  position: relative; top: 15px;  
  color: #444444;
}
#email_feedback a:hover span {
  text-decoration: underline;
}
#language_selector {
  padding-top: 10px;
}
#language_selector a {
  text-decoration:none;
  color: #222222;
}
#language_selector a img {
  padding: 0 5px 0 10px;
}
#language_selector a span {
  vertical-align: top;
  position: relative; top: 2px;
  font-size: 0.82em;
}
#language_selector a:hover span {
  text-decoration: underline;
}
li.enabled a:hover span {
  background-color: #bbbbbb;
}

img.esa_etusivu {
  position: relative;
  float:right;
  padding: 0 0 0 30px;
  border: none;
}
div.etusivu_tervehdys {
  width: 340px;
  height: 125px;
}
div.etusivu_tervehdys p {
  padding-top: 40px;
  font-size: 0.87em;
}
/* Etusivun nostot */

#etusivu_nostot div.left {
  width:290px;
}
#etusivu_nostot div.left h2 a {
  color: #178c00;
}
#etusivu_nostot div.right {
  width:290px;
  padding-left: 10px;
}
#etusivu_nostot div.left img {
  width: 280px;
  height: 190px;
  margin: 0; padding: 0 0 0 5px;
  border: none;
}
#etusivu_nostot div.etusivunosto_pieni {
  width: 290px;
  margin-bottom: 5px;
}
#etusivu_nostot div.etusivunosto_pieni h4 {
  margin: 0 0 0 0px;
}
#etusivu_nostot div.etusivunosto_pieni h4 a {
  color: #178c00;
}
#etusivu_nostot div.etusivunosto_pieni img {
  display: block;
  position: relative; float: left;
  width: 75px;
}
#etusivu_nostot div.etusivunosto_pieni div.etusivunosto_pieniteksti {
  width: 203px;  
}

/* Etusivun kirjablogientryt */
div.hentry {
  width: 100%; /* IE6 ei toimi ilman */
}
p.published {
  color: grey;
  font-size: 0.7em;
  margin: 0;
}

a.frontpage_rss {
  padding-top: 12px;
  float:right;
  text-decoration:none;
}
a.frontpage_rss span {
  vertical-align: top;
  text-decoration:underline;
}


/*kirjablogin edellinen ja seuraava nappi*/
div.org_openpsa_qbpager_previousnext {
  width: 100%;
}
div.org_openpsa_qbpager_previousnext a {
  display:block;
  position: relative; float:left;
  padding: 5px;
  width: 100px;
  height: 20px;
}
div.org_openpsa_qbpager_previousnext a.next_page {
  padding-left: 385px;
  text-align: right;
}
ul.kirjat_list {
  display:block;
  position:relative; float:left;
  width: 590px;
  margin: 0; padding: 0;
}

li.kirjat_item {
  list-style-type: none;
  position:relative; float:left;  
  margin: 0; padding: 0 0 10px 0;
  width: 295px;
}
li.kirjat_item img {
  float:left;
  width: 70px;
  border: 1px solid black;
  margin: 0 0 0 5px;
  padding: 0;
}
li.kirjat_item span.info {
  display:block;
  position: relative; float:left;
  width: 200px;
  padding-left: 10px;
}
li.kirjat_item span.info span.title{
  display:block;
  position: relative; float:left;
  width: 200px;
  font-size: 1.2em;
  color: #21930b; /* vihreä */
  margin-bottom: 10px;
}
li.kirjat_item a {
  text-decoration: none;
}

li.kirjat_item a:hover span.info span.title{
  text-decoration: underline;
  cursor: pointer;
}
li.kirjat_item span.info span.details{
  width: 200px;
  display:block;
  position: relative; float:left;
  color: black;
}

/* Annika varjosen piirrokset */
div.annika_photo {
  display: block;
  position: relative; float: left;
  width: 190px;
  padding: 0 0 20px 10px;
}
div.annika_photo span.title {
  display:block; 
  width: 190px;
}
div.annika_photo img {
  width: 130px;
  padding-top: 7px;
}
a.archival {
  color: white;
}
div.annika-photo-navigation {
  padding: 10px 0 10px 0;
  width: 500px;
}
p.takaisin_valikkoon {
  font-size: 1.2em;
}
.midcom_services_toolbars_fancy{ z-index:1000}


p.intranavi {
  font-size: 1.2em;
}