body {
  background: #4a0003 url(/images/bg.png) center top repeat-y;
  color: #333;
  font: 80%/1.4 georgia, "Times New Roman", times, serif;
  margin: 0;
  text-align: center; }

#wrapper {
  background: #4a0003 url(/images/bg.png) center top repeat-y;
  margin: 0 auto;
  text-align: left;
  width: 786px; }

#header {
  margin: 0 0 1em; }
  #header h1 {
    line-height: 1;
    margin: 0;
    padding: 0; }
    #header h1 a {
      background: url(/images/header.jpg) no-repeat;
      display: block;
      height: 178px;
      overflow: hidden;
      text-indent: -9999px;
      width: 786px; }

#navigation {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0 25px;
  width: 190px; }
  #navigation li {
    font-size: 1.5em;
    line-height: 1.5em; }

#content {
  float: right;
  margin: 0;
  padding: 0 42px 0 0;
  width: 500px; }

#footer {
  clear: both; }
  #footer p {
    color: #490003;
    line-height: 5em;
    margin: 0;
    text-align: center; }

/* HTML */
a:link {
  color: #4a0003;
  text-decoration: none; }
a:visited {
  color: #4a0003;
  text-decoration: none; }
a:hover {
  color: #7f0006;
  text-decoration: underline; }
a:active {
  color: #7f0006;
  text-decoration: underline; }

/* Titles */
#title {
  margin: 0 0 1.5em;
  line-height: 1.25; }
  #title h2 {
    color: #4a0003;
    font-size: 1.85em;
    font-weight: normal;
    margin: 0; }
  #title h3 {
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
    margin: 0; }

/* Reviews */
.review {
  margin: 0 0 2.5em; }
  .review h3 {
    font-size: 1.35em;
    margin: 0; }
  .review h4 {
    font-size: 1.1em;
    margin: 0 0 .75em; }
  .review p {
    margin: .5em 0; }

/* Photo gallery */
.photo {
  border: 3px solid white;
  float: left;
  margin: 5px; }
  .photo img {
    border: 0;
    display: block; }

/* Attractions */
.attraction {
  margin: 0 0 1.5em; }
  .attraction h3, .attraction p {
    margin: 0; }
  .attraction a {
    font-family: 'lucida grande', 'helvetica neue', helvetica, arial, sans-serif;
    font-size: .9em; }

/* Form */
form table th, form table td {
  border: 0;
  margin: 0;
  padding: .35em 1em .35em 0;
  vertical-align: top; }
form label {
  font-family: 'lucida grande', 'helvetica neue', helvetica, arial, sans-serif;
  font-weight: normal;
  text-transform: capitalize; }

/* Admin */
tr.draft, tr.completed {
  color: #666; }

tr.draft a, tr.completed a {
  color: #666; }

#state {
  background: #eee;
  border: 2px solid #ccc;
  line-height: 1;
  margin: 1em 0;
  padding: 1em; }


#state p, #state form, #state form div {
  margin: .5em 0; }

#state strong {
  font-size: 2.5em; }

table.admin {
  border-collapse: collapse; }
  table.admin th, table.admin td {
    border: 1px solid #d4d4d4;
    font-size: .9em;
    margin: 0;
    padding: 5px; }

ul.admin_buttons {
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  ul.admin_buttons li {
    display: inline;
    margin: 0;
    padding: 0 2em 0 0; }

#administration {
  background: #333;
  border-bottom: 1px solid #000;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1000; }
  #administration h4 {
    color: #fff;
    display: inline;
    margin: 0;
    padding: 0 2em; }
  #administration ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0; }
    #administration ul li {
      display: inline;
      margin: 0;
      padding: 0 1em; }
      #administration ul li a {
        color: #cc9;
        font-size: .9em;
        line-height: 2em; }

/* Rails Built In Stuff */
.flash {
  background: white;
  border-style: solid;
  border-width: 1px;
  font-size: 1.2em;
  margin: 0 0 1em;
  padding: 5px; }

.flash_notice {
  border-color: #060;
  color: #0a0; }

.flash_error {
  border-color: #600;
  color: #a00; }

.fieldWithErrors input {
  border: 2px solid red; }

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff; }

#errorExplanation p {
  color: #333;
  margin: 1em 0;
  padding: 5px; }

#errorExplanation ul {
  margin: 1em; }

#errorExplanation ul li {
  font-size: 12px;
  list-style: square; }