body {
  font-family: garamond, Palatino, Georgia, serif;
  color: #ccc;
  background-color: black;
  margin: 0;
  font-size: 100%;  /* to avoid em unit bugs in MSIE 6 */
}

h1 {
  text-align: center;
  color: #680000;
  background-color: white;
  font-size: 180%;
  font-weight: normal;
  margin-right: 20%;
}

h1 span {
  font-style: italic;
}

h2 {
  color: #680000;
  background-color: white;
  font-size: 135%;
  font-weight: normal;
}

h2:target {
  color: #680000;
  background-color: #ccc;
}

.menu h2:target:before {
  content: "\2192 ";
  padding-right: .5em;
}

h3 {
  color: #680000;
  background-color: white;
  font-size: 110%;
  text-transform: lowercase;
}

p, li {
  line-height: 1.2em;
}

p, li {
  max-width: 38em;
}

li {
  margin-bottom: .5em;
}

address {
  margin-top: 4em;
}

.clearFloats {
  clear: both;
}

#copyright {
  text-align: center;
  font-size: 90%;
  margin: 2em;
}

#navigation abbr, h1 abbr {
  border-bottom: none;
}

.content {
  color: black;
  background-color: white;
  min-height: 26em;
}


/* site navigation */

#navigation ul, #navigation img {
  display: none;
}


/* anchor links */

a:hover {
  color: #680000;
  background-color: #ccc;
  text-decoration: none;
}

body#www-tenmercer-com a:active {
  background-color: yellow;
  color: #680000;
}

#copyright a {
  color: #55c;
  background-color: #000;
}



/* -------------------- */

/* contact */

.contact h2 {
  font-size: 100%;
  display: inline;
}

.contact h2#post {
  display: none;
}

.contact div {
  margin-bottom: 2em;
}

.contact div + div {
  margin-bottom: .2em;
}

.contact div + div + div {
  margin-bottom: 2em;
}

.contact th {
  text-align: right;
  font-weight: normal;
}

.contact tr:last-child th {
  vertical-align: top;
  padding-top: .3em;
}


/*  home  */

.home h1 + div {
  max-width: 40em;
}

.home div.content img {
  float: right;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.home h2 a {
  color: #680000;
  background-color: white;
  text-decoration: none;
}

.home div.summary {
  font-size: 105%;
  padding: .2em 1em 1em 1em;
  text-align: center;
  display: table;
/*  color: black;
  background-color: #ddd;  */
}

.home div.summary div {
  margin: .8em 0 0 0;
}

.home #stimulus {
  margin-top: 3em;
}

.home #stimulus div a {
  text-decoration: none;
  display: table-row;
  font-family: ariel, helvetica, sans-serif;
  font-size: 103%;
}

.home #stimulus span {
  display: table-cell;
  width: 50%;
  color: #444;
  background-color: #ccc;
  padding: .7em;
}

.home #stimulus span.fhead, .home #stimulus span.fhead span {
  color: white;
  background-color: #777;
  font-size: 103%;
}

.home #stimulus span span {
  display: block;
  padding: 0 0 .5em 0;
  width: auto;
}

.home #stimulus span.fhead span {
  font-size: 85%;
}

/* info */

#googleMap {
  width: 100%;
  height: 400px;
  border: 1px solid yellow;
}

ul.creditCardList {
  margin-left: 0;
  padding-left: 0;
}

ul.creditCardList li {
  display: inline;
}

.about td {
  text-align: center;
  padding: 1em;
}

/* menus */

.menusOverview .content ul {
  font-size: 110%;
}

.menusOverview blockquote {
  margin-top: 4em;
  color: #333;
  background-color: white;
}



.menu table {
  border-collapse: collapse;
  margin-bottom: 4em;
}

.menu thead {
  display: none;
}

.menu table h2 {
  background-color: #680000;
  color: white;
  margin: 0;
  padding-left: .3em;
  font-style: italic;
  border-right: 1px solid black;
}

.menu th, .menu td {
  vertical-align: top;
  padding: .5em 1em;
}

.menu tr.menuHeading {
  border-bottom: 1px solid black;
}

.menu tr.menuHeading td {
  padding: 4em 0 0 0;
}

.menu thead + tbody tr:first-child td {
  padding-top: 2em;
}

.menu tbody th {
  border-right: 1px solid black;
  text-align: right;
}

.menu td + td {
  text-align: right;
}

.menu h2 a {
  color: yellow;
  background-color: #680000;
}

#allergywarning strong {
  color: black;
  background-color: #ccc;
}

#allergywarning:target strong {
  color: black;
  background-color: yellow;
}

/* reservations */

.reservations .content div img {
  float: right;
  margin-left: 1em;
}

.reservations p.clearFloats {
  padding-top: 2em;
}


/* recipes */

a#player {
  display:block;
  height:310px;
  width:480px;
}

/* wineDinner */

.wineDinner .content div {
  margin-top: 1em;
}

.wineDinner .summary {
  font-size: 110%;
  max-width: 35em;
}

.wineDinner .reservations {
  margin: 1em 0;
  color: #222;
  background-color: #ddd;
  padding: .5em;
  border: 2px groove #bbb;
  display: table;
}

.wineDinner .reservations div {
  margin-bottom: .2em;
}