/* Spicekit Theme
------------------------------------------------
[Table of contents]

01.BASIC
02.TYPOGRAPHY
03.FORMS
04.HEADER
05.CONTENT
06.FOOTER
07.GALLERIES

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

/* ........................................................... [01.BASIC] */

body {
  font-family: freight-sans-pro,sans-serif;
  font-style: normal;
  font-weight: 400;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%; /* Fix for webkit rendering */
  color: #333;
  background:#fff url(../images/bg.png) center 0 repeat;
}

#doc, header, footer { position:relative; }
#doc { overflow:hidden; }

/* ........................................................... [02.TYPOGRAPHY] */

h1, h2, h3, h4, h5, h6 { color: #076324; font-weight: bold;  letter-spacing: 1px; text-transform: uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size:2.1em; line-height:1.0em; }
h2 { font-size:1.9em; margin-bottom:.75em; line-height:1.0em; }
h3 { font-size:1.5em; line-height:1; margin-bottom:1em; color:#333; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1em; }
h5 { font-weight:normal;font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-weight:normal;font-size: .8333em; font-weight: bold; line-height: 1.8em; margin-bottom: 1.8em; text-transform: none; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

h1,h2 { color:#f15c22; }

p { margin: 0 0 20px 0; text-transform: none;}
p img { margin: 0; }

small { font-size: 80%; }

hr { border: none; clear: both; margin: 20px 0 20px 0; height: 2px; background:url(../images/hr.png) 0 0 no-repeat; }
em { color:#f15c22; font-style: italic; }
strong { font-weight: bold; }

/* Links */

a, a:visited { color: #f15c22; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #f15c22; text-decoration:underline; }
a.pdf { text-decoration: underline; }
p a, p a:visited { line-height: inherit; }

img{ margin:0; padding:0; border:0; display:block; }

/* #Lists */

ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
li { line-height: 18px; margin-bottom: 12px; }
ul.inline li, ol.inline li  { display: inline-block; }

.wf-loading #doc {

}

.wf-loading body {

}

/* ........................................................... [03.FORMS] */

form {
	margin-bottom:10px;
}

fieldset {
	margin-bottom:20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  padding:4px 6px;
  border:1px solid #666;
  width: 100%;
  max-width: 400px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
}

textarea {
	min-height:120px;
  max-height:200px;
}

legend {
	display:block;
	font-weight:700;
	font-size:13px;
}

input[type="checkbox"] {
	display:inline;
}

input[type=submit]{
  border:3px solid #fff;
  color:#fff;
  padding:2px 6px;
  border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -webkit-border-radius:3px;
  -ms-border-radius:3px;
  background-image: linear-gradient(bottom, rgb(53,79,53) 0%, rgb(97,146,97) 73%);
  background-image: -o-linear-gradient(bottom, rgb(53,79,53) 0%, rgb(97,146,97) 73%);
  background-image: -moz-linear-gradient(bottom, rgb(53,79,53) 0%, rgb(97,146,97) 73%);
  background-image: -webkit-linear-gradient(bottom, rgb(53,79,53) 0%, rgb(97,146,97) 73%);
  background-image: -ms-linear-gradient(bottom, rgb(53,79,53) 0%, rgb(97,146,97) 73%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(53,79,53)),
    color-stop(0.73, rgb(97,146,97))
  );
  box-shadow:0 0 4px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 4px rgba(0,0,0,0.5);
  -o-box-shadow:0 0 4px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
  -ms-box-shadow:0 0 4px rgba(0,0,0,0.5);
}

label {
  text-transform: uppercase;
  display: block;
  margin-bottom:0.5em;
  font-size:90%;
  color: #076324;
}

.field {
  margin-bottom:10px;
}

.field.submit {
  margin-top:10px;
}

/* ........................................................... [04.HEADER] */

header {
  height:150px;
}

header h1 a {
  background: url(../images/logo_small.png) 0 0 no-repeat;
  display: block;
  width: 282px;
  height: 130px;
  margin-bottom:10px;
  text-indent: -9999em;
}

header a,
header a:visited {
  color:#006633;
}

header nav {
  font:14px/21px Georgia, Times New Roman, serif;
  position: relative;
  margin-top:40px;
  text-align: center;
  background: url(../images/hr_green.png) 0 100% repeat-x;
}

header li {
  padding-top:20px;
}

header li.active {
  background: url(../images/logo_tiny.png) center 0 no-repeat;
}

header li.active a ,
header li a:active ,
header li a:hover {
  color:#f15c22;
}

header nav ul {
  margin-bottom: 5px;
}

header nav li {
  display: inline-block;
  text-transform: uppercase;
  margin-right:20px;
}

header nav a {
  font-weight: bold;
}

#catering-callout {
  position: absolute;
  top:0;
  right:0;
  background:url(../images/catering_small.png) no-repeat 0 0;
  width: 267px;
  height: 50px;
  display: block;
  text-indent: -9999em;
}
/* ........................................................... [05.CONTENT] */

#main {
  /*margin-bottom:30px;*/
}

#main aside h4,
#main aside h4 a,
#main aside h5,
#main aside h5 a{
  color:#f15c22; 
}

#main address {
  font-size: 1em;
  margin-top: .5em;
  margin-bottom: 2.5em;
}

#main address * {
  color: #333;
  font-weight:normal;
}

#main address h5 {
  font-weight: bold;
  margin-bottom: .5em;
}

#main ul.pager {
  position: absolute;
  right:-40px;
  bottom:50px;
  background: url(../images/pagination_arrows2.png) 0 0 no-repeat;
  width: 105px;
  height: 53px;
}

#main li.next ,
#main li.prev {
  position: absolute;
  width: 53px;
  height: 53px;
  background: none;
  top:0;
  left:0;
  margin-bottom: 0;
}

#main li.next {
  left:53px;
}

#main li.next a,
#main li.prev a{
  display: block;
  background: none;
  width: 53px;
  height: 53px;
  text-indent: -9999em;
  outline: none;
}

#main li.current {
  position: absolute;
  top:70px;
  left:-10px;
  font-size:1.4em;
}

/* Food */

nav.menu {
  background: url(../images/hr_green_short.png) no-repeat 0 0;
  padding-top:20px;
  text-align: center;
}

nav.menu li {
  position: relative;
  background: url(../images/hr_green_short.png) no-repeat 0 100%;
  text-indent: -999em;
  padding-bottom:10px;
  margin-bottom:10px;
}

nav.menu li a {
  display: block;
  text-indent: -999em;
  background: url(../images/side_small.png) no-repeat 0 0;
}

nav li.whats-your-style a {
  width: 114px;
  height: 87px;
}

nav li.whats-in-it a {
  width: 115px;
  height: 73px;
  background-position: 0 -88px;
}

nav li.sides a{
  width: 114px;
  height: 56px;
  background-position: 0 -160px;
}

nav li.whats-your-style.active a,
nav li.whats-your-style a:hover {
  background-position: -115px 0;
}

nav li.whats-in-it.active a,
nav li.whats-in-it a:hover {
  background-position: -115px -88px;
}

nav li.sides.active a,
nav li.sides a:hover {
  background-position: -114px -160px;
}

nav ul li ul.pager {
  display:none;
}

nav ul li.active ul.pager {
  display:block;
}

nav ul li ul.pager {
  position: absolute;
  right:-10px;
  top:0;
  background: url(../images/pagination_arrows.png) 0 0 no-repeat;
  width: 69px;
  height: 42px;
}

nav li ul li.next ,
nav li ul li.prev {
  position: absolute;
  width: 33px;
  height: 35px;
  background: none;
  top:0;
  left:0;
  margin-bottom: 0;
}

nav li ul li.next {
  left:33px;
}

nav li ul li.next a,
nav li ul li.prev a{
  display: block;
  background: none;
  width: 33px;
  height: 35px;
}

/* locations */

.map {
  width:281px;
  height: 211px;
  background:url(../images/mini_frame.png) no-repeat;
  margin-bottom: 1.5em;
}

.map > div {
  position: relative;
  top:10px;
  left:10px;
  width:258px;
  height: 188px;
}

/* press */

.press {
  text-align: center;
}

.press li a {
  color:#f15c22; 
}

.press li.highlighted {
  position: relative;
  left:17px;
  background: url(../images/logo_tiny.png) 0 0 no-repeat;
}

.press li.highlighted:after{
  position: relative;
  left:5px;
  background: inherit;
  display: inline-block;
  width: 35px;
  height: 18px;
  content: ' ';
}

/* ingredients */

.ingredients .nav {
  padding-left: 80px;
}

.ingredients .nav li {
  display: inline;
  margin-right: 10px;
}

.ingredients .nav li a {
  background: url(../images/food_icons.png) no-repeat 0 0;
  height: 90px;
  width: 90px;
  display: inline-block;
  text-indent: -9999em;
  outline: none;
}

.ie7 .ingredients .nav li {
  float:left;
}

.ie7 .ingredients .nav li a {
  display: block;
}

.ingredients .nav li.five-spice-chicken a {
  background: url(../images/food_icons.png) no-repeat 0 0;
}
.ingredients .nav li.active.five-spice-chicken a,
.ingredients .nav li.five-spice-chicken a:hover {
  background: url(../images/food_icons.png) no-repeat 0 -90px;
}

.ingredients .nav li.beef a             { background-position: -124px 0; }
.ingredients .nav li.active.beef a,       
.ingredients .nav li.beef a:hover       { background-position: -124px -90px; }

.ingredients .nav li.kimchi a           { background-position: -265px 0; }
.ingredients .nav li.active.kimchi a,     
.ingredients .nav li.kimchi a:hover     { background-position: -265px -90px; }

.ingredients .nav li.pork a             { background-position: -386px 0; }
.ingredients .nav li.active.pork a,       
.ingredients .nav li.pork a:hover       { background-position: -386px -90px; }

.ingredients .nav li.roasted-pork a     { background-position: -386px 0; }
.ingredients .nav li.active.roasted-pork a,       
.ingredients .nav li.roasted-pork a:hover { background-position: -386px -90px; }

.ingredients .nav li.tofu a             { background-position: -533px 0; }
.ingredients .nav li.active.tofu a,       
.ingredients .nav li.tofu a:hover       { background-position: -533px -90px; }

.ingredients .nav li.lotus a            { background-position: -643px 0; }
.ingredients .nav li.active.lotus a,      
.ingredients .nav li.lotus a:hover      { background-position: -643px -90px; }

.ingredients .nav li.pork-belly a       { background-position: -758px 0; width:120px;}
.ingredients .nav li.active.pork-belly a, 
.ingredients .nav li.pork-belly a:hover { background-position: -758px -90px; }

.ingredients .nav li.pate a             { background-position: -894px 0; }
.ingredients .nav li.active.pate a,       
.ingredients .nav li.pate a:hover       { background-position: -894px -90px; }


.ingredients .slides {
  height: 350px;
  margin-bottom: 0;
}

.ingredients .slides li       { 
  position: relative; 
  height:350px;
  margin-bottom: 0;
}

.ingredients .slides .photo {
  position: absolute;
  left:-5px;
  top:0;
}

.ingredients .slides li .description {
  position: absolute;
  right:0;
  top:50px;
  width: 180px;
  padding-top: 30px;
  background: url(../images/hr_green_short.png) no-repeat center 0;
}

.ingredients .slides li .description:after {
  margin-top: 30px;
  background: inherit;
  content: ' ';
  display: block;
  height:10px;
}

.ingredients .slides li .description:before {
  position: absolute;
  left:65px;
  top:-25px;
  background: #fff url(../images/food_icons_small.png) no-repeat 0 0;
  content: ' ';
  display: block;
  height:60px;
  width:50px;
}

.ingredients .slides li.beef .description:before               { background-position: -240px 0; }
.ingredients .slides li.kimchi .description:before             { background-position: -360px 0; top:-35px; }
.ingredients .slides li.tofu .description:before               { background-position: -120px 0; } 
.ingredients .slides li.lotus .description:before              { background-position: 0 0;      } 
.ingredients .slides li.pork-belly .description:before         { background-position: -180px 0; } 
.ingredients .slides li.roasted-pork .description:before       { background-position: -300px 0; } 
.ingredients .slides li.pate .description:before               { background-position: -60px 0;  } 
.ingredients .slides li.five-spice-chicken .description:before { background-position: -429px 0; } 

/* ........................................................... [06.FOOTER] */

#farm-fresh-callout {
  position: absolute;
  display: block;
  background: url(../images/farm_fresh.png) no-repeat 0 0;
  width: 139px;
  height: 133px;
  text-indent: -9999em;
  left:0;
  top:-133px;
}

footer {
  background:url(../images/footer.png) repeat-x 0 0;
  height: 70px;
  color: #fff;
  text-align: center;
  font:14px/21px Georgia, Times New Roman, serif;
}

footer a,
footer a:active,
footer a:visited{
  color: #fff;
  text-transform: uppercase;
}

footer ul {
  width: 1080px;
  margin: 0 auto;
}

footer ul li {
  position: relative;
  display: inline-block;
  text-align: left;
  margin-right:10px;
  top:22px;
}

footer ul li.newsletter {
  top:15px;
  margin-right:30px;
}

footer form input[type=text]{
  width:160px;
}

footer hgroup *{
  color:#fff;
  line-height:1;
  margin:0;
  text-transform: uppercase;
}

footer .btn-gplus,
footer .btn-twitter,
footer .btn-facebook {
  top:9px;
  margin-right:5px;
}

footer .btn-gplus a,
footer .btn-twitter a,
footer .btn-facebook a {
  background: url(../images/social.png) no-repeat 0 0;
  font-size:90%;
  width:32px;
  height: 32px;
  display: block;
  text-indent: -9999em;
  outline:0;
}

footer li.twitter,
footer li.facebook {
  position: relative;
  top:20px;
}

footer li.twitter {
  top:23px;
}

footer .btn-twitter a{
  background-position: 0 -64px;
}

footer .btn-gplus a{
  background-position: 0 -128px;
}

#colophon {
  margin-top:20px;
  margin-bottom: 200px;
  color:#006633;
  font-size:11px;
  text-align: center;
  font:10px Georgia, Times New Roman, serif;
}

#colophon ul {
  margin-bottom:0;
}

#colophon li {
  display: inline-block;
}

#colophon a,
#colophon a:visited {
  color:#006633;
}

#colophon li a:active {
  color:#f15c22;
}

#colophon ul.left,
#colophon ul.right {
  display: inline-block;
}

#colophon ul.left {
  margin-right:20px;
}

#colophon ul.bottom li {
  margin-right:10px;
}

#colophon ul.right li.first:after,
#colophon ul.left li:after{
  margin-left:3px;
  color: #006633;
  content:'|';
}

#colophon ul.left li.last:after{
  content:none;
}

/* ........................................................... [07.GALLERIES] */

.scrollable  {
  height:460px;
	position:relative;
	overflow:hidden;
  margin:0px;
}

.gallery {
  height:450px;
  padding: 0 0 0 10px;
  background: transparent url(/static/images/shadow_frame.png) no-repeat;
}

.gallery h2 {
  margin-bottom:0;
  text-align: left;
}

.gallery h6 {
  text-align: center;
}

.gallery .caption {
  margin-top: 0;
  clear:both;
}

.gallery .caption h1,
.gallery .caption h2,
.gallery .caption h3,
.gallery .caption h4,
.gallery .caption h5,
.gallery .caption h6 {
  margin-bottom: 0;
}

.grid_8 .scrollable {
  top:20px;
  left:10px;
}

.grid_8 .scrollable ,
.grid_8 .scrollable .items > li {
  width:585px;
}

.grid_8 .gallery {
  background: url(../images/paper2.png) 0 0 no-repeat;
  width: 605px;
  padding:0 10px;
  height: 469px;
}

.grid_8 .gallery .caption{
  position: relative;
  margin-top:10px;
  left:5px;
  width:550px;
}

.grid_10 .scrollable ,
.grid_10 .scrollable .items > li {
  text-align: center;
  width:720px;
  padding-top: 5px;
}

.grid_10 .scrollable .items > li img {
  margin-bottom: 10px;
}

.grid_10 .scrollable .items > li div {
  text-align: left;
}

.grid_10 .gallery-multiple {
  left:25px;
  top:-10px;
  position: relative;
  margin-bottom: 10px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
}

.scrollable .items > li {
  position: relative;
	float:left;
}

.gallery-multiple {
/*  background: url(../images/paper.png) 0 0 no-repeat;
  height: 601px;
  width: 765px;
*/
}

.gallery-multiple .galleries {
  position: relative;
  /*top:50px;*/
  top: 0;
  left:10px;
}

.gallery .pagination {
  text-align: right;
  margin-right:40px;
}

.gallery .pagination li {
  display: inline-block;
  text-align: left;
  margin-left:10px;
}

.gallery .pagination li a{
  background: url(../images/pagination_dots.png) no-repeat 0 0;
  height: 20px;
  width: 20px;
  display: block;
  text-indent: -999em;
  outline:none;
}
.gallery .pagination li.active a{
  background-position: -32px 0;
}

.gallery .polyptych {
  left:5px;
}

.gallery .polyptych .items .panel{
  float:left;
  margin:10px 10px 0 0;
}

.gallery .tryptych {
  left:20px;
}

.gallery .tryptych .items .panel{
  width:220px;
}

.gallery iframe {
  display: block;
  margin: auto;
}

.embed {
  border: 1px solid #000;
  margin-bottom: 24px;
  padding: 10px;
  text-align: center;
}

.embed iframe {
  margin: auto;
}

#site-description {
  font-weight: bold;
}

/* ........................................................... [08.IE] */

.oldie input[type=submit] {
  background: rgb(53,79,53);
}

.ie7 header nav li,
.ie7 footer ul li,
.ie7 #colophon li ,
.ie7 #colophon ul.left,
.ie7 #colophon ul.right {
  display: inline;
  zoom:1;
}

.ie7 #colophon ul.right li ,
.ie7 #colophon ul.left li {
  margin-left:5px;
}

.ie7 header {
  height:160px;
}

.ie7 footer ul li {
  top:16px;
}

.ie7 footer ul li.facebook {
  top:14px;
}