body {
  margin:0;
  padding:0;
  background:#333;
  text-align:center;
  font:9pt verdana,arial,helvetica,sans-serif;
}

.cleared, .clear {clear:both}
.hidden {display:none}

.required {color:#999;font-size:1.3em}
.hidden {display:none}
.error {background:firebrick;color:#fff;padding:3px}

.grid50 {float:left;width:50%}
.grid300 {width:300px;}
.grid200 {width:200px;}
.left {float:left;}
.right {float:right;}


a img {border:none}
a {color:blue;text-decoration:none}
a:hover {color:#000}
a.current {font-weight:bold}

h1 {font-size:2.5em;font-weight:normal;margin:0;padding:0}
h2 {font-size:1.5em;margin:0 0 .5em 0;padding:0}
h3 {font-size:1.25em;margin:0;padding:0}
h1 a {color:#000}
h1 a:hover {color:#996633}
h1, h2, h3 {color:#000;}
h2, h3 {color:#000}
p {margin:0 0 1.5em 0}


/* layout */
#container {
  background:#fff;
  color:#000;
  text-align:left;
  width:920px;
  margin:0 auto;
}

#toolbar {
  background:#000;
  color:#555;
  text-align:right;
  padding:5px 30px;
}

#toolbar a {
  color:#555;
  line-height:2em;
}

#content {margin:40px 30px}
#one {width:300px;float:left}
#two {width:525px;float:right}

#content_menu {
  background:#ccc;
  border-bottom:1px solid #999;
  margin-bottom:20px;
}


/* header */
#header {padding-top:10px}
#header h1 {margin-bottom:10px;padding:2em 0 0 0}
#header a img {vertical-align:bottom}


#banner img{
margin:0;
border:none;
}

.contacts {font-weight:bold;font-style:italic}
.contacts p {margin:0 0 .3em 0;padding:0}
.contacts p span {
  border-left:1px solid #888;
  padding:0 0 0 13px;
  margin-right:10px;
}
.contacts p span.first {
  border:none;
  padding-left:0;
}
.contacts address {
  font-size:1.2em;
  margin-bottom:.5em;
}


#footer {clear:left;padding:15px 30px;border-top:1px solid #999;color:#555;font-size:90%;background:#ddd}

#gutter {text-align:center;padding:.5em 0 10px 0;color:#777;font-size:90%}
#gutter a {color:#777;border-bottom:1px dotted #555}
#gutter a:hover {color:#fff} 
#gutter span {color:#666;padding:0 .5em;}



/* navigation */
.menu {list-style:none;margin:0;padding:0.5em 30px;background:#000;text-align:left}
.menu li, .submenu li {display:inline;margin-right:30px}
.menu a, .submenu a {font-weight:bold;text-decoration:none}

.menu li a {color:#aaa}
.menu a.current, .menu a:hover {color:#fff} 

.submenu {list-style:none;margin:0;border:none;text-align:left;padding:0.5em 30px}
.submenu {background:#ddd}
.submenu li {margin-right:2em}
.submenu a {color:#777}
.submenu a:hover {color:#000} 
.submenu a.current {color:#000;border:none;font-size:1.1em}



a#contact_link {float:right;text-transform:uppercase;color:#fff;font-weight:bold;margin-right:30px;line-height:2.75em}
a#contact_link:hover, a#contact_link:active {color:#fff}

h2 span {color:#996633;margin:0 .5em}
#modified {text-align:right;color:#aaa;font-size:90%;padding:1em 0 0 0;font-style:italic;}




/* profile */
.portrait {float:left;width:85px;display:none}
.intro {font-weight:bold;font-size:1.2em}
.bio {text-align:justify}
.profile blockquote {margin:0;padding:0 3em 1.5em 3em}
.profile blockquote p {text-align:center;font-size:1.2em;margin:0;padding:5px 1em;font-style:italic}


/* images */
#thumbnails {text-align:left}
#thumbnails span {float:left;margin:0 14px 15px 0}
#thumbnails .spaced span {float:left;margin:0 0 0 15px}
#thumbnails .spaced span.first {margin-left:0}
#thumbnails a {border:1px solid #fff;float:left;width:50px;height:50px}
#thumbnails a img {border:none;padding:0}
#thumbnails a:hover {border-color:#000}
#thumbnails p {margin-right:1em}
#imagematt {height:450px}
#imagecaption, .imagecaption {font-style:italic;margin:0 0 20px 0;padding:0;text-align:left;color:#666;font-size:95%}
#imageframe img {border:none;}

/* reviews */
.review {margin:0 0 2em 0}
.review p {margin:0}
.review .quote {text-align:left}
p.author, p.source {text-align:right;font-weight:bold;font-size:90%} 
p.source {font-weight:normal;font-style:italic}
#featured-review {position:relative}
#featured-review p {margin:0;padding:0;}
#featured-review .quote {font-size:1.5em;text-align:center;font-style:italic;font-weight:normal;}
#featured-review p.author {margin-top:1em}


/* restaurant menus */
div.restaurant h3 {margin:2.5em 0 .5em 0;color:#996633;border-bottom:1px solid #996633}
dl {width:100%;overflow:auto;margin:0 0 .5em 0}
dt, dd.price {background:#FFF;font-weight:bold}
dt {float:left;padding:0 3px 1px 0}
dt span.foodicon {margin-left:.5em}
dd {margin:0;color:#666}
dd.price1, dd.price2 {float:right;padding-left:1em;background:#fff;color:#996633}
dd.summary {  padding:3px 0;font-style:italic;font-size:90%;display:block;width:99%;float:left;}
dl {border-bottom:1px dotted #CCCC99;padding-top:.5em}
p.summary {font-weight:bold;margin-top:2em}
.restaurant a {color:#996633}
.restaurant a:hover {color:#000}
h3.recommended {font-style:italic;text-transform:none;font-weight:normal}


/* food types */
#key_images {text-align:right;margin:10px 0 0 0}
#key_images span {margin-left:10px}
#key_images .info {text-align:left;font-style:italic;color:#996633;margin-top:-1.2em}
span.foodicon {background:#999;padding:0 3px;font-style:normal;font-size:8pt;color:#fff;font-weight:bold;font-variant:small-caps}
#iconkey {border-top:1px solid #999}
h4#foodicons  {color:#999}


.contact label {font-style:italic;float:left;width:100px;padding-right:1em;text-align:right}
.contact div {margin:.5em 0}
.contact .control {margin-left:111px}
.advice {font-size:90%;font-style:italic;color:#999;margin:2em 0 1em 92px}


#foxhat-logo {
  float:right;
}

ul.pagemenu {
  list-style:none;
  margin:0;
  padding:0;
}
ul.pagemenu li {
  font-size:1.1em;
  border-top:1px solid #ddd;
}
ul.pagemenu li.first  {
  border-top:none;
}
ul.pagemenu li a {
  display:block;
  padding:.5em 0;
  color:#000;
}
ul.pagemenu li a:hover {
  color:#999;
}
#popup {
background:#fff;
}

/* secure link */

div.securelink {width:45px;padding:0.5em 1.4em;border:1px solid #888;color:#000;background:#ddd}
div.securelink a {color:#000;font-size:1.3em;font-weight:bold;text-transform:capitalize}
div.securelink a:hover {color:#667;}