html, body {
margin: 0;
padding: 0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0em;
background: #bca788 url(images/bodybg.jpg) top center repeat-x;
}
p {
font-size: .8em;
}
body#home {
background: #c5ab8a url(images/homebg.jpg) top center repeat-x;
min-width: 960px;
}
#wrapper {
margin: 0 auto;
padding: 0 0 50px 22px;
width: 960px;
}
#home #wrapper {
padding: 110px 0 50px 0;
}
/* ****** header styles inlcuding main nav ***** */
#header {
position: relative;
padding: 1px 0 0 0;
height: 296px;
}
#home #header {
height: 83px;
}
#menu #header {
background: url(images/menusect.jpg) no-repeat bottom right;
}
#teppanyaki #header {
background: url(images/teppsect.jpg) no-repeat bottom right;
}
#experience #header {
background: url(images/expersect.jpg) no-repeat bottom right;
}
#about #header {
background: url(images/aboutus.jpg) no-repeat bottom right;
}
#location #header {
background: url(images/locatsect.jpg) no-repeat bottom right;
}
#header h1 {
margin: 0px;
text-indent: -1000px;
float: left;
width: 200px;
height: 84px;
}
#header h1 a {
display: block;
width: 152px;
height: 74px;
margin: 0 0 0 26px;
padding: 0;
background: url(images/kobelogo.jpg) no-repeat bottom right;
}
p.hourinfo {
position: absolute;
top: 0;
right: 0;
padding: 0 22px 0 0;
font-size: 0.85em;
font-weight:bold;
}
#mainnav {
list-style: none;
margin: 52px 0 0 200px;
padding: 0;
}
#home #mainnav {
margin: 52px 0 0 200px;
}
#mainnav li {
float: left;
text-indent: -3000px;
}
#mainnav a {
display: block;
height: 22px;
background: url(images/menubg.jpg) no-repeat;
}
#mainnav .menu {
width: 125px;
background-position: 0 0;
}
#mainnav .teppanyaki {
width: 220px;
background-position: -126px 0;
}
#mainnav .experience {
width: 135px;
background-position: -346px 0;
}
#mainnav .about {
width: 115px;
background-position: -481px 0;
}
#mainnav .location {
width: 155px;
background-position: -596px 0;
}
#menu .menu {
background-position: 0 -44px;
}
#teppanyaki .teppanyaki {
background-position: -126px -44px;
}
#experience .experience {
background-position: -346px -44px;
}
#about .about {
background-position: -481px -44px;
}
#location .location {
background-position: -596px -44px;
}
#mainnav .menu:hover {
background-position: 0 -22px;
}
#mainnav .teppanyaki:hover {
background-position: -126px -22px;
}
#mainnav .experience:hover {
background-position: -346px -22px;
}
#mainnav .about:hover {
background-position: -481px -22px;
}
#mainnav .location:hover {
background-position: -596px -22px;
}
/* ***** mid section styles ***** */
#animation {
overflow: hidden;
height: auto;
width:100%;
}
#flashholder {
float: right;
position: relative;
left: 6px;
}
#wittedtext {
float: left;
padding-top: 120px;
margin-left: 50px;
}
/* ***** content ***** */
#home #content {
height: 185px;
min-height: 185px;
margin: 0;
padding: 10px 10px 0 90px;
font-size: 1.2em;
letter-spacing: 1.2;
overflow: hidden;
clear: both;
}
.threecol {
float: left;
width: 33%;
text-align: center;
}
.threecol img {
display: block;
margin: 5px auto;
}
.tagline {
text-align: right;
line-height: 1.2em;
}
.tagline p {
margin: 0.5em 0;
color: #552d00;
}
.tagline a {
display: block;
font-size: .9em;
}
#columns {
margin: 0 0 0 24px;
background: #fff url(images/sidebarbg2.jpg) no-repeat top left;
clear: left;
font-size: 1.2em;
}
#content {
margin: 0 0 0 250px;
padding: 5px 20px 20px 20px;
color: #947240;
min-height: 655px;
}
#content h1 {
margin: 20px 0 0 0;
}
#content a {
color: #0065b5;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#sidebar {
width: 260px;
float: left;
background: url(images/sidebarbg.jpg) no-repeat top left;
min-height: 655px;
position: relative;
left: -4px;
}
#sidebar ul {
margin: -60px 0 0 5px;
list-style: none;
padding: 0;
position: relative;
}
#sidebar li {
background: url(images/submenuborder.gif) no-repeat 3px 45px;
padding: 2px 0;
}
#sidebar .selected {
background: url(images/marker.gif) no-repeat left center;
}
#sidebar .selected a {
color: #0065b5;
}
#sidebar ul a {
display: block;
height: 33px;
margin: 0;
padding: 10px 50px 0 0;
color: #fff;
text-decoration: none;
text-align: right;
}
#sidebar ul a:hover {
background: url(images/marker.gif) no-repeat;
color: #0065b5;
}
/* ***** footer ***** */
#footer {
font-size: .7em;
padding: 12px 20px 0 20px;
background: #562f00;
height: 30px;
margin: 0 0 0 24px;
}
#home #footer {
background: transparent;
padding: 5px 20px 0 50px;
}
#footer p {
color: #93755d;
margin: 0;
padding: 0;
float: left;
}
#footer ul {
list-style: none;
float: right;
margin: 0;
padding: 0;
}
#footer ul li {
float: left;
}
#footer a {
padding: 3px 10px;
color: #c3aa9a;
text-decoration: none;
}
#footer a:hover {
color: #fff;
text-decoration: underline;
}
/* ***** ie hacks ***** */
* html #sidebar {
height: 655px;
}
* html #content {
height: 655px;
}
/* Menu Style */
.menu_description{
font-size: 13px;
line-height: 15px;
color: #947240;
padding-bottom:25px;
}
.category_name{
color: #0065B5;
padding: 20px 0 5px;
border-bottom: 1px solid #0065b5;
}
.item_name{
font-size: 12px;
padding-left: 5px;
}
.item_prices{
font-size: 12px;
color: #0065B5;
font-weight: bold;
}
.item_description, .category_description{
font-size: 12px;
color: #666;
line-height: 15px;
padding-left: 30px;
height: 20px;
vertical-align: middle;
font-style:italic;
}
.item_odd{
background-color: #FFF;
height: 20px;
vertical-align: middle;
color: #aa8e69;
font-weight: bold;
}
.item_even{
background-color: #FFF;
height: 20px;
vertical-align: middle;
color: #aa8e69;
font-weight: bold;
}
.wines .item_prices{
display: none;
}
/* Contact Form */
ul#contact-form{
margin: 0;
padding: 0;
list-style: none;
}
ul#contact-form label{
font-size: 13px;
}
ul#contact-form li{
padding-bottom: 20px;
}
ul#contact-form li input#email{
border: 2px solid #eaeaea;
width: 200px;
padding: 5px;
}
ul#contact-form li input#email:focus{
background-color: #BCA788;
border: 1px solid #333;
}
ul#contact-form li textarea#comments{
border: 2px solid #eaeaea;
width: 600px;
padding: 5px;
}
ul#contact-form li textarea#comments:focus{
background-color: #BCA788;
border: 1px solid #333;
}
ul#contact-form #saveForm{
border: 1px solid #eaeaea;;
font-size: 15px;
font-weight: bold;
color: #630;
background-color: #BCA788;
padding: 5px;
}