/*  

Theme Name: 
Theme URI: http://
Description: 
Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com

*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }


/* LAYOUT */
.clear { clear: both; }

/* TYPE */
body { font: 90% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #3c080a; color: #e4d7be; text-align: center;  }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; } 

p { font: 78% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #e4d7be; margin:10px 0 15px 0; }

a { text-decoration:none; color: #e34b19; }

a:hover { text-decoration:none; color: #b75637; }

a:visited {text-decoration:none;  }

/* container */

#container { width:960px; text-align: left; margin-left:auto; margin-right:auto;   }

/* header */

#header { width: 960px; height:69px; margin: 0 auto; position: relative; background:url(../images/bg_navigation.jpg) no-repeat;  }

#logo { width: 295px; height: 180px;  }
#logo a { background:url(../images/logo.png) no-repeat; width: 295px; height: 180px; position: absolute; text-indent: -900em; left:0; top:0; overflow: hidden; }
#logo.home a { cursor: default !important; }

/* navigation */
#navigation { width:940px; height:69px;  margin-left:20px; position: relative;  }
#nav { margin:0; padding: 0; }
#nav li { display: inline; }
#nav li a { font: 95% Georgia, "Times New Roman", Times, serif; color:#d9cbb5;letter-spacing:0.02em; margin: 0 30px 0 30px; line-height:4.65em; text-transform:uppercase; letter-spacing:0.04em; }
#nav li a:hover { color:#e34b19; }
#nav li.current a {color:#d9cbb5; cursor:default !important; }



/* content */

#content { width: 960px; height: auto; margin: 0 auto; position: relative;  }
#section { background:url(../images/bg_section.jpg) no-repeat; width:960px; height:458px; position:relative; margin:0; padding:0; }
.sub-section { width:320px; height:458px; float:left; position:relative; margin:0; padding:0; }
.restaurant { background:url(../images/img_section_01.png) no-repeat; } 
.subscribe { background:url(../images/img_section_02.png) no-repeat; } 
.reservations { background:url(../images/img_section_03.png) no-repeat; } 
.restaurant, .subscribe , .reservations {width:320px; height:228px; position:relative; top:25px;}
.title a { font: 95% Georgia, "Times New Roman", Times, serif; color: #e34b19; text-transform:capitalize; line-height:1.5em; }
.title a:hover { color: #b75637; }
.sub-section div { position:relative; top:245px; padding:0 25px 0 25px; }
.sub-section div a img { float:right; position:relative; top:-40px; }

#logo a { background:url(../images/logo.png) no-repeat; width: 295px; height: 180px; position: absolute; text-indent: -900em; left:20px; top:18px;  overflow: hidden;  }
#logo-mg a { background:url(../images/logo.png) no-repeat; width: 295px; height: 180px; position: absolute; text-indent: -900em; left:12px; top:18px;  overflow: hidden;  }

#sidebar { background:url(../images/bg_sidebar.jpg) no-repeat; width:320px; height:660px; position:relative; float:right; }
#sidebar-menu { background:url(../images/bg_sidebar_menu.jpg) no-repeat; width:320px; height:1000px; position:relative; float:right; }
#sidebar-wine { background:url(../images/bg_sidebar_wine.jpg) no-repeat; width:320px; height:1000px; position:relative; float:right; }
#sidebar-gallery { background:url(../images/sidebar_gallery.jpg) no-repeat; width:320px; height:652px; position:relative; float:right;  }
#main-column { background:url(../images/bg_main.jpg) no-repeat; width:960px; height:auto; float:left; position:relative; background-color:#eadbc2;  }
#main-column-about { background:url(../images/img_aboutus.jpg) no-repeat; width:640px; height:660px; position:relative; float:left; }
#main-column-location { background:url(../images/img_location.jpg) no-repeat; width:640px; height:660px; position:relative; float:left; }
#main-column-contact { background:url(../images/img_contact.jpg) no-repeat; width:640px; height:660px; position:relative; float:left; }
.title-about { background:url(../images/title_aboutus.png) no-repeat; width:200px; height:54px; position:absolute; text-indent: -900em;left:22px; top:48px; }
.title-location { background:url(../images/title_location.png) no-repeat; width:220px; height:54px; position:absolute; text-indent: -900em;left:22px; top:48px; }
.title-contact { background:url(../images/title_contact.png) no-repeat; width:220px; height:54px; position:absolute; text-indent: -900em;left:22px; top:48px; }
.sidebar-content { margin:118px 28px 20px 28px; }
.st-title { font:126% Georgia, "Times New Roman", Times, serif; color:#d5b371; margin-bottom:30px; }
.view { font: 90% Georgia, "Times New Roman", Times, serif; line-height:2em; }

.main-content { margin:5px 28px 20px 28px; zoom: 1; }
.main-content p { color:#9b8d75; margin-bottom:10px; text-transform:lowercase;   }
.divider {  border-top: double #c6b59b; margin:0 0 5px 0; width:530px; height:2px; }




/* slideshow */


#slideshow-section { background:url(../images/bg_slideshow.jpg) no-repeat; width:960px; height:430px;  position:relative; }
#slideshow { position:relative; bottom:-40px; left:120px;}
.pics { width:810px; height:388px;  padding:0; margin:0; overflow: hidden; }
.pics img { width:810px ; height:388px;  }
#slideshow img { }

/* footer */

#footer { width: 960px; height: 50px; margin: 0 auto; position: relative; }
.fl, .fr { font-size:70%; color:#b36869; text-decoration: none; line-height:1.5em; margin-top:5px; }
.fl img, .fr img {position:relative; top:2px; margin:0 6px 0 7px; }
.fr { position:relative; float:right; top:2px;}
.fl { position:relative; float:left; top:2px; }
.fr a { color:#b36869 !important; }
.fr a:hover { color: #e34b19 !important; }

/* Contact form */

.cform { height:auto; width: 264px; margin:0; padding: 0; }
.cform fieldset { border:none !important;  height:auto; }
.cform label { margin-top:10px; padding:5px 0 8px 0; text-align:left; font: 90% Georgia, "Times New Roman", Times, serif;  color:#d5b371; display:block; }
.cform input, .cform select, .cform textarea { margin:0; background:#58080a; border:1px solid #7f0d0f; color:#e4d7be;font: 90% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; padding:3px;  }
.cform input:hover, .cform textarea:hover, .cform select:hover	{  background:#58080a; color:#e4d7be; border:1px solid #bd8a5a; } 
.submit-button { margin-top:15px; }
.cform input.inputSubmit:hover, .cform input.inputReset:hover {  background:#58080a; color:#e4d7be; }
.cform  input.inputSubmit, .cform  input.inputReset { cursor:pointer; color:#d5b371; font: 80% Georgia, "Times New Roman", Times, serif; background:#6d080a; border:1px solid #7f0d0f; margin-top:18px; padding:3px;  }


/* Photo Gallery */

.galleria{list-style:none;width:auto;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left; margin:0 0 20px 0; }
.galleria li a {display:none;}
.galleria li div {position:absolute;display:none;top:0;left:0;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em; }
* html .galleria li div span{width:300px;} /* MSIE bug */

.photo {   position:absolute; zoom: 1;  margin:0; left:0; top:0; }
.gallery {width:640px;  margin:0; position:relative; left:25px; }
.gallery li {width:68px;height:50px;border:1px solid #9f0000;margin:2px 2px;background-color:#eadbc2; }
.gallery li div{ left:0;}
.gallery li div .caption{ font:90% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#000;}
	
#main_image{margin:0 0 20px 0; height:420px;width:640px; background-color:#eadbc2; }
#main_image img{ margin:0 0 10px 0;}
.nav { text-align:center; position:relative; right:0; top:15px;  font:80% Georgia, "Times New Roman", Times, serif; color:#9f0000; letter-spacing:3px;text-transform:uppercase; clear:both; }
.nav a { color:#9f0000; }	
.nav a:hover { color:#c6b59b; }	
.photo-wrapper { width:640px; height:652px; overflow:hidden; float:left; }


/* Firefox hacks */

@-moz-document url-prefix() { #navigation { margin-left:24px; } }

/* Opera  hacks */

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body #navigation { margin-left:12px; } 
}

/* Safari  hacks */

@media screen and (-webkit-min-device-pixel-ratio:0) { #navigation { margin-left:38px; } }