/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                                                  margin: 0;
                                                  padding: 0;
                                                  border: 0;
                                                  outline: 0;
                                                  font-size: 100%;
                                                  vertical-align: baseline;
                                                  background: transparent;
                                                  }
body {
       line-height: 1;
       }
ol, ul {
         list-style: none;
         }
blockquote, q {
                quotes: none;
                }
blockquote:before, blockquote:after,
q:before, q:after {
                    content: '';
                    content: none;
                    }

/* remember to define focus styles! */
:focus {
         outline: 0;
         }

/* remember to highlight inserts somehow! */
ins {
      text-decoration: none;
      }
del {
      text-decoration: line-through;
      }

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
        }
/* end of reset
   ************ */


body {
       background: #da7413 url('footer.jpg') 0 100% repeat-x;;
       font-size: 12px;
       line-height: 16px;
       font-family: 'Verdana', sans-serif;
       }
#wrapAll {
           background: #f89d1f url('body-bg.jpg') 0 0 repeat-x;
           }
#container #header {
                     display: block;
                     height: 340px;
                     position: relative;
                     }
#container #header #logo {
                           display: block;
                           width: 350px;
                           height: 140px;
                           text-indent: -3000px;
                           overflow: hidden;
                           position: absolute;
                           top: 55px;
                           left: 530px;
                           }
#container #header .navigation {
                                 display: block;
                                 height: 40px;
                                 position: absolute;
                                 top: 224px;
                                 left: 440px;
                                 }
.navigation li {
                 display: inline;
                 }
.navigation a {
                font-size: 15px;
                line-height: 40px;
                padding: 0 10px;
                text-decoration: none;
                color: #fff;
                font-family: 'Impact', sans-serif; /* fantasy */
                }
/* here must come page dependant here stats */
body#home a.theRestaurant,
body#list a.theList,
body#gallery a.theGallery,
body#events a.theEvents,
body#reservations a.theReservations,
body#catering a.theCatering,
.navigation a:hover {
                      color: #600000;
                      }
.navigation a:active,
.navigation a:focus {
                      color: #600000;
                      }
#header #languages {
                     position: absolute;
                     right: 15px;
                     bottom: 40px;
                     color: #ffaa15;
                     }
#languages a {
               color: #ffaa15;
               text-decoration: none;
               font-size: 10px;
               }
#container #userTexts {
                        display: block;
                        width: 542px;
                        padding: 0 15px;
                        min-height: 550px;
                        margin-bottom: 55px;
                        float: right;
                        background: url('userTexts.png') 0 0 repeat-x;
                        }
/* min-height for Internet Explorer */
/*\*/
* html #userTexts {
                    height: 550px;
                    }
/**/
#container #userTexts h1 {
                           font-size: 18px;
                           line-height: 22px;
                           margin-bottom: 20px;
                           font-family: 'Impact', sans-serif;
                           font-weight: normal;
                           color: #fff861;
                           text-indent: 17px;
                           }
#container #userTexts p {
                          text-indent: 36px;
                          text-align: justify;
                          margin-bottom: 17px;
                          }
#container #userTexts table {
                              margin-top: 30px;
                              }
#container #userTexts th {
                           text-align: left;
                           color: #600000;
                           }
#container #sidebar {
                      display: block;
                      width: 310px;
                      float: left;
                      margin: 35px 65px 0 40px;
                      }
#container #sidebar .promo {
                             display: block;
                             width: 310px;
                             margin: 0 auto 12px auto;
                             font-size: 10px;
                             background: url('promo.png') 0 0 repeat-x;
                             border-width: 1px 0;
                             border-style: solid none;
                             border-color: #fab738 transparent #b21b06 transparent;
                             }
#container #userTexts h2,
#container #sidebar .promo h2 {
                                width: 92%;
                                font-size: 15px;
                                line-height: 19px;
                                padding-top: 3px;
                                margin: 0 0 5px 15px;
                                font-family: 'Impact', sans-serif;
                                font-weight: normal;
                                color: #fff861;
                                clear: both;
                                border-bottom: 1px dotted #fff;
                                }
#container #sidebar .promo dt a,
#container #sidebar .promo dd a,
#container #sidebar .promo li a {
                                  display: block;
                                  width: 92%;
                                  text-transform: uppercase;
                                  color: #fff;
                                  margin: 1px 0 2px 15px;
                                  line-height: 20px;
                                  }
#container #sidebar .promo dd a {
                                  text-transform: none;
                                  }
#container #sidebar .promo li ul li {
                                      margin-left: 10px;
                                      }
#container #sidebar .promo dt a:hover,
#container #sidebar .promo dd a:hover,
#container #sidebar .promo li a:hover {
                                        background: #bb511c;
                                        }
#container #sidebar .promo div {
                                 margin: 0 8px 8px 0;
/*                                  text-align: justify; */
                                 }
#container #sidebar .promo p.link {
                                    text-align: right;
                                    clear: both;
                                    }
#container #sidebar .promo a {
                               text-decoration: none;
                               color: #000;
                               }
#container #sidebar .promo img {
                                 float: left;
                                 margin: 0 10px 0 15px;
                                 display: inline;
                                 border: 2px solid #995a2d;
                                 }
#footer {
          display: block;
          width: 990px;
          height: 250px;
          clear: both;
          float: left;
          color: #fff;
          font-size: 10px;
          background: url('foot.png') 50% 0 no-repeat;
          }
#footer #valid {
                 display: block;
                 width: 100px;
                 float: left;
                 margin: 22px 0 0 40px;
                 }
#footer .navigation {
                      display: block;
                      width: 555px;
                      float: left;
                      text-align: center;
                      margin-top: 6px;
                      }
#footer a {
            color: #600000;
            }
#footer .navigation a {
                        color: #600000;
                        font-family: 'Verdana', sans-serif;
                        font-size: 10px;
                        text-decoration: none;
                        padding: 0 5px;
                        }
body#home #footer a.theRestaurant,
body#list #footer a.theList,
body#gallery #footer a.theGallery,
body#events #footer a.theEvents,
body#reservations #footer a.theReservations,
body#catering #footer a.theCatering,
#footer .navigation a:hover {
                              color: #fff;
                              }
#footer .navigation a:active,
#footer .navigation a:focus {
                              color: #fff;
                              }
#footer #phone {
                 display: block;
                 width: 250px;
                 height: 90px;
                 font-size: 9px;
                 background: url('phone.png') 0 0 no-repeat;
                 float: right;
                 margin: 22px 30px 0 0;
                 }
#footer #phone p {
                   width: 166px;
                   margin: 8px 0 0 8px;
                   }
#footer #phone p span {
                        display: block;
                        font-size: 18px;
                        letter-spacing: -1px;
                        }

#container #userTexts p.middle {
                                 text-align: center;
                                 text-indent: 0px;
                                 font-weight: bold;
                                 margin-bottom: 6px;
                                 }
#container #userTexts p.fl {
                             text-indent: 0;
                             }

#container #userTexts ul {
                           list-style: disc inside;
                           }
#container #userTexts fieldset p {
                                   float: left;
                                   clear: both;
                                   width: 100%;
                                   }
#container #userTexts fieldset label {
                                       display: block;
                                       float: left;
                                       width: 180px;
                                       line-height: 16px;
                                       height: 16px;
                                       text-align: right;
                                       }
#container #userTexts fieldset input,
#container #userTexts fieldset select,
#container #userTexts fieldset textarea {
                                           border: 1px solid #480001;
                                           background: #fff3e4;
                                           float: left;
                                           margin-left: 10px;
                                           }
#container #userTexts fieldset textarea {
                                          width: 300px;
                                          height: 130px;
                                          }
#container #userTexts fieldset select.text,
#container #userTexts fieldset input.text {
                                            width: 170px;
                                            color: #666666;
                                            }
#container #userTexts fieldset input.submit {
                                              color: #000000;
                                              font-size: 11px;
                                              float: left;
                                              margin: 0 0 0 190px;
                                              }

span.date {
            display: block;
            width: 106px;
            height: 60px;
            line-height: 30px;
            float: left;
            margin: 0 10px 0 15px;
            position: relative;
            font-family: 'Impact', sans-serif;
            font-weight: normal;
            color: #ba2e0f;
            font-size: 24px;
            }
span.date span.mon {
                     color: #280a01;
                     font-size: 11px;
                     position: absolute;
                     top: -7px;
                     left: 25px;
                     }
span.date span.year {
                      color: #f1ea6e;
                      font-size: 11px;
                      position: absolute;
                      top: 6px;
                      left: 25px;
                      }
.thumb img {
             display: block;
             width: 93px;       /* hack must be removed */
             height: 70px;      /* hack must be removed */
             float: left;
             border: 3px solid #d75a22;
             position: relative;
             }

/* old receipt styles
 ******************** */
div.receipt {
              display: block;
              width: 500px;
              margin: 15px auto;
              color: #621108;
              }
h3 {
     text-indent: 36px;
     border-bottom: 1px dotted #fff;
     margin-bottom: 8px;
     }
#sidebar div.promo h3 {
                        text-indent: 0;
                        border: none;
                        }

div.preview {
              display: block;
              position: relative;
              float: left;
              width: 170px;
              margin: 0 10px;
              }
div.preview a {
                display: block;
                width: 170px;
                height: 170px;
                }
div.preview a img {
                    margin: 5px auto;
                    width: 150px;
                    padding: 5px;
                    }
div.preview a:hover img {
                          display: block;
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 400px;
                          background-color: silver;
                          }
div.description {
                  display: block;
                  width: 280px;
                  float: right;
                  margin-right: 20px;
                  }
div.cooking {
              display: block;
              width: 480px;
              margin: 15px auto;
              clear: both;
              }
div.cooking dd {
                 text-align: justify;
                 }
div.description dt,
div.description dd {
                     text-align: right;
                     }
div.receipt dt {
                 font-weight: bold;
                 }


/* lang fields  */
fieldset p span.langs{
                       display: block;
                       width: 300px;
                       float: left;
                       clear: right;
                       position: relative;
                      }

fieldset p span.lang span.tab {
                                position: absolute;
                                z-index: 100;
                                cursor: pointer;
                                width: 20px;
                                height: 15px;
                                display: block;
                                left: 0px;
                                top: -6px;
                                text-indent: 0;
                                text-align: center;
                                line-height: 15px;
                                border: solid #480001;
                                border-width: 1px 1px;
                                }

fieldset p span.lang input,
fieldset p span.lang textarea {
                                position: absolute;
                                top: 10px;
                                left: -5px;
                                z-index: 80;
                                margin: 0;
                                padding: 0;
                                }

fieldset p span.langs span.on .area {
                                      display: block;
                                      }

fieldset p span.langs span.off .area {
                                      display: none;
                                      }
fieldset p span.langs span.on .tab {
                                     background: #ffffff;
                                     color: #000000;
                                     border-color:  #480001  #480001 #ffffff  #480001;
                                     }
fieldset p span.langs span.off .tab {
                                      color: #ffffff;
                                      background: #999999;
                                     }
/* lang fields END  */

#userTexts img.topright {
                          float:right;
                          margin-bottom:3px;
                          margin-left:15px;
                          margin-top:-20px;
                          }
#userTexts a {
               color: #600000;
               }
#userTexts a:link {
                    color: #600000;
                    }
#userTexts a:visited {
                       color: #303030;
                       }
#userTexts a:hover {
                     color: #FFAA15;
                     }
#userTexts a:active,
#userTexts a:focus {
                     color: #600000;
                     background-color: #FFAA15;
                     }