body {
  margin:4% 6% 8%;
  padding:0;
  background:black url('art/spring.png');
  font-family:Calibri,sans-serif;
  font-size:125%;
  color:#d0d0d0;
  text-align:center;
}

#frame {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 50em ? "50em" : "94%");
  max-width:50em;
  position:relative;     /* allows child elements to be aligned to this frame */
  margin:0 auto;                                /* allows for a centered page */
  padding:2.5% 4% 7.5% 4%;
  text-align:left;
  background:#212121;
  /* -moz-border-radius:2.5em; */
}

em {
  font-style:normal;
  font-weight:bold;

}

strong {
  font-size:160%;
  font-style:normal;
  font-weight:normal;
  margin:0 0.1em;
}

h1 {
  padding:2ex 2em 0.5ex 1.3em;
  font-family:Cambria,"Palatino Linotype",serif;
  font-size:250%;
  break-inside:avoid-column;
  break-after:avoid-column;
}

h2 {
  break-inside:avoid-column;
  break-after:avoid-column;
}

p {
  margin:0 0 1ex 0;
  line-height:1.55em;
}

.line-block {
  font-family:monospace,Calibri,sans-serif;
  font-size:85%;
  margin:5ex 7em;
  text-indent:-3em;
}

table {
  padding-bottom:4ex;
}

th {
  padding:.2ex .75em .1ex;
}

td {
  padding:.2ex .75em .1ex;
  background-color:#303030;
}

.bigbutton {
  position:relative;
  text-align:center;
  -moz-border-radius:1em;
}

.bigbutton a, .bigbutton a:visited, .bigbutton a:hover, .bigbutton a:visited:hover {
  font-weight:bold;
  font-size:150%;
  color:white;
  text-decoration:none;
}

.bigbutton:hover {
  background-color:black;
}

#header {
  color:gray;
  border-bottom:gray 1px solid;
  margin:0 0 3ex 0;
}

#header .title {
  font-weight:bold;
}

#backlinks {
  margin:0px;
  font-style:italic;
  color:gray;
}

#footer {
  font-size:75%;
  color:gray;
  padding:5ex 0 0;
}

#emblem {
  position:absolute;
  top:0;
  right:0;
}

/* link colors */
        a:link    { color:#99c6cc; }
        a:visited { color:#d8dc81; }
   a:link:hover   { color:#ccdbd0; }
a:visited:hover   { color:#edefc7; }
#footer a:link    { color:gray; }
#footer a:visited { color:gray; }



/* reset all ugly default settings */
#pageinfo {
  margin:0px;
  border-top:hidden;
}

.actions, .pagedate, .pagelicense, .pagecopyright {
  font-style:italic;
  display: inline;
}

.actions ul, .actions li {
  display:inline;
  padding:0px;
}