/* Site-specific styling */
h1, h2, h3, h4 { font-weight: bold; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1em; }
h2, h3, h4, h5 { margin-bottom: 0.5em; }

body {
 background-color: #877c8c;
}

/* At risk of alignment problems, tighten the paragraph margin. */
p { margin-bottom: 1em; }

/* THIS IS THE MAIN PAGE. CHANGE COLOURS HERE FOR MAIN CONTENT. */
div#page {
  border: solid black 1px;
  background-color: #F9BA70;
  color: #222;
}

/* --- Navbar styling --- */
div#navbar {
  background-color: #4C2310;
  color: white;
}

div#navbar a {
  display: block;
  float: left;
  text-decoration: none;
  color: white;
  padding: 0.5em 1em;
  border-right: 1px solid white;
}
div#navbar a:hover {
  background: gray;
}

div#navbar a.current {
  color: #FC8421;
}
/* --- nav end --- */

/* THIS IS THE SIDEBAR. CHANGE COLOURS HERE FOR SIDEBAR CONTENT. */
div#sidebar {
  background-color: #f37e33;
  color: #222;
}

div#sidebar img.left { 
  margin: 0.5em 1.5em 0.5em 0;
}

div#social {
  background-color: white;
  border: 1px solid gray;
  padding: 1em 1em 0;
  margin-bottom: 1.5em;
}

div#social p {
 margin-bottom: 1em;
}

div#social a img {
  vertical-align: middle;
  margin-right: 0.5ex;
}

div#main { 
}

div.panel {
  background-color: white;
}

/* --- Footer styling --- */
div#footer {
  background-color: #7D0706;
  color: #FC8221;
}

div#footer a {
  display: block;
  float: left;
  text-decoration: none;
  color: #FC8221;
  padding: 0.2em 1em;
}
div#footer a:hover {
  background: gray;
}

div#footer a.current {
  color: #FC8421;
}
/* --- nav end --- */

.block { display:block; }

.graytext { color: #877c8c; }
.greentext{ color: #B2D231; }

.green-nav {
 color: #B2D231;
 margin-left: 1em;
}

.green-nav a {
 color: inherit;
 text-decoration: none;
 margin-right: 2em;
}

/* Pull the banner image flush. */
div#banner img {
  margin-left: -10px;
  display: block;
}

div#reservation-form {
  background-color: white;
  padding: 1em;
  padding-bottom: 0;
  border: 1px solid gray;
}

/* Rezstream widget */

div#book-online {
  margin-bottom: 1em;
}

div#book-online h2 {
  margin-bottom: 0;
}

div#book-online .rs-sc-field label span {
  width: 60px;
}
div#book-online .rs-sc-field label span.rs-calendar-icon {
  width: 50px;
}

div#book-online select,
div#book-online input {
  margin-bottom: 0;
  margin-top: 0;
}