body {
  margin:4% 6% 8%;
  padding:0;
  background:black url('spring.png') fixed;
  font-family:"Liberation Sans",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;
}

strong {
  font-style:normal;
  font-weight:bold;
}

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

#titlehead {
    font-family:Universalis ADF Std;
    font-size:250%;
    font-weight:bold;
}

h1 {
  padding:2ex 2em 0.5ex 1.3em;
  font-family:"Gentium Basic",Gentium,Cambria,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;
}

#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:#d8dc81; }
        a:visited { color:#d8dc81; }
   a:link:hover   { color:#84c5db; }
a:visited:hover   { color:#84c5db; }
#footer a:link    { color:gray; }
#footer a:visited { color:gray; }
a {
  transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -webkit-transition:all 0.25s ease-in-out;
}

.selectbtn {
  line-height:7ex;
  min-width:11em;
  border:solid 1px gray;
  border-radius:1ex;
  box-shadow:0 0 1ex #ffffff;
  text-align:center;
  display:inline-block;
  margin:2ex 2em 3ex 0;
  padding:1ex 1em;
  text-decoration:none;
  transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -webkit-transition:all 0.25s ease-in-out;
}

.selectbtn:visited, .selectbtn:hover, .selectbtn:visited:hover {
  box-shadow:0 0 1ex #84c5db;
}

.selectbtn img {
  height:6ex;
  margin:0 1em 0 0;
  vertical-align:middle;
}


/* 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;
}


/* font faces */
@font-face {
  font-family:Universalis ADF Std;
  font-weight:normal;
  src:url("woff/universalisadfstd-regular.woff") format("woff");
}

@font-face {
  font-family:Universalis ADF Std;
  font-weight:bold;
  src:url("woff/universalisadfstd-bold.woff") format("woff");
}