html {
  background: #eeeeee;
  font-size: 10pt;
  font-family: Arial, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  color: #000000;
}

img {
  border: 0;
}

#pageContainer {
  clear: both;
  margin: 1em;
  border: 1px solid ThreeDShadow;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1em;
  background: #ffffff;
}

#pageContainer a {
  color: #000080;
  text-decoration: none;
}
#pageContainer a:hover {
  color: #800000;
}


#pageContainer h1 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 0;
}

#pageContainer h2 {
  font-size: 1.1em;
  font-weight: bold;
}

#pageContainer h3 {
  font-size: 1em;
  font-weight: bold;
}

#pageContainer .clear {
  clear: both;
}

#terminalContainer {
  border: 1px solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1em;
  background: #000000;
}

#terminalContainer td {
  font-family: fixed;
  font-size: 8pt;
  text-align: left;
  color: #00ff00;
}

#terminalContainer .command {
  color: #80ff80;
}

#terminalContainer .cursor {
  text-decoration: blink;
}

#badgeBar {
  text-align: right;
}

#hamprHeader {
}

#hamprTitle {
  float: left;
  margin: 0;
  padding: 1em;
}

#hamprTitle .title {
  font-size: 2em;
  font-weight: bold;
  color: #222244;
}

#hamprTitle .slogan {
  font-size: .8em;
  font-style: italic;
}

#hamprOptions {
  margin: 1em;
  font-size: .8em;
  float: right;
  color: #ffffff;
  background: #222244;
  border: 1px solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: .4em 0 .4em 1em;
}

#hamprBottomBar {
  margin: 1em;
  font-size: .8em;
  float: right;
  color: #ffffff;
  background: #222244;
  border: 1px solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: .4em 0 .4em 1em;
}

#hamprOptions a, #hamprBottomBar a {
  color: #ffffff;
  text-decoration: none;
}

#hamprOptions ul, #hamprBottomBar ul {
  padding:0;
  margin:0;
}


#hamprOptions ul li, #hamprBottomBar ul li {
  display: inline;
  margin-right: 1em;
}

#hamprOptions ul li form, #hamprBottomBar ul li form {
  display: inline;
}

input {
  border: 1px solid #222244;
  background-color: #FFFFFF;
  font-size: .9em;
}

input.openidlogin {
  width: 15em;
  background: url(https://www.hampr.com/login-bg.gif) no-repeat;
  background-color: #ffffff;
  background-position: 0 50%;
  color: #000000;
  padding-left: 18px;
}

select.openid {
  background: url(https://www.hampr.com/login-bg.gif) no-repeat;
  background-color: #ffffff;
  background-position: 0 50%;
  color: #000000;
  padding-left: 18px;
}

li.openid {
  background: url(https://www.hampr.com/login-bg.gif) no-repeat;
  padding-left: 18px;
  margin-left: -18px;
  background-position: 0 50%;
  list-style-type: none;
}

#hamprSidebar {
  background: #eeeeee;
  margin: 0 .5em 0 .5em;
  float: right;
  border: 1px solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: .5em;
  font-size: .8em;
  width: 15em;
}

#hamprSidebar h1 {
  display: none;
}

#hamprSidebar h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
}

#hamprSidebar ul {
  list-style-type: square;
  padding-left: 2em;
}

#hamprSidebar form.search {
  margin: 1em 0 1em 0;
}

#hamprSidebar form.search input.search {
  width: 10em;
}

#bookmarks {
  list-style-type: square;
  padding-left: 2em;
}

#bookmarks ul {
  list-style-type: none;
  padding-left: 1em;
}

#editTable {
  width: 50em;
}

#editTable input.text {
  width: 100%;
}

#badgeBar {
  display: none;
}

.notice {
  clear: both;
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  background: #224422;
  border: 1px solid;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: .4em 0 .4em 1em;
  text-align: center;
}

#pageContainer .notice a {
  color: #ffffff;
}