/*
Theme Name: Jafran
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "reset.css";
@import "typography.css";
@import "layout.css";

body {
background: #ecece0 url('style/images/jaf_bg.jpg') no-repeat scroll top center;
}

#container {
background: #ffffff;
margin: 0 auto;
padding: 30px 0 0 0;
width: 880px;
min-height: 756px;
}

#header {
margin: 0 auto;
width: 780px;
padding: 0 50px 0 50px;
}

ul#nav {
width: 780px;
text-align: center;
padding: 10px 50px 10px 50px;
margin: 15px 0;
}

ul#nav li {
display: inline;
}

#photobox {
background: #f6f6e9;
border: 1px solid #dedeb6;
width: 780px;
height: 220px;
margin: 0 auto 20px;
padding: 8px;
}

img.pb {
display: block;
margin: 0 auto 20px;
}

#main-content {
float: left;
width: 460px;
padding: 0 0 0 50px;
}

#sub-content {
float: right;
width: 300px;
padding: 0 50px 0 0;
}


body#location-and-contact div#main-content {
width: 380px;
}

body#location-and-contact div#sub-content {
width: 380px;
}

body#gallery div#main-content {
width: 780px;
}

body#press-and-reviews div#main-content {
width: 780px;
}


#dropAnchor {
clear: both;
height: 0px;
width: 0px;
margin: 0;
padding: 0;
}

#footer {
background: transparent url('style/images/jaf_foot.jpg') no-repeat scroll top center;
clear: both;
margin: 0 auto;
width: 100%;
height: 162px;
padding: 0;
}

#footerContent {
width: 780px;
margin: 0 auto;
padding: 40px 0 0 0;
}

/* Page Specific */

/* Home */

ul#homeBuckets {
display: block;
width: 300px;
height: 129px;
}

ul#homeBuckets li {
float: left;
width: 148px;
height: 129px;
}

ul#homeBuckets li a {
width: 133px;
height: 26px;
padding: 103px 0 0 15px;
}

li#menusBucket {
position: relative;
left: -4px;
}
li#booknowBucket {
position: relative;
left: 8px;
}

li#menusBucket a {
display: block;
background: transparent url('style/images/box1.jpg') no-repeat scroll;
}

li#booknowBucket a {
display: block;
background: transparent url('style/images/box2.jpg') no-repeat scroll;
}

#quote {
background: transparent url('style/images/quotebottom.png') no-repeat scroll bottom right;
}

/* Contact */
ul#address {
margin: 0 0 20px 0;
}

#mapSurround { 
width: 371px; 
height: 330px; 
background: #f6f6e9;
border: 1px solid #dedeb6;
padding: 8px;
}
#map { 
width: 371px; 
height: 330px; 
}


/* Menu Pages */

img#menuBanner {
background: #f6f6e9;
border: 1px solid #dedeb6;
padding: 8px;
margin-bottom: 20px;
}


#menuMenu {
float: left;
width: 220px;
padding: 0 0 0 50px;
}
#menu-content {
float: right;
width: 540px;
padding: 0 50px 0 0;
}

div#menuMenu ul li ul li a {
display: block;
}

div#menuMenu ul li ul {
margin: 0;
}
div#menuMenu ul li ul li {
padding: 0 0 5px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #d8d8bf;
}
div#menuMenu ul li ul li a {
margin: 0;
}
div#menuMenu ul li ul li ul {
margin: 5px 0 5px 10px;
list-style-type: disc;
}
div#menuMenu ul li ul li ul li {
margin: 0 0 5px 10px;
border: none;
list-style-type: disc;
}

div#menu-content dl {
padding: 0 0 10px 0;
margin: 10px 0 0 0;
border-bottom: 1px solid #d8d8bf;
}
div#menu-content dl dd {
width: 460px;
}
div#menu-content dl dt {
margin: 0 0 5px 0;
}
