/*****************************************************************************/
/* PERUSTYYLIT */
/*****************************************************************************/

body{
  font-family: Palantino, Verdana, Arial, Helvetica, sans-serif;
  background-color: silver;
}
h1{
  font-variant: small-caps;
  font-weight: bolder;
  font-size: 2em;
  letter-spacing: 0.1em;
  margin: .1em .2em .1em 1em;
}		 
h2{
  font-size: 1.5em;
  font-weight: bolder;
  margin: .2em .2em .2em .5em;
}
h3{
  font-size: 1.2em;
  font-weight: bolder;
  margin: .4em .4em .4em .6em;
}
h4{
  font-size: 1.1em;
  font-weight: bolder;
  font-style: italic;
  margin: .4em .4em .4em .6em;
}	 
p{
  color: inherit;
  background-color: transparent;
  font-size: 1em;
  margin: .4em .4em .4em .7em;
  text-align: justify;
}
strong{
  font-size: 1em;
  color: black;
  font-weight: bold;
  font-style: italic;
}

td{
  border-color: black;
  border-with: thin;
  border-style: solid;
}
.lainaus{
  margin: 0.4em, 0.4em, 0.4em, 3em;
  font-style: italic;
}
/*****************************************************************************/
/* VALIKKO, LINKIT */
/*****************************************************************************/

.linkkipalkki{
  position: absolute;
  left: 4%;	
  color: black;
  text-align: right;
  border-width: thin;
  border-style: solid;
  border-color: black;
}
.url{
  font-family: Courier;
}
.author{
  text-align: right;
  font-size: 0.8em;
  margin: 1em 1em 1em 1.5em;
  border-top: thin solid black;
  padding: 1em;
}
.navbar a{
  text-decoration: none;
   text-align: center;
}
a:link{
  color: navyblue;
	bottom: 2px;
  background-color: transparent;
}   
a:visited{
  color: navyblue;
  background-color: transparent;
}
a:active{
  color: red;
	bottom: 4px;
  background-color: transparent;
}
a:hover{
  color: white;
	bottom: 0px;
  background-color: gray; 
}

/*****************************************************************************/
/* LISTAT */
/*****************************************************************************/

li{
  list-style-type: circle;
  margin: .2em .2em .2em .4em;

}
ul{
  margin: 1em;
  list-style-type: square;
  list-style-position: inside;
}

/*****************************************************************************/
/* SIJOITTELU, PALKIT */
/*****************************************************************************/

.tekstiosa{
  position: absolute;
  top: 12%;
  left: 4%;
  width: 70%;
  border-width: thin;
  border-style: solid;
  border-color: black;
  
}
.mainokset{
  position: absolute;
	top: 12%;
	left: 76%;
	border-with: thin;
	border-style: solid;
	border-color: black;
}

.oikea{
  float: right;

}
.vasen{
 float: left;
}
p.clear-left{
  clear: left;
}
p.clear-right{
  clear: right;
}
p.clear-both{
  clear: both;
}

/*****************************************************************************/
/* KAKSI PALSTAA */
/*****************************************************************************/

.vasenpalsta{
  position: absolute;
  top: 12%;
  height: 86%;
  left: 4%;
  width: 44%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}
.oikeapalsta{
  position: absolute;
  top: 12%;
  height: 86%;
  left: 51%;
  width: 44%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}

/*****************************************************************************/
/* KOLME PALSTAA, KOKO SIVU */
/*****************************************************************************/

.eka_palsta{
  position: absolute;
  top: 12%;
  left: 5%;
  width: 29%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}
.toka_palsta{
  position: absolute;
  top: 12%;
  left: 36%;
  width: 29%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}
.kolmas_palsta{
  position: absolute;
  top: 12%;
  left: 67%;
  width: 29%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}
/*****************************************************************************/
/* MUURAHAISET
/*****************************************************************************/
.eka{
  position: absolute;
  top: 12%;
  height: 60%;
  left: 4%;
  width: 44%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}
.toka{
  position: absolute;
  top: 12%;
  height: 60%;
  left: 51%;
  width: 44%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}
.kolmas{
  position: absolute;
  top: 95%;

  left: 4%;
  width: 92%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}
.mainos{
  position: absolute;
  top: 74%;

  left: 4%;
  width: 92%;
  border-width: thin;
  border-style: solid;
  border-color: black;
}