/* Start of CMSMS style sheet 'lomamokit2' */
/* layout stuff */
* {
margin:0;
padding:0;
}

p, table, form, h1, h2, h3, h4, h5, ul, ol { 
margin-bottom: .5em; 
} 

body {
  font-family: verdana;
}


div#header h1 a {
/* you can set your own image here */
   background: transparent url('/uploads/header.png') no-repeat top left; 
   display: block;
   height: 110px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

#sizecontainer {
  width:850px;
  margin:1em auto 1em auto;
}
#wrapborder {
  border: 10px solid #2e9a46;
}  
#wrap {
  background: #fff5cf url('/uploads/bg.gif') repeat-y top left;

}

#contentarea {
  background: transparent url('/uploads/corner.gif') no-repeat top left;
  margin-right: 180px;
  margin-left: 200px;
  padding: 20px;

  font-family:arial;
}

#wrap #menu {
  float:left;
  display:inline;
  width:200px;
  color:white;
}

#wrap #mokit {
  width:150px;
  display:inline;
  float:right;
}

#footer {
  background: #2e9a46 url('/uploads/footer_corner.gif') no-repeat bottom right;
  padding:10px;
  text-align:right;
  padding-right:2em;
  color:white;
  height:30px;
}

/* menu */

#menu ul {
  list-style:none;
}

#menu ul li a {
  display:block;
  width:100%;
  color:#fff5cf;
  text-decoration:none;
  line-height:1.5em;
  font-size:130%;
  border-bottom: 1px solid #2e9a46;
}

#menu ul li a:hover {
  border-bottom: 1px solid #fff5cf;
}

#menu ul li a.menuactive{
  border-bottom: 1px solid #fff5cf;
}

#menu span.emailadd a {
font-size:80%; 
color:white;
text-decoration:none;
}

#menu span.emailadd a:hover {
text-decoration:underline;
}
/* content stuff */
ul {
  margin: 0 0 0 1em;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #2E9A46;
  border-bottom: .3em solid #FFD059;
  line-height: 50%;
}

#content a {
  text-decoration:none;
  color: #2E9A46;
}
#content a:hover {
  text-decoration:underline;
  color: #2E9A46;
}


/* latka */
div#latka1 {
  position:relative;
  left: -40px;
  top: 0px;
}

div#mokit div.mokki img {
  width:140px;
  margin: 10px 0 10px 0;
}

.mokki img {
border:0;
}

.mokki {
display:block;
height:110px;
width:200px;
overflow:hidden;
}
.mokki a {
color: black;
text-decoration:none;
}
.mokki a .kuvaus {
position:absolute;
left:-100px;
top: -100px;
}

.mokki a:hover .kuvaus {
position:relative;
top:-90px;
left:80px;
width:55%;
border:1px solid #2e9a46;
background-color:white;
display:block;
}
.mokki .otsikko {
font-weight:bold;
color: #2e9a46;
}

ul.albumlist li.thumb {
height:250px;
}
/* End of 'lomamokit2' */