/* background settings */
body{
      background: #ffffff url('YOUR_IMAGE') no-repeat fixed right;
}

a:link{ color: #505050; text-decoration: underline; }
a:visited{ color: #909090; text-decoration: underline; }
a:hover{ color: #303030; text-decoration: underline; }

/* main page settings */
p{
   margin: 0;
   padding: 0;
   clear: both;
   }

div.area{ 
          margin-left: auto;
          margin-right: auto;
          overflow: hidden;
          width: 400px;
          text-align: center;
          }

p.finntitle{
             margin-top: 1em;
             margin-bottom: 1em;
             margin-left: auto;
             margin-right: auto;
             text-align: center;
             text-indent: 0;
             color: #909090;
             font-family: cursive;
             font-size: xx-large;
             font-weight: bold;
             }

img.main{ 
          margin-top: 1em;
          margin-bottom: 0.3em;
          margin-left: auto;
          margin-right: auto;
          text-indent: 0;
          text-align: center;
          width: 100%
          }

p.jptitle{ 
           margin-top: 0.3em;
           margin-bottom: 0.1em;
           margin-left: 0pt;
           margin-right: auto;
           text-align: left;
           text-indent: 0;
           color: #505050;
           font-family: sans-serif;
           font-size: x-large;
           }

p.date{
        margin-top: 0pt;
        margin-bottom: 0.5em;
        margin-left: 0.1em;
        margin-right: auto;
        text-align: left;
        text-indent: 0;
        color: #303030;
        font-family: sans-serif;
        font-size: small;
        }

div.body{ 
          margin-top: 1em;
          margin-bottom: 1em;
          margin-left: 0pt;
          margin-right: 0pt;
          text-align: left;
          font-family: sans-serif;
          color: #505050;
          font-size: medium;
          text-indent: 1em;
          text-align: justify;
          line-height: 200%;
          }

img.left{
          width: 55%;
          float: left;
          margin-top: 0.5em;
          margin-bottom: 0em;
          margin-right: 0.5em;
          margin-left: 0;
          background: transparent;
          }

img.right{ 
           width: 50%;
           float: right;
           margin-top: 0.5em;
           margin-bottom: 0em;
           margin-right: 0;
           margin-left: 0;
           background: transparent;
           }

img.full{ 
          width: 100%;
          float: none;
          margin-top: 0.5em;
          margin-bottom: 0em;
          margin-right: 0;
          margin-left: 0;
          background: transparent;
          }

p.surprise{ 
            color: red; 
            text-align: center; 
            font-size: xx-large; 
            margin-top: 1em; 
            margin-bottom: 1em;
 }

div.footer{ 
            margin-top: 2em;
            margin-left: auto;
            margin-right: auto;
            height: 10em;
            width:510px;
            background: transparent;
            text-align: center;
            }

div.prev{ 
          text-align: left;
          height: 0em;
          overflow: visible;
}

div.next{ 
          text-align: right;
          height: 0em;
          overflow: visible;
}

/** title page stype **/

div.titlearea{ 
              margin-left: auto;
              margin-right: auto;
              overflow: hidden;
              width: 600px;
              text-align: center;
              }