body, p, h1, h2, h3, h4, h5, h6, ul, li, td, th, tr {
  font-family: Arial, Helvetica, sans-serif;
}

a { 
  color: #3381ff;
}

body {
  background: white;
  margin: 0;
}

fieldset {
  margin-bottom: 1em;
}

/* mozilla only */
form > fieldset {
  border: 1px dashed #0a49ad;
}

legend {
  font-size: 120%;
}

td {
  vertical-align: top;
}

#main {
  padding: 1em;
  background: url(/images/paper-back.png);
}

#main h1.title {
  margin-top: 0px;
  font-size: 200%;
}

#main h1.title:first-letter {
  font-size: 200%;
}

#logo {
  margin: 8px 48px;
  background-image: url(/images/mimir_guy.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 70px;
}

#global-navigation {
  list-style-type: none;
  padding-left: 0px;
  margin: 0 0 0 2em;
  clear: both;
  font-size: 80%;
}

#global-navigation li {
  display: inline;
}

#global-navigation li a {
  background-color: transparent;
  border-color: #0a49ad;
  border-width: 1px; 
  border-style: solid solid none solid;
  color: #083782;
  height: auto;
  margin-right: 0.5em;
  padding: 0em 1.5em;
  text-decoration: none;
  text-transform: lowercase;
  -moz-border-radius: 1ex 1ex 0 0;
}

#global-navigation li.selected a {
  background-color: #bbd4fc;
  border: 1px solid #0a49ad;
  border-bottom: #bbd4fc 1px solid;
  color: #083782;
}

#global-navigation li a:hover {
  background-color: #bbd4fc;
  border-color: #0a49ad;
  border-bottom-color: #bbd4fc;
  color: #083782;
}

#personal-navigation {
  background-color: #bbd4fc;
  border-top-color: #0a49ad;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #0a49ad;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  line-height: 1.3em;
  color: black;
  padding: 0em 3em 0em 3em;
  margin: 0;
  text-align: right;
  text-transform: lowercase;
  list-style: none;
  font-size: 80%;
}

input[type="submit"], input[type="button"], input[type='reset'] {
  background-color: #bbd4fc;
  color: #083782;
}

#personal-navigation li {
  display: inline;
  background: transparent;
  padding-left: 8px;
  margin-left: 1em;
}

#personal-navigation li a {
  text-decoration: none;
  color: #083782;
}

#personal-navigation .message {
  font-size: 80%;
}

#personal-navigation .username {
  color: #3333FF;
}

#controls {
  font-size: 70%;
  margin: 0;
  text-align: right;
  border-bottom: 1px solid #0a49ad;
  padding: 0em 3em 0em 3em;
}

#controls h1 {
  display: none;
  visibility: hidden;
}

#controls table {
  display: inline;
  text-align: right;
}

#controls td {
  display: inline;
  text-align: right;
  text-transform: lowercase;
}

#controls tr {
  display: inline;
  text-align: right;
  margin-left: 1em;
}

#controls a {
  color: black;
}

.news {
  font-size: 100%;
}

.heading .title a {
  text-decoration: none;
  color: black;
}
  
.heading .title a:hover {
  text-decoration: underline;
  color: #435675;
}

.news .group {
  clear: left;
  padding: 0px 0px;
}

.news .group .heading .title {
  font-size: 130%;
  font-weight: bolder;
}

.news .group .content {
  padding: 10px 0px 10px 14px;
}

.news .item {
  clear: left;
}

.news .item .heading .title {
  font-weight: bolder;
  font-size: 100%;
  width: 100%;
}

.news .item .title a.add-bookmark {
  color: #bbd4fc;
  font-size: 70%;
  visibility: hidden;
  display: none;
}

.news .item .title:hover a.add-bookmark {
  visibility: visible;
  display: inline;
}

.news .item .author {
  font-size: 70%;
  margin-top: 0;
  margin-bottom: 1em;
}

.news .item .meta {
  clear: both;
  font-size: 70%;
  color: #aaaaaa;
  margin-top: 1em;
}

.news .item .subtitle {
  font-style: italic;
}

.news .item .content {
  padding: 10px 0px 10px 14px;
  font-size: 90%;
}

.news .wedge {
  vertical-align: center;
}

.news input {
  vertical-align: center;
}

.expanded {
  display: block;
  visibility: visible;
}

.collapsed {
  visibility: hidden;
  display: none;
}

.show {
  display: inline;
  visibility: visible;
}

.hidden {
  display: none;
  visibility: hidden;
}

.buttons {
  clear: both;
}

.blog .date {
  color: #435675;
  font-weight: bold;
  margin-bottom: 1ex;
}

.blog .day {
  margin-left: 2ex;
}

.blog .title {
  font-weight: bold;
}

.blog .footer {
  margin-bottom: 2ex;
}

.screenshot {
  text-align: center;
  width: 850px;
  margin-left: 5ex;
  font-style: italic;
  padding-top: 10px;
  margin-bottom: 3em;
}