/* global reset */
html, body {height: 100%; margin: 0; padding: 0;}

/* standard elements */

body {text-align: center; background-color: #000000; font-family: helvetica, arial, sans-serif; font-size: 83.333%;}

h1 {display: none;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

th, td {border: solid 1px #666666; padding: 5px; font-size: 83.333%;}
img {border: 0;}
a {color: #000099; text-decoration: none;}
a:hover {text-decoration: underline; }
a:visited {color: #990066;}

blockquote {padding-left: 1em; margin-left: 0; width: 768px; border: solid 1px #999999; background-color: #e0d0c0}

q {font-style: italic;}

li {margin-bottom: 0.25em;}
p {margin-bottom: 0.75em;}

/* layout structures */

#frame {
  width: 844px;
  margin: 0 auto 0 auto;
  text-align: left;
}

#header {
  height: 105px;
  background-color: #000000;
  text-align: center;
}

#topnav {
  width: 777px;
  padding-left: 67px;
  background-image: url('/images/bg_top.jpg');
  background-repeat: no-repeat;
  background-position: bottom left; height: 30px;
  margin: 0;
}

#content {
  background-image: url('/images/bg.jpg');
  clear: both;
  margin: 0;
  padding: 24px 32px 24px 32px;
  width: 780px;
}


#footer {
  clear: both;
  height: 100px;
  width: 844px;
  text-align: center;
  font-size: 8pt;
  background-color: #000000;
  background-image: url('/images/bg_bot.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  color: #996600; padding: 0;
  margin-top: -20px;
}
  
#footer p {
  padding-top: 15px;
}

#footer a {
  color: #996600;
}

/* Site-specific elements */

#download p {
  text-align: center;
  color: #cccccc;
}


span.complete {
  text-decoration: line-through;
}

div.nanoblog {
  margin-bottom: 3em;
  border-bottom: groove 2px #f1e6d5;
}

div.nanoblog h3 {
  text-align: right;
}

div.nanoblog h3 a {
  text-decoration: none;
}

#archive {
  text-align: right; width: 780px
}

#archive a {
  text-decoration: none;
}

p.post_footer {
  text-align: right;
  clear: both;
}

/* Button art by Lamoot http://opengameart.org/content/rpg-gui-construction-kit-v10 */
.stdbutton {
  float: left;
  width: 142px;
  height: 23px;
  background-image: url('/images/button.png');
  text-align: center;
  padding-top: 5px;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 1px 1px 0px #000;
}

.stdbutton:hover {
  background-position: 0px -56px;
  text-decoration: none;
  color: #ffffff;
}

.stdbutton:active {
  background-position: 0px -28px; 
  text-decoration: none;
}

.stdbutton:visited {
  color: #ffffff;
}

#download {
  background-image: url('/images/stone.jpg');
  border: outset 1px #f1e6d5;
  margin: 0;
}

#download_msg {
  padding-left: 48px;
  padding-right: 16px;
  font-size: 16pt;
  float: left;
  padding-top: 2px;
  margin-bottom: 16px;
  color: #d4a017;
  text-shadow: 2px 2px 1px #000000;
}

#download_msg a {
  color: #d4a017;
}

.nanoblog {
  clear: both;
}

.donation {
  background-image: url('/images/stone.jpg');
  width: 200px;
  text-align: center;
  float: right;
  clear: both;
  color: #d4a017;
  margin-bottom: 16px;
  margin-left: 16px;
  border: outset 1px #f1e6d5;
}

#footer img {
  margin: 4px;
  margin-bottom: 64px;
}

#column-left {
  width: 375px;
  float: left;
}

#column-right {
  width: 375px;
  float: right;
}

.inset_right {
  float: right;
  margin: 0.5em 0 0.5em 0.5em;
}