body {
    font-family: Calibri, Georgia, "Times New Roman";
    font-size: 10pt;
}

.toni {
  background-image: url(./images/toni.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  margin-bottom: 50px;
  padding-left: 100px;
  padding-bottom: 100px;
}

.sofie {
  background-image: url(./images/sofie.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  margin-bottom: 35px;
  padding-left: 100px;
  padding-bottom: 100px;
}

.title {
  font-size: 16pt;
  text-decoration: none;
}

.footer {
  font-size: 8pt;
  margin-top: 10px;
  text-align: right;
}

.content {
  /*padding-left: 20px;*/
}

.top {
    clear: both;
}

.bottom {
    clear: both;
}

.main {
    clear: both;
}

.top_left {
    background-image: url("./images/bubble-0-0.png");
    width: 53px;
    float: left;
    height: 27px;
}

.top_center {
    background-image: url("./images/bubble-0-1.png");
    float: left;
    width: 800px;
    height: 27px;
}

.top_right {
    background-image: url("./images/bubble-0-3.png");
    width: 23px;
    height: 27px;
    float: left;
}

.bottom_left {
    background-image: url("./images/bubble-3-0.png");
    width: 53px;
    height: 48px;
    float: left;
}

.bottom_center {
    background-image: url("./images/bubble-3-1.png");
    float: left;
    height: 48px;
    width: 800px;
}

.bottom_right {
    background-image: url("./images/bubble-3-3.png");
    width: 23px;
    height: 48px;
    float: left;
}

.main_left {
    background-image: url("./images/bubble-1-0.png");
    background-position: left;
    background-repeat: repeat-y;
    width: 823px;
    float: left;
    padding-left: 53px;
}

.main_center {
    background-image: url("./images/bubble-1-1.png");
    float: left;
    width:800px;
}

.main_right {
    background-image: url("./images/bubble-1-3.png");
    background-position: right;
    background-repeat: repeat-y;
    width: 876px;
    float: left;
}

/* copy from toukakouka */
* {
   margin:0px;
   padding:0px;
}

#header {
   background:transparent url("images/a1.gif") repeat-x scroll 0%;
   color:#FFFFFF;
   height:104px;
   width:100%;
   margin-bottom: 10px;
}

#header_inner {
   height:104px;
   margin:0px auto;
   position:relative;
   width:680px;
}

#header_inner h1 {
   background:inherit inherit inherit inherit inherit;
   bottom:10px;
   color:#FFFFFF;
   font-size:39px;
   font-weight:normal;
   left:0px;
   letter-spacing:-2px;
   position:absolute;
   text-transform:lowercase;
}

#header_inner h1 span {
   background:inherit inherit inherit inherit inherit;
   color:#DADADA;
}

#slogan {
   background:inherit inherit inherit inherit inherit;
   bottom:25px;
   color:#DADADA;
   font-size:13px;
   position:absolute;
   right:0px;
   text-transform:lowercase;
}

/* hackergotchi */
#hg_toni {
   background: transparent url(./images/toni.png) no-repeat scroll 0% 50%;
   width: 150px;
   -moz-background-clip: -moz-initial;
   -moz-background-origin: -moz-initial;
   -moz-background-inline-policy: -moz-initial;
   height: 100px;
   float: left;
   position: absolute;
   left: 41px;
   z-index: 99;
   top: 18px;
}

#hg_sofie {
   background: transparent url(./images/sofie.png) no-repeat scroll 0% 50%;
   width: 150px;
   -moz-background-clip: -moz-initial;
   -moz-background-origin: -moz-initial;
   -moz-background-inline-policy: -moz-initial;
   height: 110px;
   float: left;
   position: absolute;
   left: 94px;
   z-index: 98;
   top: 22px;
}