body {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#000099;
  background:#f3e9ff url(bg.gif) repeat;
  text-align: center;
}
.smalltall {
  background: #cfcfff;
}
a, a:visited {
  text-decoration: none;
  color: #775588;
}
a:hover, a:active {
  text-decoration: underline overline;
  color:#aa88bb;
}
img {
  border: 0px;
}
/*general stuff */

#wrapper {
  width: 800px;
  background: #2d2b49;
  margin: 0px auto;
  position: relative; 
  border: 2px solid #131227;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;	
  -moz-border-radius: 12px;
  border-radius: 12px;
}
/*Main box*/

#logolink {
  display: block;
  cursor: pointer;
}
#logo {
  background: url(dm_logo.png);
  width:646px;
  height:126px;
  border:0px;
  position: relative;
  margin: 0px auto;
}
/*Makes the logo clickable in all browsers*/

#menu {
  width: 796px;
  padding:2px;
  margin: 0px auto;
  position: relative;
  top: -10px;
  text-align:center;
  font-size: 18px;
  color: #532c4d;
}
#menu a, #menu a:visited {
  text-decoration: none;
  font-size: 18px;
  color: #d44e9c;
}
#menu a:hover, #menu a:active {
  text-decoration: underline overline;
  font-size: 18px;
  color:#e865b1;
}
/*Navigation stuff*/


#mainbox {
  width:800px;
  height:500px;
  position: relative;
  margin: 0px auto;
  top: -10px;
}
#main {
  background: #eae9f2;
  width: 614px;
  margin-top: 0px auto;
  height: 484px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  float: left;
  position: relative;
  text-align: left;
  padding: 8px;
}
/*main content window*/

#intro {
  width: 580px;
  position: relative;
  margin: 0px auto;
  text-align: left;
}
#newstuff {
  width: 580px;
  position: relative;
  margin: 0px auto;
}
.date {
  width: 100px;
  height: 40px;
  float: left;
  margin: 0px auto;
  font-style: italic;
  border: 1px dotted #403e67;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;	
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 3px 20px 3px;
}
.news {
  width: 470px;
  border: 1 px dotted #403e67;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;	
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px;
}
.recent {
  width: 580 px;
  position: relative;
  margin: 0px auto;
}

/* MAIN CONTENT WINDOW */



#guestbook {
  width: 169px;
  height: 500px;
  background: #eae9f2;
  border-left: 1px dotted #131227;
  margin: 0px auto;
  float: right;
  position: relative;
  text-align: left;
}
/*guestbook stuff*/

#gb1 {
  overflow: hidden;
  margin: 0px auto;
  position: relative;
  padding: 0px 2px;
  width: 165px;
  height: 218px;
  text-align: right;
  border-bottom: 1px dotted #131227;
}
#gb1 b {
  font-size:12px;
  color: #131227;
  font-variant: small-caps;
  text-align: right;
}
.req {
  font-size: 10px;
  color: #131227;
  text-align: right;
}
.noreq {
  font-size: 10px;
  color: #403e67;
  text-align: right;
}
.text {
  height: 12px;
  width: 100px;
  border: 1px solid #aaa0c8;
  background: #fafafd;
  font-size: 11px;
}
.textNQ {
  height: 12px;
  width: 100px;
  border: 1px solid #c1bad6;
  background: #eae9f2;
  font-size: 11px;
}
.noVikingSong {
  position: relative;
  top: 4px;
}
.textbox {
  height: 50px;
  width: 155px;
  border: 1px solid #aaa0c8;
  background: #fafafd;
  font-size: 11px;
}
.ok {
  height:16px;
  width:100px;
  border: 1px solid #aaa0c8;
  background: #fafafd;
  font-size: 11px;
}
/*guestbook form*/


#gb2 {
  overflow: auto;
  margin: 0px auto;
  position: relative;
  padding: 2px;
  width: 165px;
  height: 277px;
  font-size: 11px;
  color: #131227;
}
/*guestbook display*/


#credits {
  width: 800px;
  margin: 0px auto;
  position: relative;
  text-align: center;
  font-size: smaller;
}
/*and finally, the credits*/