html {
  color: black;
  background: white; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit; }

del, ins {
  text-decoration: none; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ""; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup, sub {
  vertical-align: baseline; }

legend {
  color: black; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  *font-size: 100%; }

html {
  height: 100%;
  background: #005aff url(http://farm3.static.flickr.com/2679/4092099566_523d45c1d6_o.gif) no-repeat fixed 50% 50%;
  color: white;
  font-family: helvetica, arial;
  font-size: 20px;
  font-weight: 100; }
  html h1 {
    font-size: 200%; }
  html a, html a:hover, html a:visited {
    color: white;
    text-decoration: none;
    outline: none; }
  html body {
    margin: 0 auto;
    min-height: 100%;
    max-width: 1680px; }
    html body[controller="profile"][action="index"] {
      position: relative;
      text-shadow: 2px 2px 2px black;
      text-align: center; }
      html body[controller="profile"][action="index"] > h1 {
        position: relative;
        padding: 1em 0; }
      html body[controller="profile"][action="index"] > .links > .link {
        margin-bottom: 1em; }
        html body[controller="profile"][action="index"] > .links > .link > a {
          opacity: 0.9;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
          filter: alpha(opacity="90"); }
          html body[controller="profile"][action="index"] > .links > .link > a:hover {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity="100"); }
      html body[controller="profile"][action="index"] > .megaphoning {
        z-index: -1;
        position: fixed;
        bottom: 0;
        right: 10px;
        width: 351px;
        height: 299px;
        background: url("/images/megaphoning.png") no-repeat scroll top left; }
    html body[action="not_found"] {
      overflow: hidden; }
      html body[action="not_found"] > .content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center; }
        html body[action="not_found"] > .content > h1 {
          margin-bottom: 1em; }
        html body[action="not_found"] > .content > * {
          position: relative;
          top: -250px; }