body {
  background: url(images/amazoniax_bg.png) repeat-y #000;
  margin: 0;
  padding: 0;
}

div#main {
  background: #000;
  width: 972px;
}

div#otsikko {
  background: url(images/amazoniax_o.png) no-repeat transparent;
  height: 120px;
  width: 428px;
  left: 372px;
  position: fixed;
  z-index: 80;
}

div#kuva {
  background: url(images/amazoniax_01.png) no-repeat transparent;
  width: 372px;
  height: 553px;
  position: fixed;
}

div#teksti_tausta {
  background: url(images/amazoniax_03.png) no-repeat 0px 120px #000;
  position: fixed;
  width: 428px;
  min-height: 512px;
  top: 0;
  left: 372px;
}

div#teksti {
  background: transparent;
  position: relative;
  width: 650px;
  top: 120px;
  left: 372px;
}

/* ALAREUNA */

div#kellutin {
  background: url(images/amazoniax_a.png) no-repeat transparent;
  width: 410px;
  height: 300px;
  top: 434px;
  left: 372px;
  z-index: 98;
  position: fixed;
}

div#ala {
  width: 772px;
  height: 100%;
  top: 550px;
  bottom: 0;
  position: fixed;
  background: url(images/amazoniax_bg.png) repeat-y #000;
  z-index: 97;
}

/* TEKSTI + KOMMENTIT */

#teksti .leipis {
  width: 400px;
  float: left;
  margin-bottom: 310px;
}

#teksti .komm {
  width: 210px;
  float: left;
  z-index: 100;
  margin: -98px 0 0 4px;
}

/* ALAREUNAN TEKSTIT */

#ala .ala1 {
  width: 260px;
  float: left;
  margin-top: -57px;
}

#ala .ala2 {
  width: 180px;
  float: left;
  margin-top: -57px;
}

#ala .ala3 {
  width: 280px;
  float: left;
  margin-top: -57px;
}

/* BLOG: TEKSTIT */

#teksti p {
  color: #cabe8f;
  margin: 0 3px 14px 1px;
  font-family: georgia, arial;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: justify;
}

#teksti .komm p {
  margin: 0 1px 14px 9px;
}

#teksti h1 {
  color: #831101;
  border-top: solid 1px #171a0a;
  border-bottom: solid 1px #171a0a;
  margin: 0 17px 19px 17px;
  padding: 4px 10px 4px 10px;
  font-family: georgia, arial;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 20px;
  font-variant: small-caps;
  text-align: center;
  font-style: italic;
}

#teksti p.viiva {
  color: #3b5525;
  border-top: solid 1px #252a13;
  margin: 18px 10px 18px 10px;
  padding-right: 3px;
  text-align: right;
  font-style: italic;
}

#teksti a {
  color: #0a9290;
}

#teksti a:hover {
  color: #c02c16;
  text-decoration: none;
}

#teksti .viiva a {
  color: #3b5525;
  text-decoration: underline;
}

#teksti .viiva a:hover {
  color: #606e02;
  text-decoration: none;
}

#teksti blockquote {
  color: #a4c31a;
  border-left: solid 3px #0b4a4c;
  font-style: italic;  
  margin: 20px 40px;
  padding: 0 8px;
  font-family: georgia, arial;
  font-size: 11px;
  letter-spacing: 2px;
  line-height: 18px;
}

#teksti b {
  color: #819e00;
}

/* KOMMENTIT */

#teksti .komm h1 {
  color: #831101;
  border: 0;
  margin: 0 17px 19px 17px;
  padding: 4px 10px 4px 10px;
  font-family: georgia, arial;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 20px;
  font-variant: small-caps;
  text-align: left;
}

#teksti .nimi {
  color: #e7ba0f;
  border: 0;
  margin: 0 17px 19px 17px;
  padding: 4px 10px 4px 10px;
  font-family: georgia, arial;
  font-size: 12px;
  letter-spacing: 3px;
  line-height: 20px;
  text-align: left;
}
 
/* ALAREUNA TEKSTIT */

#ala h1 {
  margin: 0 7px 19px 5px;
  padding: 1px 10px 1px 18px;
  font-family: georgia, arial;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 20px;
  font-variant: small-caps;

}

#ala .ala1 h1 {
  color: #e7ba0f;
}

#ala .ala2 h1 {
  color: #d65606;
}

#ala .ala3 h1 {
  color: #9a1201;
}


#ala p {
  color: #57bfc3;
  margin: 0 10px 14px 10px;
  font-family: georgia, arial;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: justify;
}

#ala ul {
  list-style-type: circle;
  color: #57bfc3;
  margin: 0 10px 14px 10px;
  font-family: georgia, arial;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
}

#ala .ala2 ul, .ala3 ul {
  margin: 10px;
  padding: 0;
}

#ala .ala3 ul {
  margin-right: 20px;
}

#ala .ala2 li, .ala3 li {
  list-style-type: none;
  padding: 2px;
  margin: 1px;
}

#ala .ala2 ul {
  border-top: solid 1px #1d7073;
}

#ala .ala2 li {
  border-bottom: solid 1px #1d7073;
}

#ala .ala3 ul {
  border-top: solid 1px #186567;
}

#ala .ala3 li {
  border-bottom: solid 1px #186567;
}

#ala span {
  color: #992113;
}

#ala a {
  color: #399da1;
  text-decoration: none;
}

#ala a:hover {
  color: #57bfc3;
  text-decoration: none;
}