body, textarea {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

textarea {
  width: 340px;
  height: 144px;
  padding: 9px 5px;
}

div.noticeBox {
  color: #090;
  background-color: #d8ffd8;
  border-top: 1px solid #0c0;
  border-left: 1px solid #0c0;
}

div.warningBox {
  color: #960;
  background-color: #fed;
  border-top: 1px dotted #f90;
  border-left: 1px dotted #f90;
}

div.errorBox {
  color: #900;
  background-color: #ffd8d8;
  border-top: 1px dashed #f00;
  border-left: 1px dashed #f00;
}

div.datetime {
  font-weight: bold;
  margin: -12px 0 12px 12px;
}

h1 {
  color: #686a6c;
}

span#daysOpen {
  color: #900;
}

a {
  text-decoration: none;
  color: #339;
}

a:visited {
  color: #999;
}

a:hover {
  text-decoration: underline;
  color: #c00;
}

div#mast {
  /* span-4 */
  float: left;
  width: 150px;
  margin-right: 10px;
}

div#adminbar,
div#header,
div#msgbox,
div#fullbody {
  /* span-20 last */
  float: left;
  width: 790px;
  margin-right: 0;
}

div#address {
  /* span-13 */
  float: left;
  width: 510px;
  margin-right: 10px;
}

div#mainbody {
  /* span-12 colborder */
  float: left;
  width: 470px;
  padding-right: 28px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

div#tagline,
div#sidebar {
  /* span-6 last */
  float: left;
  width: 230px;
  margin-right: 0;
}

div#footer {
  /* prepend-4 span-20 last clear */
  float: left;
  padding-left: 160px;
  width: 790px;
  margin-right: 0;
  clear: both;
}

#googleMap {
  border: 1px solid #666;
}

a.editor:visited {
  text-decoration: none;
  color: #339;
}

p.addressline {
  font-weight: bold;
}

p#dayCount {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size: 14px;
  font-weight: bold;
}

p.byline {
  text-indent: 18px;
  padding: 0 0 18px;
  margin: -18px 0 18px;
}

div.excerpt {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
}

div.excerpt p + p { text-indent: 18px; margin-top: -24px; line-height: 18px; }

ul.admin {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}

ul.admin li {
  display: inline;
  color: #ccc;
}

ul.admin li:before {
  content: ' [ ';
}

ul.admin li:after {
  content: ' ] ';
}

ul.admin li span {
  color: #c00;
}

ul.admin li a {
  text-decoration: none;
  color: #999;
}

ul.admin li a.logout {
  text-decoration: none;
  color: #009;
}

ul.admin li a:hover, ul.admin li a.logout:hover {
  color: #c00;
}

ul.navbar {
  list-style: none;
  padding: 0;
  margin: -7px 0 0 0;
}

ul.navbar li {
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 1px;
  text-align: right;
  border-bottom: 1px solid #ccc;
  background-color: #e8eaec;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
}

ul.navbar li a,
ul.navbar li span {
  padding: 0 5px 0 0;
  color: #000;
}

ul.navbar li a:visited {
  color: #666;
}

ul.navbar li a:hover, ul.navbar li span {
  color: #c00;
}

ul.navbar li a:hover:before, ul.navbar li span:before {
  content: '~ ';
}

.preface img,
.epilogue img { max-width: 466px; border: 1px solid #ccc; padding: 1px; }
.sidebar img { max-width: 226px; border: 1px solid #ccc; padding: 1px; }

dl#originals dt,
dl#contemporaries dt,
dl#classics dt,
dl#others dt {
  clear: both;
}

dt img.drink {
  float: left;
  max-width: 120px;
  max-height: 90px;
  padding: 1px;
  margin: -5px 9px 5px 0;
  border: 1px solid #ccc;
}

h3 img.review {
  float: left;
  max-width: 120px;
  max-height: 90px;
  padding: 1px;
  margin: -5px 9px 5px 0;
  border: 1px solid #ccc;
}

table.list {
  border: none;
}

table.list caption {
  line-height: 18px;
  margin: 9px 0;
  padding: 0 5px;
  background-color: #eee;
}

table.list th {
  font-weight: bold;
  letter-spacing: 1px;
  vertical-align: top;
  color: #444;
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #999;
}

table.list td {
  vertical-align: top;
  border: none;
  border-bottom: 1px solid #ccc;
}

table.list tr.odd td {
  color: #444;
  background-color: #f8f8f8;
}

table.list tr.even td {
  color: #444;
  background-color: #fff;
}

div#footer p a:hover {
  text-decoration: underline;
  color: #c00;
}

ul.footer {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}

ul.footer li {
  display: inline;
}

ul.footer li:before {
  content: ' \00b7  ';
}

ul.footer a, ul.footer span {
  text-transform: lowercase;
}

table.editor {
  width: 470px;
  margin: 0 0 10px;
  padding: 0;
}

table.editor th {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  padding: 9px 4px 8px;
  color: #444;
  background-color: #fff;
  border: none;
}

table.editor td {
  padding: 0 4px;
  vertical-align: middle;
  color: #000;
  background-color: #eee;
  border-bottom: 1px solid #fff;
}

table.editor td.submit {
  background-color: #fff;
}

table.editor tr.required th {
  font-style: italic;
  color: #339;
}

table.editor tr.required td {
  background-color: #eef;
}

table.sidebar {
  width: 230px;
  margin: 0 0 10px;
  padding: 0;
}

table.sidebar th {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  padding: 9px 4px 8px;
  color: #666;
  background-color: #fff;
  border: none;
}

table.sidebar td {
  padding: 0 4px;
  vertical-align: middle;
  color: #000;
  background-color: #eee;
  border-bottom: 1px solid #fff;
}

table.sidebar td.submit {
  background-color: #fff;
}

table.sidebar tr.required th {
  font-style: italic;
  color: #339;
}

table.sidebar tr.required td {
  background-color: #eef;
}


th.date, th.integer, th.float, th.currency,
td.date, td.integer, td.float, td.currency {
  text-align: right;
}

th.text, th.uri,
td.text, td.uri {
  text-align: left;
}

th.edit, th.delete,
td.edit, td.delete {
  text-align: center;
}

table.editor td.crud_link {
  background-color: #fff;
}

td.crud_link a {
  color: #339;
}

td.crud_link a:hover {
  text-decoration: underline;
  color: #c00;
}

textarea.meta {
  height: 54px;
  width: 468px;
}

textarea.sidetext {
  height: 432px;
  width: 228px;
}

textarea.pagetext {
  height: 432px;
  width: 468px;
}

dl#originals {

}

dl#originals dt,
dl#contemporaries dt,
dl#classics dt,
dl#others dt {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size: 1.2em;
  line-height: 1%;
  font-weight: bold;
  padding: 0 2px;
  margin: 9px 0;
  color: #2aa1b7;
}

dl#originals dd.description,
dl#contemporaries dd.description,
dl#classics dd.description,
dl#others dd.description {
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  color: #18466a;
}

dl#originals dd.ingredients,
dl#contemporaries dd.ingredients,
dl#classics dd.ingredients,
dl#others dd.ingredients {
  font-weight: normal;
  font-size: 13px;
  font-variant: small-caps;
  line-height: 18px;
  margin: 9px 0 27px 29px;
  color: #555;
}

a.login, a.login:visited, a.login:hover {
  color: #000;
}

.caps {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}