* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 margin:0;
 padding:0;
 background-color: #F5F5F5;

}

.wrapper{ 
 margin: 0px auto ;
 margin-bottom: 3em;
 margin-top:0;
 width: 730px;
 padding: 0px;
 
 background-image: url(http://www.historiallinenmiekkailu.com/koko_leveys.jpg);
 background-repeat: repeat-y;
 background-position: 0px;
 /*background-color:#ff00ff;*/

}

.ylapalkki{
 color: #333;
 width: 730px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 240px;
 margin: 0px 0px 0px 0px;
 /*background-color: #ffffff;*/
 background-color:#F5F5F5;
 background-image: url(http://www.historiallinenmiekkailu.com/ylapalkki.jpg);
 background-repeat: no-repeat;
 background-position: 0px bottom;

}

.otsikko{
 font-family:Arial;
 font-size: 16px;
 margin: 0 0 0 10px;
 /*padding: 1.6em 0 0 0;*/
 padding: 25px 0 0 0;
 font-weight:bold;
}

.kieli{
 padding:0 30px 0 0;
 margin:0;
 position:relative;
 float:right;
 font-size:0.7em;
}

.vasensivupalkki{
 color: #333;
 border: 0px solid #ccc;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 50px 15px 20px 30px;
 width: 143px;
 float: left;
 /*background-color: #ff0000;*/
 background-image: url(http://www.historiallinenmiekkailu.com/sivupalkki.jpg);
 background-repeat: no-repeat;
 background-position: 0px top;

}

.sivupalkkiotsikko{
 float:left;
 clear:both;
 margin:3em 0 1em 0;
 padding:0;
 font-size:0.7em;
 color: #EFEFEF;
 font-family: arial;
 font-weight: bold;
 width:143px;
}

.vasensivupalkki p{
 margin: 3px 0 3px 0;
 padding:0;
 font-size:0.7em;
 color: #EFEFEF;
 font-family: arial;
 font-weight: normal;
}

.vasensivupalkki a{
 text-decoration:none;
}

.vasensivupalkki a:link{
 color: #EFEFEF;

}

.vasensivupalkki a:active{
 color: #EFEFEF;

}

.vasensivupalkki a:visited{
 color: #EFEFEF;

}

.vasensivupalkki a:hover{
 color: #EFEFEF;
 text-decoration:underline;
}


.ilmoitus{
 display:block;
 float:left;
 margin:1em 0 1em 0;
 padding:0;
 clear:both;
 font-size:0.7em;
 color: #EFEFEF;
 font-family: arial;
 font-weight: normal;
 width:143px;
}

.paiva{
 float:left;
 display:block;
 width:35px;
 margin:0;
 padding:0;
}

.tapahtuma{
 float:left;
 display:block;
 width:108px;
 margin:0;
 padding:0;
}

.rsstapahtuma{
 float:left;
 display:block;
 width:145px;
 margin:0;
 padding:0;
}


.sisalto{
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background-color:transparent;
 margin: 0px 0px 0px 0px;
 padding: 20px 20px 25px 30px;
 width: 492px;
 display: inline;
 /*background-color: #00ff00;*/
 background-image: url(http://www.historiallinenmiekkailu.com/palkkien_kulma.jpg);
 background-repeat: no-repeat;
 background-position: 0px top;

}

.toc{
  font-family: arial;
  margin: 0 0 0 2em;
  padding:0;
  font-size:0.8em;
  margin-bottom: 2em;;
}

.toc2{
  font-family: arial;
  margin: 0 0 0 0;
  padding:0;
  list-style-type:none;
  text-align: left;
  font-size:0.8em;
  top:0;
}

.toc2 li{
  display:block;
  /*font-size:.8em;*/

}


.loppu{ 
 width: 690px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background-color:#ffffff;
 margin: 0px 0px 0px 0px;
 padding: 30px 0 0 40px;
 height: 108px;
 background-color: #F5F5F5;
 /*background-color: #aaffff;*/
 background-image: url(http://www.historiallinenmiekkailu.com/sivupalkki_alaosa.jpg);
 background-repeat: no-repeat;
 background-position: 0px top;
 font-size:0.8em;
}

.logo{
  float: right;
  position: relative;
  top: -20px;
  border:none;
}

p{
  margin: 1em 0 1em 1em;
  font-size:0.8em;
  font-family:arial;
 clear:both;
}

a{
 font-family:Arial; 
 /*text-decoration: none;*/
 font-weight:normal;
 font-size:1em; 
}

a:link{
  color:#FFF5E9;
  color:#000000;
  
}

a:active{
  color:#FFF5E9;
  color:#000000;
}

a:visited{
 color:#FFF5E9;
 color:#7F6767;
 color:#6F3036;
}

a:hover{
 color:#B05857;
 color:#8F3E3E;
 color:#AF4146;
  /*text-decoration:none;*/
}


h1{
 position: relative;
 font-family: Arial;
 font-size: 1.1em;
 text-align:right;
 top: -100px;
 margin: 0;
 padding: 0;
 color: #000000;
 background-color:transparent;
 /*background-color: #aaffff;*/
 float:right;
}

h2{
 font-family: Arial;
 font-size: 0.9em;
 clear:both;
 margin:2em 0em 1em 0em;
}

h3{
 font-family: Arial;
 font-size: 0.8em;
 margin: 0 0 0 0em;
 padding: 0 0 0 1em;
}

h3 a{
 text-decoration:none;
 font-weight:bold;
}

.uutinen{
 /*margin: 2em 0 3em 0;*/
 margin: 1em 0 1em 0;
 /*border-bottom: 1px dotted #000000;*/
 border: 1px dotted #000000;
 /*padding: 0 0 2em 0;*/
 padding:1em;
}

.julkaisija{
 font-size:0.7em;
 margin: 0em 0em 2em 1em;
}

.uutinen h2{
 margin: 1em 0em .8em 0em;

}



ul{
 margin: 1em 0 1em 3em;
 list-style-type:square;
 font-family:arial;
 font-size:0.8em;
}

.linkkilista{
 margin: 1em 0 1em 1em;
 list-style-type:none;
 font-family:arial;
 font-size:0.8em;
}

.navilista{
 list-style-type:none;
 /*font-size:1em;*/
 font-size:16px;

 padding:0;
 margin:0;
 position: relative;
 left: 215px;
 top: 86px;
 width: 525px;
}

.navilista li{
 margin:0;
 padding: 0px 0px 0px 4px;
 border-left: 1px solid #000000;
 display:inline;
 font-size:.7em;
}

.navilista li:first-child{
 border: none;
}

.ylapalkki a{
  font-family:Arial; 
  font-weight:bold;
  padding: 0px 0px 0px 0px;
  text-decoration:none;
}

.ylapalkki a:link{
  color:#FFF5E9;
  color:#000000;
  
}

.ylapalkki a:active{
  color:#FFF5E9;
  color:#000000;
}

.ylapalkki a:visited{
  color:#FFF5E9;
  color:#000000;
}

.ylapalkki a:hover{
  color:#B05857;
  color:#8F3E3E;
  /*text-decoration:none;*/
}

.laatikko{
 border: 1px dotted #000000;
 width:300px;
 margin: 1em 1em 1em 1em;
}

.paivitys{
  margin: 3em 0 0 1em;
  padding: 1em 0 0 0;
  border-top: 1px dotted #000000;
  width: 190px;
  font-family: arial;
  font-size:0.7em;
}

table{
 border: 1px dotted #000000;
 margin: 0em 1em 0em 1em;
 font-family:arial;
 font-size:0.8em;

}

table td{
 border: 1px dotted #000000;
 padding: 0.5em; 
}

.aikataulu{
 border: 1px solid #000000;
 margin: 0em 1em 0em 1em;
 font-family:arial;
 font-size:0.7em;
 background-color:#E1E1E1;
}

.aikataulu th{
 border: 1px solid #000000;
 padding: 5px;
}

.aikataulu td{
 border: 1px solid #000000;
 padding: 0.5em; 
 background-color: #ffffff;
}


.kartta{
  margin: 1em 1em 0em 1em;
}

.yhteys{
 border: 0px dotted #000000;
 padding: 1em;
 margin:1em 0 0 0;
 list-style-type:none;
 width:300px;
}

/* jQuery lightBox plugin - Gallery style */
#gallery {
 background-color: transparent;
 padding: 0px;
 width: 500px;
 margin:2em 0 0 0;
}

#gallery ul { 
 list-style: none; 
 margin:0;
}

#gallery ul li {
 display: inline; 
}

#gallery ul img {
 border:5px solid #3e3e3e;
 border-width: 5px 5px 20px;
}

#gallery ul a:hover img {
 border: 5px solid #B05857;
 border-width: 5px 5px 20px;
 color: #B05857;
}

#gallery ul a:hover {
 color: #B05857; 
}

.glomake{
  background-color:#ffffff;
  border: 1px solid #000000;
  padding:1em;
  margin-top:1em;
}