body {
  font-family: Geneva, Verdana, sans-serif;
  font-size: none;
  margin: auto;
  width: 800px;
  color: #333333; }

p {
  padding-bottom: 8px;
  font-size: 14px; }

h2 {
  padding-bottom: 10px; }

a {
  text-decoration: none;
  color: #067079; }
  a:visited {
    color: #067079; }

#outer-wrapper {
  padding-top: 20px; }
  #outer-wrapper #wrapper #content {
    position: relative; }

#flash-container {
  position: absolute;
  top: 5px; }

#top_links a {
  color: #d3d3d3; }
  #top_links a:hover {
    color: #333333; }
#top_links .active a {
  color: #888888; }
  #top_links .active a:hover {
    color: #333333; }

#header {
  border-top: 1px solid #D4D4D4;
  padding-bottom: 20px;
  background: url(/images/gradient.png) repeat-x left bottom; }
  #header h1 {
    padding-top: 5px;
    padding-bottom: 5px;
    float: left; }
    #header h1#logo a {
      display: block;
      background: url(/images/logo.png) no-repeat left top;
      text-indent: -999em;
      width: 325px;
      height: 60px; }
  #header ul#navigation {
    float: right;
    padding-top: 23px;
    font-size: 1.4em; }
    #header ul#navigation li {
      display: inline;
      border-right: 2px solid #D4D4D4;
      padding-right: 5px; }
      #header ul#navigation li:last-child {
        padding-right: 0px;
        border-right: none; }
    #header ul#navigation li {
      border: none;
      padding-left: 10px; }

#top_links {
  text-align: right;
  padding-bottom: 10px; }
  #top_links ul li {
    display: inline;
    border-right: 2px solid #D4D4D4;
    padding-right: 5px; }
    #top_links ul li:last-child {
      padding-right: 0px;
      border-right: none; }

#footer {
  padding-top: 8px;
  background: url(/images/gradient.png) repeat-x left top;
  color: #d3d3d3;
  text-align: center;
  font-size: .8em;
  margin-top: 30px;
  margin-bottom: 50px; }
  #footer a {
    color: #888888; }
    #footer a:hover {
      color: #333333; }

#names {
  margin: auto;
  width: 80%;
  padding-bottom: 20px; }
  #names h3 a {
    color: #333333; }

.name {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative; }
  .name .info {
    display: none; }
  .name .left_column {
    float: left; }
  .name .right_column {
    position: absolute;
    right: 0px;
    bottom: 0px; }
  .name .admin {
    float: right; }
  .name h3 {
    font-size: 1.5em;
    font-weight: normal;
    padding-bottom: 5px; }
    .name h3 a {
      color: #333333; }

#male-names {
  float: left;
  width: 285px; }
  #male-names a {
    color: #067079; }

#female-names {
  float: right;
  width: 285px; }
  #female-names.etymology {
    float: none; }
  #female-names a {
    color: #7e008e; }

.one-gender #female-names, .one-gender #male-names {
  width: 100%;
  padding: 0px; }
.one-gender .name {
  width: 285px; }
.one-gender .name.even {
  float: right; }
.one-gender .name.odd {
  float: left; }

.wide {
  width: 80%;
  margin: auto; }
  .wide #female-names, .wide #male-names {
    float: none;
    width: 100%;
    padding: none; }
  .wide .comment_count {
    display: none; }
  .wide .name h3 {
    float: left;
    font-size: 2.5em; }
    .wide .name h3 a {
      color: #333333; }
  .wide .name .info {
    display: block;
    font-size: 12px; }

.female #female-names {
  float: none;
  margin: auto; }

.male #male-names {
  float: none;
  margin: auto; }

.button {
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  color: #000;
  font-size: 12px;
  background-color: #ddd;
  border: 1px solid;
  border-color: #aaa;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px; }
  .button:visited {
    color: #000; }

form input[type=submit] {
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  background-color: #ddd;
  border: 1px solid;
  border-color: #aaa;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px; }

.name_form {
  width: 285px;
  padding-bottom: 40px; }
  .name_form input[type=submit] {
    float: right; }
  .name_form input[type=text] {
    margin-bottom: 5px;
    width: 100%; }

.voting form, .voting span {
  float: right; }

.clearfix {
  clear: both; }

#comments {
  padding-bottom: 10px; }
  #comments h3 {
    padding-bottom: 10px; }
  #comments .comment {
    padding-bottom: 20px; }
    #comments .comment .author {
      padding-bottom: 5px;
      font-size: .8em; }
      #comments .comment .author .timestamp {
        color: #bbb; }
    #comments .comment .body {
      padding-left: 5px; }

.message {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px;
  width: 80%;
  margin: auto; }

.share {
  color: #888888;
  text-align: left;
  font-size: 0.9em;
  margin-top: -12px;
  padding-bottom: 10px; }
  .share a {
    color: #888888; }
    .share a:hover {
      color: #333333; }

input[type=text], input[type=password], textarea {
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border: 1px solid;
  border-color: #888888;
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold; }

textarea {
  width: 325px;
  margin-bottom: 5px; }

label {
  display: block;
  float: left;
  padding-right: 5px;
  padding-top: 10px;
  text-align: right;
  width: 125px; }

input[type="submit"].important {
  background-color: #fbe3e4;
  color: #8a1f11;
  border: 1px solid; }

#lists h2 {
  padding-bottom: 10px; }
#lists ul {
  margin-bottom: 15px; }
#lists li {
  padding: 5px;
  border-color: #fbc2c4; }

#login, #signup {
  width: 50%;
  margin: auto;
  text-align: right; }
  #login input, #login h2, #signup input, #signup h2 {
    margin-bottom: 5px; }

.list_form p {
  margin-bottom: 10px;
  margin-top: 10px; }

#new_list h2, #edit_list h2 {
  padding-top: 10px; }

#homepage p {
  padding-bottom: 8px; }
#homepage .lists, #homepage .names {
  font-size: 1.2em;
  margin-bottom: 10px; }
  #homepage .lists .female a, #homepage .names .female a {
    color: #7e008e; }
  #homepage .lists .male a, #homepage .names .male a {
    color: #067079; }
  #homepage .lists .both a, #homepage .names .both a {
    color: #888888; }

#comment_form {
  width: 75%;
  text-align: right; }
  #comment_form input[type=text] {
    width: 325px;
    margin-bottom: 5px; }
  #comment_form h3 {
    margin-bottom: 5px; }