html {
  background  : black;
  color       : white;
}

* {
  font-family : Georgia, Helvetica, Verdana, sans-serif;
}

body {
  
}
.body {
  padding     : 20px;
  width       : 80%;
  margin-left : auto;
  margin-right: auto;
  
  color       : #efefef;
  font-size   : 10pt;
  line-height : 16pt;
}

a {
  color       : #c1912e;
  font-weight : bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

.variable {
  overflow:hidden;
}

#authpanel * {
  color:#333;
}
#authpanel {
  z-index: 10000;
  
  position:absolute;
  text-align:right;
  top:0px;
  right:0px;
  
  width:250px;
  height:100px;
}

hr {
  border      : none;
  background  : transparent url(../images/hr.png) no-repeat center;
  padding     : 2px;
  margin-left : auto;
  margin-right: auto;
}
#header {
  height      : 125px;
  width       : 100%;
}
#logo {
  position    : relative;
  float       : left;
  width       : 300px;
}
#reservations {
  position    : relative;
  float       : right;
  width       : 447px;
  height      : 42px;
}
#menu {
  padding-top : 75px;
}

#menu a {
  background : transparent;
  padding-top:35px;
}
#menu a:hover {
  background : transparent url(../images/hoverbg.png) no-repeat top center;
}

#content {
  min-height  : 300px;
}
#footer {
  height      : 100px;
  font-size   : 9pt;
  line-height : 10pt;
  
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
#footer_address {
  position:relative;
  float:left;
  text-align:left;
}
#footer_info {
  position:relative;
  float:right;
  text-align:right;
}

table.nice_table {
  border-collapse:collapse;
}
table.nice_table th {
  vertical-align:top;
  text-align:right;
}
table.nice_table th, table.nice_table td {
  padding:4px;
  font-size:10pt;
  border-bottom: dotted 1px gray;
}

input, textarea, select {
  color:black;
}
textarea {
  display:block;
}

#calholder {
  position:relative;
  float:left;
  width:30%;
}

#bgimage {
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:-100000;
  background: black url(../images/bgwinebottles.png) repeat-x center bottom;
}
img.bordered {
  border:solid 12px #666666;
}
a,img {
  border      : none;
}

#directions {
  text-align:center;
}
#directions * {
  font-size:10pt;
}
#dirpanelfor_map {
  position:relative;
  float:left;
  
  width:375px;
}
#mapholder {
  width:100%;
  position:relative;
  float:right;
}
#map {
  height:500px;
  border:solid 5px #666666;
  background:#333333;
}

.image_wrapper {
  height:200px;
  overflow:hidden;
}
.image_scroller {
  width : 100%;
  overflow:auto;
}
.image_frame {
  height:205px;
  width:500%;
  margin-left:auto;
  margin-right:auto;
}

.menulist_item {
  list-style-type:none;
  display:block;
  border:solid 1px gray;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin-bottom:15px;
  padding:15px;
}
.menulist_item .image {
  position:relative;
  float:left;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  
  width:150px;
  height:100px;
}
.menulist_item .menulink a {
  font-size:18pt;
}
.menulist_item .linkandinfo {
  position:relative;
  float:right;
  width:100%;
}
.menulist_item .menulink {
  border-bottom:solid 1px gray;
}
.menulist_item .menulink, .menulist_item .description {
  display:block;  
  text-align:left;
}

.event_holder {
  width:650px;
  margin-left:auto;
  margin-right:auto;
}
.event {
  margin-bottom:25px;
}
.event .date_and_time {
  width:200px;
  float:right;
  position:relative;
  font-size:10pt;
  color:#ccc;
}
.event .date {
  position:relative;
  float:left;
}
.event .time {
  position:relative;
  float:right;
}
.event .title {
  display:block;
  font-size:14pt;
}
.event .description {
  padding-top:10px;
  font-size:9pt;
  border-top:dotted 1px #555;
}