* {
  margin: 0;
  padding: 0; }

body {
  background-color: black;
  color: white;
  margin-left: 5px;
  font-family: "Lucida Grande", sans-serif;
  font-size: 80%;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.7; }

h3 {
  font-weight: bold; }

img, fieldset {
  border: none;
  display: block; }

.clear {
  clear: both; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

.clearfix {
  display: block; }

.center {
  text-align: center;
  margin: 0 auto; }

.right {
  float: right; }

.left {
  float: left; }

.inner .flashes div {
  width: 680px;
  margin: 10px auto; }

.flashes div {
  width: 700px;
  margin: 10px 0;
  padding: 10px;
  font-size: 150%;
  font-weight: bold; }
  .flashes div li {
    margin-left: 1em; }
.flashes .bad {
  color: black;
  background-color: #ffcc00; }
.flashes .good {
  color: black;
  background-color: #00aa22; }
  .flashes .good a, .flashes .good a:link, .flashes .good a:hover, .flashes .good a:visited {
    color: white; }

#centers {
  width: 800px;
  margin: 0 auto; }

#header {
  width: 800px;
  background: url(/images/header-background.png) no-repeat #111111; }
  #header #logo {
    padding-top: 40px;
    width: 553px;
    margin-left: 123.5px;
    border-bottom: 1px solid gray; }
  #header #tagline {
    width: 629px;
    margin: 60px auto; }
  #header #logo-small {
    float: left;
    padding-top: 20px;
    padding-left: 20px; }
  #header #tagline-small {
    margin-top: 50px;
    padding-right: 20px;
    color: white;
    float: right; }

#content, #feedback {
  width: 800px;
  overflow: hidden;
  background-color: #f9f8ee;
  color: black; }
  #content .inner-padded, #feedback .inner-padded {
    padding: 30px; }

#intro #headline {
  width: 600px;
  margin: 50px 0;
  margin-left: 125px;
  font-size: 1.2em; }
  #intro #headline img {
    float: left;
    margin-right: 3em; }
#intro #features {
  width: 700px;
  margin-left: 50px;
  padding-bottom: 50px;
  border-bottom: 1px dotted grey; }
  #intro #features .last {
    margin-left: 50px; }
  #intro #features .column {
    width: 325px;
    float: left; }
    #intro #features .column h3 {
      font-size: 1em; }
    #intro #features .column h4 {
      margin: 0; }
    #intro #features .column .feature {
      margin-top: 2em; }
      #intro #features .column .feature img {
        float: left;
        padding-top: 7px; }
      #intro #features .column .feature .block {
        padding-left: 75px; }
#intro #signup {
  width: 660px;
  margin-left: 50px;
  margin-bottom: 40px;
  padding: 20px;
  text-align: center;
  border-bottom: 1px dotted grey; }
  #intro #signup p {
    font-size: 4em;
    padding-bottom: 0em;
    margin-bottom: 0em; }
  #intro #signup input {
    font-size: 2em;
    vertical-align: middle;
    padding: 0.3em; }
  #intro #signup #email {
    width: 12em; }
  #intro #signup #submit {
    background-color: green;
    color: white; }
#intro #pricing {
  margin-left: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px dotted grey; }

table.subscribe {
  margin: 0 auto; }
  table.subscribe td {
    padding: 0.5em;
    text-align: center; }

#pricing {
  width: 700px; }
  #pricing table {
    margin: 0 auto;
    background: url(/images/intro-pricing-background.png) repeat-x;
    text-align: center;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-spacing: 0px; }
    #pricing table img {
      width: 200px;
      margin: 0 auto; }
    #pricing table th, #pricing table td {
      vertical-align: top;
      padding: 1em 2em;
      border-left: 1px solid black; }
      #pricing table th ul, #pricing table td ul {
        list-style-type: none; }
        #pricing table th ul li, #pricing table td ul li {
          border-bottom: 1px solid #bbbbbb; }
    #pricing table tr.top {
      background-color: black;
      color: white; }
      #pricing table tr.top th {
        padding: 5px; }

#footer {
  width: 800px;
  text-align: center;
  margin: 10px; }

.hilight {
  background-color: #f8ec11;
  padding: 0 3px; }

.header-annotated h1, .header-annotated h2, .header-annotated h3, .header-annotated h4, .header-annotated h5, .header-annotated h6 {
  display: inline; }

span.header-annotation {
  white-space: pre; }

div.wrapper {
  display: none; }

a, a:link, a:visited {
  color: #0099cc; }

a:hover {
  color: #00bbdd; }

p {
  margin-bottom: 1em; }

.mud_thumb {
  margin-top: 1em;
  margin-bottom: 1em; }
  .mud_thumb .name {
    font-size: 120%; }

.address {
  font-size: 60%; }

#openid_url {
  background: url(/images/login-bg.gif) no-repeat white 5px;
  padding-left: 25px; }

.invisible {
  display: none; }

#feedback {
  border: 10px solid black;
  width: auto;
  position: fixed;
  top: 0;
  left: 0; }
  #feedback #feedback-button {
    font-size: 1em;
    padding: 0.4em;
    background-color: green;
    color: white; }

#frame {
  width: 725px;
  height: 543px; }