/* In Ferno's Bistro - Main CSS
Relates to main.dwt.cfm template

*/

BODY { margin:0; padding:0; background-color: #141414; background-image: url(../images/bg_grad.png); background-repeat: repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


#main-container { width:794px; margin: 0 auto; }
#banner-container { width:794px; height:302px; float:left; background-image:url(../images/banner.jpg); background-repeat:no-repeat; }
#nav-container { width:794px; height:44px; float:left; }
#center-container { width:794px; float:left;  margin:0; padding:0; background-image:url(../images/bg_center.png); background-repeat: repeat-y; }

#left-container { width: 500px;  float:left; padding: 0px 20px 0px 20px; }
#left-container a { color:#dddddd;}
#left-container a:hover { color:#999999;  }
#left-container h1 { float:left; margin-bottom:8px; margin-top:10px; padding-bottom:7px; width:505px;  border-bottom: solid thin #6D2D16; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-style:italic; font-weight:normal; color: #C0C0C0; }
/*#left-container h1 { width:505px; height:48px; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-style:italic; font-weight:normal; color: #C0C0C0; background-image:url(../images/left_line.png); background-repeat:no-repeat; }*/
#left-container h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-style:italic; font-weight:normal; color: #DD640B; }
#left-container h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color: #C77E2E;}
#left-container h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:italic; color: #E5E5E5; }

#left-container p { font-size:0.9em; font-weight:normal; color: #999999; }
#left-container p img { border:thin solid; border-color: #6D2D16; margin:10px;}

/*Menu item styles*/
.left-menu-container { float:left; width:230px;  margin:0px 20px 15px 0px; padding-bottom:10px;}
.left-menu-box {width:100%; float:left; padding-top:5px;}
.left-menu-title { font-size:1.1em; font-weight:normal; color: #B39A6E;}
.left-menu-cost { font-size:0.9em; color: #DDDDDD; }
.left-menu-description { padding:0px;}
.left-menu-description ul { color:#999999; font-size:0.9em;}
.left-menu-grayline {width:100%; height:1px; float:left; margin:0px 0px 0px 0px; background-image:url(../images/dot.gif); background-repeat:repeat-x;}
.left-menu-fullside { width:100%; float:left;}

/*Menu Links from menu page */
.left-menu-links { width:250px; float:left; }
.left-menu-links ul { list-style-position:inside; list-style:none;}
.left-menu-links ul li { padding:5px 0px 5px 0px;  }
.left-menu-links ul li a { font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-size:1.4em; color:FFFFFF;  text-decoration:none; }
.left-menu-links ul li a:hover { color:#999999; }

#left-cform { width:100%; }
.left-cform-row { width:100%; float:left; }
.left-cform-text { display:block; float:left; width:100px;  text-align:right; vertical-align:top; padding:10px 20px 0px 0px; color:#999999; font-weight:bold;  }
.left-cform-input { display:block; float:left; width:300px; padding-top:10px; }
.left-cform-input INPUT { background-color: #CCCCCC;  }
.left-cform-input TEXTAREA { background-color: #CCCCCC; }
.left-cform-message { margin:0px 0px 0px 116px; font-size:1.0em; color:#FF0000; font-style:italic; font-weight:bold; }



.left-anchor { width: 100%; float:left;  padding:5px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;  }
.left-anchor a { text-decoration:none; color:#FFFFFF; }
.left-anchor a:hover { color:#0099CC;  }
.left-grayline { width:100%; height:1px; float:left; margin-bottom:5px; background-image:url(../images/dot.gif); background-repeat:repeat-x;}
.left-dates { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; font-style:normal; color: #0099CC; }
.left-newsinfo {  float:left; padding-bottom:7px; padding-top:7px; }
.left-newsinfo h5 {  width:400px; height:30px; padding-left: 105px; padding-top:6px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; font-style:normal; color: #DD640B; background-image:url(../images/logo_news.png); background-repeat:no-repeat; }
.left-eventinfo {  float:left; padding-bottom:7px; padding-top:7px; }
.left-eventinfo h5 {  width:400px; height:30px; padding-left: 105px; padding-top:6px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; font-style:normal; color: #DD640B; background-image:url(../images/logo_presents.png); background-repeat:no-repeat; }
.left-reviewinfo {  float:left; padding-bottom:7px; padding-top:7px; }
.left-reviewinfo h5 {  width:400px; height:30px; padding-left: 105px; padding-top:6px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; font-style:normal; color: #DD640B; background-image:url(../images/logo_review.png); background-repeat:no-repeat; }
.left-commentinfo {  float:left; padding-bottom:7px; padding-top:7px; }
.left-commentinfo h5 {  width:400px; height:30px; padding-left: 105px; padding-top:6px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; font-style:normal; color: #DD640B; background-image: url(../images/logo_comments.png); background-repeat:no-repeat; }

/*Center Menu item styles*/
.center-menu-container { float:left; width:100%;  margin:0px 20px 15px 0px; padding-bottom:10px;}
.center-menu-description { padding:0px;}

#right-container { width: 214px; float:left; padding: 0px 20px 7px 20px; }
#right-container h1 { width:217px;  margin-bottom:8px; margin-top:10px; padding-bottom:7px;  border-bottom: solid thin #6D2D16; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-style:italic; font-weight:normal; color: #C0C0C0; }
/*#right-container h1 { width:217px; height:48px; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-style:italic; font-weight:normal; color: #C0C0C0; background-image: url(../images/right_line.png); background-repeat:no-repeat; }*/
#right-container h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color: #B39A6E; }
#right-container h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color: #E5E5E5;}
#right-container h3 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color: #C0C0C0; text-decoration:none;}
#right-container h3 a:hover { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color: #999999; text-decoration:none;}
#right-container h4 { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #0099CC; }
#right-container p { font-size:0.8em; font-weight:normal; color: #999999; }

.right-email { width:100%; color: #999999; font-size:0.9em; font-style:italic; font-weight:bold; }
.right-email a { color: #DD640B; font-size:1em; text-decoration:none; }
.right-email a:hover { color: #FFFFFF; font-size:1em; text-decoration:none; }

.right-grayline { width:100%; height:1px; background-image:url(../images/dot.gif); background-repeat:repeat-x; }
.right-dates { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #0099CC; }
.right-catname  {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }
.right-catname a{ font-size:10px; font-weight:normal;  text-decoration:none; color:  #FFFFFF; } 
.right-catname a:hover { font-size:10px; font-weight:normal;  text-decoration:none; color: #999999; } 
.right-eventinfo {  font-size:0.8em; font-weight:normal; color: #999999; padding-bottom:6px; } 
.right-eventinfo a{ font-size:1em; font-weight:normal;  text-decoration:none; color:  #FFFFFF; } 
.right-eventinfo a:hover { font-size:1em; font-weight:normal;  text-decoration:none; color: #999999; } 
.right-reviewinfo {  font-size:0.8em; font-weight:normal; color: #999999; padding-bottom:6px; } 
.right-reviewinfo a{ font-size:1em; font-weight:normal;  text-decoration:none; color:  #FFFFFF; } 
.right-reviewinfo a:hover { font-size:1em; font-weight:normal;  text-decoration:none; color: #999999; } 

.right-maillist { width:204px; height:188px; float:left; margin:20px 0px 15px 0px; padding:0px 5px 0px 5px; background-image:url(../images/bg_mailing.png); background-repeat:no-repeat; border: thin solid #6A2B15; color: #999999; font:Arial, Helvetica, sans-serif;  font-size:0.8em; }
.right-maillist-span { display:block; padding:3px 0px 3px 0px; }
.right-maillist-span INPUT { width:196px; border-color: #6D2D16; background-color: #DDDDDD; }
.right-maillist-num { display:block;padding:3px 0px 3px 0px; }
.right-maillist-num INPUT  {width:121px; border-color: #6D2D16; background-color: #DDDDDD;}

.right-infobox { width:204px;  float:left; margin:20px 0px 15px 0px; padding:0px 5px 0px 5px; color: #999999; font:Arial, Helvetica, sans-serif;  font-size:1em; }
.right-infobox a { text-decoration:none; color:#FFFFFF; font-size:1.2em; }
.right-infobox a:hover { text-decoration:none; color:#999999; font-size:1.2em; }

#bottom-container { width:794px; height:58px; float:left; margin:0; padding:0; background-image:url(../images/bg_footer.png); background-repeat:no-repeat; }
#bottom-left-container { width:520px;  float:left; padding: 0px 10px 0px 10px; }
#bottom-right-container { width:254px; float:left; }

.bottom-right-rss {   float:left; margin-left:10px; padding:5px 10px 2px 20px; color:#CCCCCC; }
.bottom-right-rss-text {float:left; padding:5px 0px 0px 12px; vertical-align:middle; font-size:0.8em;}
.bottom-right-rss-text a { color: #FFFFFF; text-decoration:none; }
.bottom-right-rss-text a:hover { color: #999999; }

.display-pagination { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; color: #FFFFFF; padding-bottom:10px;}
.display-pagination a { color: #FFFFFF; text-decoration:none; }
.display-pagination a:hover { color:#0099CC; }

/* menu nav bar styles */

#nav-list { margin:0; padding:0; }
#nav-list li { float:left; list-style-type: none; display: inline; }
#nav-list a { text-decoration: none; display: block; }
#nav-list li.home a { background: url(../images/home.png) no-repeat 50% 0; width: 75px; height: 44px;}
#nav-list li.home a:hover { background: url(../images/home_rollover.png) no-repeat 50% 0; width: 75px; height: 44px; }
#nav-list li.menus a { background: url(../images/menus.png) no-repeat 50% 0; width: 75px; height: 44px;}
#nav-list li.menus a:hover { background: url(../images/menus_rollover.png) no-repeat 50% 0; width: 75px; height: 44px; }
#nav-list li.contact a { background: url(../images/contact.png) no-repeat 50% 0; width: 80px; height: 44px;}
#nav-list li.contact a:hover { background: url(../images/contact_rollover.png) no-repeat 50% 0; width: 80px; height: 44px; }
#nav-list li.f_bottom { background: url(../images/f_bottom.png) no-repeat 50% 0; width: 131px; height: 44px;}
#nav-list li.news a { background: url(../images/news.png) no-repeat 50% 0; width: 61px; height: 44px;}
#nav-list li.news a:hover { background: url(../images/news_rollover.png) no-repeat 50% 0; width: 61px; height: 44px; }
#nav-list li.events a { background: url(../images/events.png) no-repeat 50% 0; width: 71px; height: 44px;}
#nav-list li.events a:hover { background: url(../images/events_rollover.png) no-repeat 50% 0; width: 71px; height: 44px; }
#nav-list li.reviews a { background: url(../images/reviews.png) no-repeat 50% 0; width: 84px; height: 44px;}
#nav-list li.reviews a:hover { background: url(../images/reviews_rollover.png) no-repeat 50% 0; width: 84px; height: 44px; }
#nav-list li.comments a { background: url(../images/comments.png) no-repeat 50% 0; width: 97px; height: 44px;}
#nav-list li.comments a:hover { background: url(../images/comments_rollover.png) no-repeat 50% 0; width: 97px; height: 44px; }
#nav-list li.info a { background: url(../images/info.png) no-repeat 50% 0; width: 56px; height: 44px;}
#nav-list li.info a:hover { background: url(../images/info_rollover.png) no-repeat 50% 0; width: 56px; height: 44px; }
#nav-list li.photos { background: url(../images/photos_blank.png) no-repeat 50% 0; width: 64px; height: 44px;}
/*#nav-list li.photos a { background: url(../images/photos.png) no-repeat 50% 0; width: 64px; height: 44px;}
#nav-list li.photos a:hover { background: url(../images/photos_rollover.png) no-repeat 50% 0; width: 64px; height: 44px; }
*/
#nav-list li.homecurrent a { background: url(../images/home_rollover.png) no-repeat 50% 0; width: 75px; height: 44px;}
#nav-list li.homecurrent a:hover { background: url(../images/home_rollover.png) no-repeat 50% 0; width: 75px; height: 44px; }
#nav-list li.menuscurrent a { background: url(../images/menus_rollover.png) no-repeat 50% 0; width: 75px; height: 44px;}
#nav-list li.menuscurrent a:hover { background: url(../images/menus_rollover.png) no-repeat 50% 0; width: 75px; height: 44px; }
#nav-list li.contactcurrent a { background: url(../images/contact_rollover.png) no-repeat 50% 0; width: 80px; height: 44px;}
#nav-list li.contactcurrent a:hover { background: url(../images/contact_rollover.png) no-repeat 50% 0; width: 80px; height: 44px; }
#nav-list li.f_bottom { background: url(../images/f_bottom.png) no-repeat 50% 0; width: 131px; height: 44px;}
#nav-list li.newscurrent a { background: url(../images/news_rollover.png) no-repeat 50% 0; width: 61px; height: 44px;}
#nav-list li.newscurrent a:hover { background: url(../images/news_rollover.png) no-repeat 50% 0; width: 61px; height: 44px; }
#nav-list li.eventscurrent a { background: url(../images/events_rollover.png) no-repeat 50% 0; width: 71px; height: 44px;}
#nav-list li.eventscurrent a:hover { background: url(../images/events_rollover.png) no-repeat 50% 0; width: 71px; height: 44px; }
#nav-list li.reviewscurrent a { background: url(../images/reviews_rollover.png) no-repeat 50% 0; width: 84px; height: 44px;}
#nav-list li.reviewscurrent a:hover { background: url(../images/reviews_rollover.png) no-repeat 50% 0; width: 84px; height: 44px; }
#nav-list li.commentscurrent a { background: url(../images/comments_rollover.png) no-repeat 50% 0; width: 97px; height: 44px;}
#nav-list li.commentscurrent a:hover { background: url(../images/comments_rollover.png) no-repeat 50% 0; width: 97px; height: 44px; }
#nav-list li.infocurrent a { background: url(../images/info_rollover.png) no-repeat 50% 0; width: 56px; height: 44px;}
#nav-list li.infocurrent a:hover { background: url(../images/info_rollover.png) no-repeat 50% 0; width: 56px; height: 44px; }
#nav-list li.photoscurrent a { background: url(../images/photos_rollover.png) no-repeat 50% 0; width: 64px; height: 44px;}
#nav-list li.photoscurrent a:hover { background: url(../images/photos_rollover.png) no-repeat 50% 0; width: 64px; height: 44px; }


.bottom-nav-list { margin: 0; padding:  5px 0 5px 9px; font-size: .8em; font-weight:bold; color: #FFFFFF; }
.bottom-nav-list li { list-style-type: none; display: inline; margin: 0 2px 0 0; }
.bottom-nav-list a { text-decoration: none; color: #FFFFFF; }
.bottom-nav-list a:hover { color: #999999; }