html{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
font-family:Georgia, Times, Sans Serif;
font-size:0.8em;
color:#000;
background:transparent url('img/bg.gif') top left;
}

#mainwrap{
padding:0;
margin:0;
width:900px;
text-align:left;
background:url('img/mikael.gif') no-repeat;
}

#contentwrap{
overflow:hidden;
/*position:relative;*/
}

h2{
font-size:1em;
color:#5fb4b4;
border-bottom:dashed 1px #5fb4b4;
padding-bottom:2px;
clear:both;
}

h2 a{
font-size:1em;
color:#5fb4b4;
padding-bottom:2px;
text-decoration:none;
}


.linkki{
margin-bottom:5px;
color:#114658;
text-decoration:none;
}

.linkki a{
font-size:1em;
color:#114658;
text-decoration:none;
}

img{
text-decoration:none;
border:0;
}


#content{
position:relative;
background:#ffffff;
width:500px;
float:left;
min-height:500px;
padding:30px 30px 50px 30px;
margin-bottom:20px;
}

#infoboksi{
position:absolute;
top:20px;
left:735px;
background-color:#ffffff;
min-height:10em;
width:200px;
padding:2px; 
}

#infoboksi span{
display:block;
border:dashed 1px #5fb4b4;
padding:8px 6px 23px 13px;
}

#infoboksi h2{
border:0;
}

#otsikko{
font-size:2em;
border-bottom:dashed 1px #5fb4b4;
margin-bottom:30px;
color:#5fb4b4;
}

.cv dl{
margin:0;
padding:0;
}

.cv dt, .cv dd{
float:left;
margin:0;
padding:0;
}

  .cv dt{
  clear:left;
  width:100px;
  margin-bottom:10px;
  }
  
  .cv dd{
  width:400px;
  margin-bottom:10px;
  }

blockquote p{
font-style:italic;
}

.pikkuvali{
margin-bottom:-5px;

}

#sidebar{
width:190px;
float:left;
}
/*
#header{
width:202px;
height:225px;

}
*/
#navi{
width:190px;
margin:216px 0 0 0;
background:#3d2718;
}

#navi ul{
list-style-type:none;
margin:0;
padding:0;
}

#navi li{
margin-bottom:1px;
background:#114658;
padding:4px 0 4px 30px;
}

#navi ul li a{
text-decoration:none;
color:#fff;
}

ul{
list-style-type:none;
margin:0;
padding:0;
}

li{
margin-bottom:1px;
}

ul li a{
text-decoration:none;
color:#114658;
}
#navi ul li a:hover{
color:#afdddd;
}

#navi ul li a.active{
color:#5fb4b4;
}

#navi ul li ul li{
padding:4px 0 0 10px;
}

#navi ul li ul li a{
text-decoration:none;
color:#fff;
}

/*Kuvagalleria alkaa*/
.kuvagalleria{

}
  .kuvagalleria a {
  display:block;
  float:left;
  margin:0 5px 5px 0;
  width:77px;
  height:77px;
  position:relative;
  overflow:hidden;
  }
  
    .kuvagalleria a img{
    display:block;
    position:absolute;  top:-50%;  left:-50%;
    border:0;
    }
    
    .kuvagalleria h2, .kuvagalleria h3 {
    float:none;clear:both;
    }

/*Kuvagalleria päättyy*/

#footer{
position:absolute; bottom:0; left:0;
border-top:dashed 1px #5fb4b4;
color:#5fb4b4;
height:20px;
width:100%;
text-align:center;
padding-top:5px;
}