/* christmas-treefarms.com — plain 2000s-style stylesheet.
   Rules of the house: no gradients, no border-radius, no box-shadow. */

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #222;
  background: #e9e6da;
}

#page {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  border-left: 1px solid #b9b39c;
  border-right: 1px solid #b9b39c;
  min-height: 100vh;
}

/* ---------- header ---------- */

#masthead {
  background: #14501e;
  color: #fff;
  padding: 14px 20px;
}
#masthead a { color: #fff; text-decoration: none; }
#masthead .site-title {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
}
#masthead .tagline {
  font-size: 11px;
  color: #cfe3c8;
  margin-top: 2px;
}
#masthead .tree {
  vertical-align: middle;
  margin-right: 10px;
}

#topnav {
  background: #1d6b2a;
  border-top: 1px solid #2f8340;
  border-bottom: 2px solid #0e3a15;
}
#topnav ul { list-style: none; overflow: hidden; }
#topnav li { float: left; }
#topnav a {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 7px 14px;
  border-right: 1px solid #2f8340;
}
#topnav a:hover { background: #14501e; }

/* ---------- breadcrumbs ---------- */

#crumbs {
  font-size: 11px;
  color: #666;
  padding: 8px 20px;
  border-bottom: 1px dotted #c9c4b0;
  background: #faf9f4;
}
#crumbs a { color: #1552a5; }

/* ---------- layout ---------- */

#content {
  padding: 18px 20px 30px;
  overflow: hidden;
}
#main { float: left; width: 68%; }
#sidebar { float: right; width: 29%; }
#main.full { float: none; width: 100%; }

@media (max-width: 760px) {
  #main, #sidebar { float: none; width: 100%; }
  #sidebar { margin-top: 24px; }
  #topnav a { padding: 7px 9px; }
}

/* ---------- typography ---------- */

h1, h2, h3 {
  font-family: Georgia, 'Times New Roman', serif;
  color: #14501e;
  font-weight: bold;
}
h1 { font-size: 24px; margin: 0 0 12px; }
h2 { font-size: 19px; margin: 22px 0 8px; padding-bottom: 3px; border-bottom: 1px solid #c8d6c0; }
h3 { font-size: 15px; margin: 16px 0 6px; }

p { margin: 0 0 12px; }
ul, ol { margin: 0 0 12px 28px; }
li { margin-bottom: 3px; }

a { color: #1552a5; }
a:visited { color: #6a4f96; }
a:hover { color: #a52a2a; }

hr { border: 0; border-top: 1px dotted #c9c4b0; margin: 18px 0; }

address { font-style: normal; }

/* ---------- tables ---------- */

table.data {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 16px;
  font-size: 13px;
}
table.data th, table.data td {
  border: 1px solid #b7c9ae;
  padding: 5px 8px;
  text-align: left;
  vertical-align: top;
}
table.data th { background: #dfeadb; color: #14501e; }
table.data tr:nth-child(even) td { background: #f4f8f1; }
table.data td.num, table.data th.num { text-align: right; }

/* ---------- boxes ---------- */

.box {
  border: 1px solid #b7c9ae;
  background: #f7faf5;
  margin: 0 0 16px;
}
.box .box-title {
  background: #dfeadb;
  color: #14501e;
  font-family: Georgia, serif;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 10px;
  border-bottom: 1px solid #b7c9ae;
}
.box .box-body { padding: 10px; font-size: 13px; }
.box .box-body ul { margin: 0 0 0 20px; }

.notice {
  border: 1px solid #d9c48a;
  background: #fdf8e7;
  padding: 8px 12px;
  font-size: 12px;
  color: #5b4a1a;
  margin: 0 0 16px;
}

/* ---------- farm page bits ---------- */

dl.details { margin: 0 0 16px; }
dl.details dt {
  float: left;
  clear: left;
  width: 90px;
  font-weight: bold;
  color: #14501e;
  font-size: 13px;
}
dl.details dd { margin-left: 100px; margin-bottom: 4px; font-size: 13px; word-wrap: break-word; }

ul.services { list-style: none; margin: 0 0 16px; overflow: hidden; }
ul.services li {
  float: left;
  border: 1px solid #b7c9ae;
  background: #eef4ea;
  color: #2a5a1c;
  font-size: 12px;
  padding: 2px 8px;
  margin: 0 6px 6px 0;
}
ul.services li.hl { border-color: #a52a2a; background: #f8ecec; color: #7c1f1f; }

.gallery { overflow: hidden; margin: 0 0 8px; }
.gallery figure {
  float: left;
  width: 48%;
  margin: 0 2% 12px 0;
}
.gallery img {
  width: 100%;
  height: auto;
  border: 1px solid #b9b39c;
  display: block;
}
.gallery figcaption { font-size: 11px; color: #777; }

/* ---------- state grid on home ---------- */

ul.state-grid { list-style: none; margin: 0 0 16px; overflow: hidden; }
ul.state-grid li { float: left; width: 33%; font-size: 13px; margin-bottom: 4px; }
ul.state-grid .cnt { color: #777; font-size: 11px; }
@media (max-width: 560px) { ul.state-grid li { width: 50%; } }

/* ---------- search ---------- */

form.search { margin: 0 0 16px; }
form.search input[type="text"] {
  border: 1px solid #8a9a7e;
  padding: 4px 6px;
  font-family: Verdana, sans-serif;
  font-size: 13px;
  width: 220px;
}
form.search button {
  border: 1px solid #0e3a15;
  background: #1d6b2a;
  color: #fff;
  font-size: 13px;
  padding: 4px 12px;
  cursor: pointer;
}
form.search button:hover { background: #14501e; }

/* ---------- footer ---------- */

#footer {
  background: #14501e;
  color: #cfe3c8;
  font-size: 12px;
  padding: 16px 20px;
  clear: both;
}
#footer a { color: #fff; }
#footer .cols { overflow: hidden; margin-bottom: 10px; }
#footer .col { float: left; width: 33%; }
#footer .col h4 { color: #fff; font-size: 12px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px; }
#footer .col ul { list-style: none; margin: 0; }
@media (max-width: 560px) { #footer .col { float: none; width: 100%; margin-bottom: 12px; } }
#footer .fineprint { border-top: 1px solid #2f8340; padding-top: 8px; color: #9dbf96; }

.small { font-size: 11px; color: #777; }
.right { text-align: right; }