/*** CSS RESET ***/
BODY { margin: 0;padding: 0;text-align: center;font-family: Tahoma, Verdana, Segoe, sans-serif;background:#ffffff; }
A { text-decoration: none;outline: none;color: #000000; }
A:HOVER { text-decoration: none;color: #000000; }
DIV IMG, A IMG { border: none; }
TEXTAREA, SELECT { outline: none;border: none;border-color: transparent;font-size: 13px;font-family: Tahoma, Verdana, Segoe, sans-serif; }
/*TEXTAREA, SELECT { outline: none;border: none;border-color: transparent;font-size: 13px;font-family: Georgia, Times, "Times New Roman", serif; } */
SELECT, LABEL { cursor: pointer; }
H1, H2, H3, H4, H5, H6, FORM, P { padding: 0;margin: 0;text-align: left; }
UL { margin: 0;padding: 0;list-style: none; }
/*** END RESET ***/

/*** GLOBAL ***/
BODY {
  background-color: #cc2029;
  background-image: url("../images/bob-body-bg.png");
}
A {
  color: #0b869a;
}
A:hover {
  color: #231f20;
}
H1, H2, H3, H4, H5, H6 {
  font-weight: 700;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 1.5em;
}
H1 {
  line-height: 28px;
}
H2 {
  font-size: 1.25em;
  line-height: 26px;
  font-weight: 600;
}
H3 {
  font-size: 1.1em;
}
P {
  color: #231f20;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: .84em;
  line-height: 18px;
  text-align: left;
}
/*** GLOBAL ***/

/*** HEADER ***/
#header-container {
  margin: 0 auto;
  text-align: left;
}

#header-slider-wrapper {
  position:absolute;
  left:620px;
  top:55px;  
}

#banner-fade,
#banner-slide {

}
#social-wrapper {
  position: absolute;
  width: 380px;
  left: 620px;
  top: 312px;
  text-align: center;
}

.social-icon {
  margin: 0px 8px 0px 8px;
}
/*** HEADER ***/

#cssmenu-wrapper{
  width: 98%;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.27);
  margin: -4px 23px 0px 8px;
  border-width: 1px;
  border-style:solid;
  border-color: #666666;
  background: #ffffff;
}

/*** MENU ***/
#cssmenu{
  border:none;
  border:0px;
  margin:4px;
  padding:0px;
  font-family:verdana,geneva,arial,helvetica,sans-serif;
  font-size:16px;
  font-weight:bold;
  color:8e8e8e;
  }

#cssmenu ul{
  /* background:url(menu-bg.gif) top left repeat-x; */
  height:32px;
  list-style:none;
  margin:0;
  padding:0;
  }
  #cssmenu li{
    float:left;
    padding:0px 8px 0px 8px;
    }
  #cssmenu li a{
    color:#000000;
    background:#e8e8e8;
    display:block;
    font-weight:bold;
    line-height:32px;
    padding:0px 14px;
    text-align:center;
    text-decoration:none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }
    #cssmenu li a:hover{
      color:#222222;
      background:#79a9d0;
      text-decoration:none;
      }
  #cssmenu li ul{
    background:#e0e0e0;
    border-left:2px solid #9f9f9f;
    border-right:2px solid #9f9f9f;
    border-bottom:2px solid #9f9f9f;
    display:none;
    height:auto;
    filter:alpha(opacity=95);
    opacity:0.95;
    position:absolute;
    width:225px;
    z-index:200;
    /*top:1em;
    /*left:0;*/
    }
  #cssmenu li:hover ul{
    display:block;
    }
  #cssmenu li li {
    display:block;
    float:none;
    padding:0px;
    width:225px;
    }
  #cssmenu li ul a{
    display:block;
    font-size:12px;
    font-style:normal;
    padding:0px 10px 0px 15px;
    text-align:left;
    }
    #cssmenu li ul a:hover{
      background:#949494;
      color:#000000;
      opacity:1.0;
      filter:alpha(opacity=100);
      }
  #cssmenu p{
    clear:left;
    } 
  #cssmenu .active > a{
    background: #000000;
    color:#ffffff;
    }
  #cssmenu .active > a:hover {
    background:#000000;
    color:#ffffff;
    }
/*** MENU ***/


/*** CONTENT ***/
#container {
  background-color: #faf9dd;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.27);
  padding: 20px;
  margin: 8px 0px 8px 8px;
  width: 1000px;
  overflow: auto;
}

/*** 3 column fixed layout ***/
#three-column-wrapper{
  float: left;
  width: 100%;
}

#two-column-center{
  margin: 0 0 0 214px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#three-column-center{
  margin: 0 214px 0 214px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#three-column-left{
  float: left;
  width: 214px; /*Width of left column in pixel*/
  margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.27);
  margin-top: 4px;
  border-width: 1px;
  border-style:solid;
  border-color: #666666;
  background: #ffffff;
}

#three-column-right{
  float: left;
  width: 214px; /*Width of right column*/
  margin-left: -214px; /*Set left margin to -(RightColumnWidth)*/
}

.innertube {
  margin: 6px; /*Margins for inner DIV inside each column (to provide padding)*/
  margin-top: 8px;
}

.main-content {
  text-align: left;
  padding: 14px;
 }

.beer-menu-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.27);
  border-width: 1px;
  border-style:solid;
  border-color: #666666;
  background: #ffffff;
}

.happiest-hour {
  padding: 0px 14px 8px 8px;
  margin: 14px 14px 8px 8px;
  font-size: 1em; 
  border-width: 2px;
  border-style:solid;
  border-color: #c72232;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.27);
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  background-color: #0a1f3a;
  text-align: center;
  color:#e8e8e8; 
}

.daily-specials-wrapper {
  width:500px;
  text-align: center;
  margin: 0px 0px 0px 18px;
}

.daily-specials-icon {
  height: 155px;
  width: 155px;
  border-width: 0px;
  border-style:solid;
  border-color: #666666;
  background-image: url('../images/icons/calendar-icon.png');
  background-repeat:no-repeat;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.daily-specials-icon h5 {
  font-size: 1.25em; 
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  color: #f8f8f8;  
  text-align: center;
  margin: 12px 0 12px 0;
}

.daily-specials-icon p {
  font-size: 1em; 
  line-height:23px;
  font-weight: bold;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  color: #222222;  
  text-align: center;
}

.daily-specials-icon .disclaimer {
  font-size: .6em; 
  line-height:14px;
  font-weight: normal;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  color: #222222;  
  text-align: center;
  margin-top: 2px;
}

.blockquote {
  padding: 8px 14px 8px 8px;
  margin: 8px 14px 8px 8px;
  font-size: 14px; 
  border-left: 5px solid #003366;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.27);
  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  background-color: #c0deed; 
}
  
.blockquote p {
  margin: 0; 
}
 
.address {
  line-height: 14px;
  font-size: .82em;
  font-weight: bold;
}

.address2 {
  line-height: 14px;
  font-size: .76em;
  font-weight: bold;
}

.phone {
  margin-top: 3px;
  font-size: .82em;
  font-weight: bold;
}

.bob-map {
  border-width: 1px;
  border-style:solid;
  border-color: #666666;
  margin: 8px 0px 4px 0px;  
}

.hours {
  font-size: .82em;
  font-weight: bold;
}

.giftcard {
  margin: 8px 0px 4px 0px;  
}
/*** CONTENT ***/

/*** FOOTER ***/
#footer {
  width: 1024px;
  margin: 8px 0px 23px 0px;
  color: #231f20;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: .76em;
  text-align: right;
}

#footer a {
  color: #231f20;
}
#footer a:hover {
  color: #faf9dd;
}
  
/*** FOOTER ***/