/* ---------------- Title and page layout ---- */

html {
  height: 100%;
}

body {
  background-color: #aabb88;
  border: 0;
  margin: auto;
  padding: 20px;
  width: 90%;
  height: 100%;
  font-family: "Gill Sans", "Trebuchet MS", sans-serif;
  font-size: 100%;
  color: #666633;
}

div#title_inner {
  border: 0;
  margin: 0;
  padding: 0;
  padding-right: 20px;
  height: 100px;
  background-image: url(/themes/earthy/title_corner.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  clear: both;
  text-align: right;
  position: relative;
}

div#title_text {
  border: 0; margin: 0; padding: 0;
  margin-bottom: 10px;
  margin-right: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 250%;
}

div#main_title {
  color: #aabb88;
}

div#subtitle {
  font-size: 40%;
  color: #666633;
  position: relative;
  top: -0.5em;
}

div#bottom_middle {
  clear: both;
  border: 0;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  height: 50px;
  background-image: url(bottom_middle.png);
  background-position: 0% 0%;
  background-repeat: repeat-x;
}

div#bottom_left {
  border: 0;
  padding: 0;
  margin: 0;
  height: 50px;
  background-image: url(bottom_left.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

div#bottom_right {
  border: 0;
  padding: 0;
  margin: 0;
  height: 50px;
  background-image: url(bottom_right.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  position: relative;
}

div#bottom_text {
  border: 0;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 0;
  margin: 0;
  color: #ffffee;
  font-size: 70%;
  font-family: Verdana, sans-serif;
  position: absolute;
  bottom: 20px;
  width: 90%;
}

div#bottom_text_left {
  border: 0;
  padding: 0;
  margin: 0;
}

div#bottom_text_right {
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
}

div.error {
  border: 0;
  padding: 10px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  background-color: #aa1133;
  color: #ffffee;
  border-bottom: 1px solid #889977;
}

div.message {
  border: 0;
  padding: 10px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  background-color: #eeeedd;
  color: #666633;
  border-bottom: 1px solid #889977;
}


/* ---------------- Top-level elements ---- */

div.content_block {
  border: 0;
  padding: 0;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 180px;
  margin-bottom: 20px;
}

div.heading_bar {
  border: 0;
  border-bottom: 1px solid #889977;
  margin: 0;
  padding: 2px;
  background-color: #ddddbb;
  background-image: url(/themes/earthy/heading_tint.png);
  background-position: 100% 0%;
  background-repeat: repeat-y;
  text-align: right;
  color: #ffffee;
  font-size: 120%;
  font-weight: bold;
  font-family: "Trebuchet MS", sans-serif;
}

div.container {
  border-top: 1px solid #aabb88;
  padding: 10px;
  background-image: url(/themes/earthy/content_tint.png);
  background-position: 0% 100%;
  background-repeat: repeat-x;
  background-color: #eeeedd;
  text-align: justify;
  border-bottom: 1px solid #889977;
}

div.footer_bar {
  border: 0;
  border-bottom: 1px solid #889977;
  border-top: 1px solid #aabb88;
  margin: 0;
  padding: 0;
  background-color: #ddddbb;
  background-image: url(/themes/earthy/heading_tint.png);
  background-position: 100% 0%;
  background-repeat: repeat-y;
  font-size: 70%;
  font-family: Verdana, sans-serif;
}

div.footer_bar_left {
  padding: 2px;
  text-align: left;
  color: #666633;
}

div.footer_bar_right {
  padding: 2px;
  text-align: right;
  float: right;
  color: #666633;
}

div.layout {
  border: 0;
  padding: 0;
  padding-left: 2%;
  padding-right: 2%;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 180px;
  margin-bottom: 20px;
}

div.layout table.layout {
  width: 99%;
  border: 0;
  margin: 0;
  padding: 0;
  border-spacing: 0;
}

div.layout table.layout td.align_left {
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left;
}

div.layout table.layout td.align_center {
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
}

div.layout table.layout td.align_right {
  border: 0;
  padding: 0;
  margin: 0;
  text-align: right;
}

div.layout table.layout td.photo {
  width: 200px;
  border: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

div.layout table.layout td.photo_summary {
  border: 0;
  border-left: 20px solid #aabb88;
  padding: 0;
  margin: 0;
}

h1 {
  color: #889977;
  border: 0;
  position: relative;
  margin-right: 180px;
  margin-top: 1.5em;
  font-family: "Trebuchet MS", sans-serif;
}

h1 .text {
  color: #ffffee;
  position: absolute;
  top: -1px;
  left: 0;
}

img {
  border: 0;
  padding: 0;
  margin: 0;
}

a img, a:visited img {
  border: 1px solid #aabb88;
  border-bottom: 1px solid #889977;
}

a:hover img, a:active img {
  border: 1px solid #6666aa;
}

a img.flat {
  border: 0;
  padding: 0;
  margin: 0;
}

span.inactive {
  color: #889977;
}

input, textarea {
  padding: 2px;
  border-top: 1px solid #889977;
  border-left: 1px solid #889977;
  border-right: 1px solid #ffffee;
  border-bottom: 1px solid #ffffee;
  background-color: #eeeedd;
}

input.button {
  margin-top: 1em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  padding: 2px;
  border-top: 3px double #ffffee;
  border-left: 3px double #ffffee;
  border-right: 3px double #889977;
  border-bottom: 3px double #889977;
  background-color: #ddddbb;
}

input.button:active {
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 1px;
  padding-bottom: 1px;
  border-top: 3px double #889977;
  border-left: 3px double #889977;
  border-right: 3px double #ffffee;
  border-bottom: 3px double #ffffee;
}

.form1 {
  display: none;
}

.form2 {
  border: 0;
  margin: 0;
  padding: 0;
}

.form3 {
  display: none;
}


/* Icons for form fields are defined below */

input.login {
  background-image: url(/themes/earthy/icons/user.gif);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding-left: 24px;
}

input.password {
  background-image: url(/themes/earthy/icons/key.gif);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding-left: 24px;
}

input.website {
  background-image: url(/themes/earthy/icons/house.gif);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding-left: 24px;
}

input.comment_submit {
  background-image: url(/themes/earthy/icons/comment_add.gif);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding-left: 24px;
}

input.comment_submit:active {
  background-position: 3px 3px;
  padding-left: 25px;
}

input.login_submit {
  background-image: url(/themes/earthy/icons/lock_go.gif);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding-left: 24px;
}

input.login_submit:active {
  background-position: 3px 3px;
  padding-left: 25px;
}

.miniview {
  font-size: 80%;
  margin: 0;
  padding: 0;
  /* I've no idea why, but this stops an annoying vertical scrollbar in the */
  /* Google maps iframe. */
  border: 1px solid white;
}

.miniview .heading {
  font-weight: bold;
}

.miniview .footer {
  font-style: italic;
}

.miniview a img, .miniview a:visited img {
  border: 1px solid white;
}

.miniview a:hover img, .miniview a:active img {
  border: 1px solid #6666aa;
}

/* ---------------- Within containers ---- */

div.container h1 {
  padding: 0;
  margin-top: 0.5em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  border-bottom: 1px solid #666633;
  color: #666633;
  font-size: 150%;
  font-family: "Trebuchet MS", sans-serif;
}

div.container p {
  border: 0;
  padding: 0;
  margin: 10px;
}

div.container table.layout {
  border: 0;
  margin: 0;
  padding: 0;
  border-spacing: 0;
}

div.container table.layout td {
  border: 0;
  margin: 0;
  padding-top: 0.2em;
  padding-left: 0;
  padding-right: 0.4em;
  padding-bottom: 0.2em;
  text-align: left;
}

div.container table.layout td.align_right {
  border: 0;
  margin: 0;
  padding-top: 0.2em;
  padding-left: 0;
  padding-right: 1em;
  padding-bottom: 0.2em;
  text-align: right;
}

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

a:hover, a:active {
  text-decoration: underline;
  color: #6666aa;
}

.footnote-reference {
  font-size: 60%;
  font-family: "Trebuchet MS", sans-serif;
  vertical-align: top;
}

div.container img {
  border: 0;
  padding: 0;
  margin: 0;
}


/* ---------------- Right-hand menu ---- */

div#right_menu {
  float: right;
  border: 0; margin: 0; padding: 0;
  width: 160px;
}

div.menu_block {
  border: 0;
  padding: 0;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  background-color: #eeeedd;
}

div.menu_image {
  border: 0;
  padding: 0;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  text-align: center;
}

div.menu_image a img {
  border: 0;
}

a.menu_button, a.menu_button:visited
{
  display: block;
  width: 114px;
  margin: 0;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  border-top: 1px solid #ffffee;
  border-left: 1px solid #ffffee;
  border-right: 1px solid #ccccbb;
  border-bottom: 1px solid #ccccbb;
  background-color: #eeeedd;
  text-decoration: none;
  text-align: center;
  color: #666633;
  font-weight: bold;
  font-weight: bold;
  font-family: "Trebuchet MS", sans-serif;
}

a.menu_button:hover
{
  color: #888844;
}

a.menu_button:active
{
  padding-top: 2px;
  padding-left: 11px;
  padding-right: 9px;
  padding-bottom: 1px;
  border-top: 1px solid #ccccbb;
  border-left: 1px solid #ccccbb;
  border-right: 1px solid #ffffee;
  border-bottom: 1px solid #ffffee;
  color: #888844;
}

a.menu_button_pressed, a.menu_button_pressed:visited, a.menu_button_pressed:hover, a.menu_button_pressed:active
{
  display: block;
  width: 114px;
  margin: 0;
  padding-top: 2px;
  padding-left: 11px;
  padding-right: 9px;
  padding-bottom: 1px;
  border-top: 1px solid #ccccbb;
  border-left: 1px solid #ccccbb;
  border-right: 1px solid #ffffee;
  border-bottom: 1px solid #ffffee;
  background-color: #ffffee;
  text-decoration: none;
  text-align: center;
  color: #888844;
  font-weight: bold;
  font-family: "Trebuchet MS", sans-serif;
}

iframe {
  border: 0;
  margin: 0;
  padding: 0;
}

hr, hr.docutils {
  width: 80%;
  height: 0;
  border: 0;
  border-bottom: 1px solid #889977;
}