body {
margin:0;
padding:0 0 15px 0;
background:#ccc;
text-align:center;
font:12px/150% 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:#F0C197;text-decoration:none}
a:hover {color:#fff;}
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 .75em 0;padding:0}
h3 {font-size:1.25em;margin:0;padding:0}
h1 a {color:#fff}
h1 a:hover {color:#996633}
h1, h2, h3 {}
h2, h3 {}
p {margin:0 0 1.5em 0}



/* HEADER LOGO
------------------------------------------------------------*/
h1.banner a {
float:left;
height:220px;
min-height:220px;
}
h1.logo {
margin:0 20px;
padding:40px 0 0 0;
}
.logo a {
color:#000;
}
h1.logo a:hover {
color:#333;
}
p.slogan {
margin:0 20px 2em;
padding:0;
font-style:italic;
}



/* LAYOUT
------------------------------------------------------------*/
h1.banner a, #container, #page, #footer, #gutter {
text-align:left;
width:920px;
}

#container, #footer, #gutter {
margin:0 auto;
}

#container, .grid_container {
position:relative;
background:#f3f3f3;
color:#000;
background:#000;
color:#ddd;
text-align:left;
}

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

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

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

#page {
}

#content {padding:0px}
#two {width:520px;float:left;}
#one {width:200px;float:right;}

#content_main {width:700px;float:left}

#content_main, #content_menu, #one, #two {
padding:30px 0;
}



/* 2 column grid
------------------------------------------------------------*/
.grid_container {
position:relative;
padding:0 30px;
clear:left;
}
.grid30 {
position:relative;
float:left;
width:300px;
padding:30px 0;
}
.grid70 {
position:relative;
float:right;
width:520px;
padding:30px 0;
}


/* SUB MENU - content pages menu
------------------------------------------------------------*/
#content_menu {
width:200px;
float:left;
}



/* FOOTER
------------------------------------------------------------*/
#footer {
border-top:3px solid #444;
background:#787667;
color:#fff;
background:#e8e8e8;
color:#333;
}

#footer-box {
padding:20px 30px 23px;
}

#foxhat-logo {
width:110px;
height:32px;
float:right;
}

#footer address {
clear:left;
font-size:1.1em;
padding:0;
margin:0 0 .3em 0;
}

#footer p {
margin:0;
font-size:90%;
}

#footer p span {
padding:0 1em 0 0;
}


/* PAGE EXTERIOR FOOTER
------------------------------------------------------------*/
#gutter {text-align:center;padding:.3em 0;color:#555;font-size:90%;}
#gutter a {color:#222;border-bottom:1px dotted #555}
#gutter a:hover {color:#000}
#gutter span {color:#777;padding:0 .5em;color:#555}



/* MENUS
------------------------------------------------------------*/
#menu {
background:#333 url(menu-bg-black.gif) repeat-x top left;
color:#444;
padding:0;
margin:0;
}
#menu ul {
list-style:none;
margin:0;
padding:0 20px;
}
#menu li {display:inline}
#menu li a {color:#fff;text-decoration:none;float:left;padding:6px 20px}
#menu a.current, #menu a:hover {color:#fff;background:#000;}




.submenu {list-style:none;margin:0 20px;padding:0;border:none;text-align:left;}
.submenu li {display:inline;padding:0;margin:0;}
.submenu a {display:block;font-weight:normal;color:#aaa;border-bottom:1px solid #333;padding:.5em 0}
.submenu a:hover {color:#fff}
.submenu a.current {color:#fff;font-weight:bold;border-color:#ccc}

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:#aaa;margin:0 .5em}
#modified {text-align:right;color:#aaa;font-size:90%;padding:1em 0 0 0;font-style:italic;}



/* PROFILE
------------------------------------------------------------*/
.profile {padding:0}
.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}

#key-image-loading {
position:absolute;
top:20px;
left:20px;
}

#key-image-container {
min-height:250px;
position:relative;
}

#key-image img {
width:300px;
}

#key-captions p {
margin:8px 0;
padding:0;
font-size:1.2em;
font-style:italic;
}

#key-thumbs {
text-align:left;
padding-bottom:8px;
}

#key-thumbs a {
float:left;
width:60px;
border:none;
}

#key-thumbs a img {
padding:0;
margin:0;
border:none;
}


/* 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}
#imageframe {padding:0 20px}
#imageframe img {border:none;}
#imagecaption, .imagecaption {font-style:italic;margin:0 0 20px 0;padding:0;text-align:left;color:#666;font-size:95%}


/* 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}


/* forms */
.contact div {margin:.5em 0;}
.contact label {font-style:italic;padding-left:1em}
.contact textarea, .contact input[type="text"] {width:50%;background:#111;border:1px solid #111;padding:2px}
.contact input.wide {width:18em;}
.contact .control {}
.advice {font-size:90%;font-style:italic;color:#ccc;margin:.5em 0}
form#contactform textarea, form#contactform input[type="text"] {color:#fff}


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;}


/* booking form */
#bookingform h3 {
font-size:1.1em;
margin:3em 0 1em 0;
padding:0 0 .5em 0;
border-bottom:1px solid #000;
}
#bookingform label {
float:left;
width:250px;
text-align:right;
padding-right:1em;
}
#bookingform label.block {
display:block;
text-align:left;
}

#bookingform div {
padding:.5em 0;
}
#bookingform .required {
color:#b22222;
}
#bookingform table {
border:1px solid #ccc;
}
#bookingform table tr td label {
display:inline;
width:inherit;
float:none;
}
#bookingform th, #bookingform label {
font-size:10px;
}

#bookingform th {
border-bottom:1px solid #000;
}

#bookingform td {
border-bottom:1px solid #ddd;
}

#bookingform div.control {
text-align:right;
}

#bookingform h3 span {
color:#ccc;
padding:0 .5em;
}

#bookingform h3 span.dim {
color:#aaa;
font-weight:normal;
}


/* GALLERY
------------------------------------------------------------*/
.thumbs {
}
.thumbs ul {
margin:0;
padding:0;
list-style:none;
}

.thumbs li {
display:inline;
}

.thumbs a {
float:left;
width:100px;
min-height:100px;
text-align:center;
}
.thumbs a img {
border:1px solid #ccc;
padding:1px;
margin:0;
}
.thumbs a:hover img {
border-color:#000;
}


/* CONTENT PAGES
------------------------------------------------------------*/
.article {
padding:0 15px;
}

.edited p {
text-align:justify;
margin:0 0 1em 0;
}

.edited h3 {
margin:0 0 1em 0;
}

.edited ul {
list-style:square;
}

.edited li {
padding:2px 0;
}

.social-bookmarks {
margin-top:2em;
padding:.5em 0;
border-top:1px solid #ccc;
text-align:right;
}

.social-bookmarks img {
vertical-align:bottom;
}

.social-bookmarks span {
color:#777;
font-size:90%;
font-style:italic;
line-height:20px;
padding-right:1em;
}



/* SITE MAP
------------------------------------------------------------*/
#sitemap {
}

#sitemap a {

}

#sitemap a:hover {
text-decoration:underline;
}

#sitemap h3 {
padding:0.3em 0;
}

#sitemap ul {
margin:0 0 1em 0;
list-style:square;
padding:0 0 0 35px;
}

#sitemap li {
padding:2px;
}


/* FILES
------------------------------------------------------------*/
ul.files li {
margin:0 0 1em 0;
}