body {
  background-color: #fffffb; 
  background-image: url("images/bodybg2.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom right;
  padding: 0;
  margin: 45px 0 0 0;
}

#header {
  width: 100%;
  background-image: url("images/sirkattausta.gif");
  background-repeat: repeat-x;
  height: 47px;
}
  
#header h1 {
  margin-left: 210px;
  font-family: sans-serif;
  font-size: 2.2em;
  font-weight: bold;
  color: #26896b;
}


#lang {
  float: right;
  padding: 9px 5px 0 0;
}
    
#lang a img {
  border: 1px groove #777;
  margin-right: 5px;
}


#leftcol {
  position: absolute;
  top: 8px;
  left: 10px;
  padding: 2px 2px 2px 2px;
  background-color: #ddd;
  border: 1px outset #007f62;

}

#leftcol img {
  border: 1px solid #26947b;
  border-bottom: 0;
  display: block;
}

#navi {
  border-bottom: 1px solid #007f62;
  width: 172px;
  background-image: url("images/navibg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #26947b;
}

#navi a {
  border-left: 1px solid #26947b;
  border-right: 1px solid #26947b;
  display: block;
  padding: 2px 2px 2px 7px;
  font-family: sans-serif;
  font-size: 1.2em;
  color: #fefefc;
  text-decoration: none;
}

#navi a:hover {
  background-color: #34b483;
  background-image: url("images/navibgh.png");
  background-repeat: repeat-y;  
  background-position: center right;
}

#about {
  clear: both;
  margin-top: 20px;
  text-align: center;
  font-family: serif;
  font-size: 0.8em;
  color: #888;
  padding-bottom: 10px;
}

#update {
  margin-bottom: 10px;
}

#about a {
  color: #888;
  text-decoration: none;
}

#content {
  
  margin: 0px 5px 10px 200px;
}

.entry {
  border-left: 1px dotted #bbb;
  padding-left: 12px;
  padding-bottom: 5px;
  margin-top: 15px;
  color: #002915;
  font-family: sans-serif;
  font-size: 1em;
}

.entry em {
  font-weight: bold;
  font-style: normal;
}

.entry h3 {
  margin: 0 0 5px -13px;
  padding: 0 0 0 8px;
  font-family: "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  background-image: url("images/h3bg.png");
  background-repeat: repeat-y;
  background-position: bottom right;
  background-color: #26947b;
  color: #fffffb;
}

.entry a, #content a {
  font-family: "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 1.0em;
  color: #16795b;
  text-decoration: none;
}

.entry a:hover, #content a:hover {
  text-decoration: underline;
}

.entry a img {
  border: 0; 
  margin: 15px 15px 5px 0;
}

.entry ul {
  list-style-type: circle;
  
}

.entry .right {
  float: right;
}

.entry div.history {
  font-size: 80%;
  text-align: center;
  margin-bottom: 10px;
  width: 800px;
}

.entry div.history img {
  display: block;
}

.entry img.cover {
  margin-right: 15px;
  border: 2px solid transparent;
}

.entry img.cover:hover {
  border: 2px solid #26947b;
}

.entry span.track {
  font-weight: bold;
}

.entry p.poem {
  margin-left: 30px;
  font-style: italic;
  color: #16795b;
}

/* contacts */

div.contact {
  color: #002915;
  font-family: "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 1.0em;
  margin: 10px 10px 20px 0;
  width: 370px;
  float: left;
  background: none;
}

div.contact div {
    margin-bottom: 3px;
}

img.naama {
  float: left;
  margin-right: 10px;
}

div.name {
  font-family: "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #fffffb;
  background-image: url("images/h3bg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #26947b;
}


a.email {
/*  font-family: monospace;*/
  font-size: 0.9em;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
  color: #002915
}

a.email:hover {
  text-decoration: underline;
}

table#nuotti {
  font-family: sans-serif;
  font-size: 90%;
/*   text-align: center; */
}

table#nuotti th {
  color: #fefefc;
  background-color: #26947b;
}

span#alkusanat {
  font-family: sans-serif;
  font-style: italic;
}

table#nuotti td.c{
  text-align: center;
}

table#kappale {
  font-family: sans-serif;
}

table#kappale th {
  text-align: left;
}

.indent {
  margin-left: 20px;
}

.bigindent {
  margin-left: 40px;
}

strong {
  color: red;
  font-size: 110%;
}

h4 {
  font-family: "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 1.15em;
  font-weight: bold;
}

h5 {
  font-family: "Bitstream Vera Serif", "Times New Roman", serif;
  font-size: 1em;
  font-weight: bold;
}

label {
  display: block;
  font-family: sans-serif;
  float: left;
  width: 10em;
}