/* resetoi selaimen */

* {
margin: 0;
padding: 0;
border: 0;
}

img { border: none; }

/* sivun keskitys ja leveys */

body {
text-align: center;
}

div.frame {
width: 380px;
margin-left: auto;
margin-right: auto;
}

/* sisällön määrittely */

div.diary {
position: relative;
width: 380px;
height: 585px;
top: 25px;
}

div.header {
 position: relative;
 width: 320px;
 top: 110px;
 left: 35px;
}

div.middle {
 position:relative;
 float:left;
 top: 120px;
 left: 30px;
 width: 320px;
 height: 480px;
}

div.footer {
 clear:both;
 position:relative;
 float:left;
 left:10px;
 top:10px;
 width: 320px;
}

div.archive {
 clear:both;
 position:relative;
 float:left;
 left:180px;
 top:30px;
}