/*
Theme Name: Cincin
Author: Kin Lo
Version: 1.0
Author URI: http://www.kinlodesigns.com
*/


/* ---------------------------------------------------------------------------- MAIN --------------------------------------------------------- */
body {
       margin: 0px;
       padding: 0px;
       overflow-x:hidden;
       -webkit-font-smoothing: subpixel-antialiased;
}


html, body {
     height: 100%;
     background:#000;
     font-family: 'Ubuntu', sans-serif;
     font-weight:100;
     font-size:11px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
  line-height:15px;
}


#main a{
  text-decoration: none;
  color:#F37320;
  
}

h1,h2,h3,h4,h5,h6{
  font-weight:100;
  margin:0;
  padding:0;
}
 
p{
   margin:0;padding:0;
   margin-bottom:20px;
}
 

ul, li{
  margin:0; padding:0;
  list-style:none;
}
 

#wrapper {
       width: 100%;
       min-height: 100%;
       height: auto !important;
       height: 100%;
       background:url(images/black45.png);
       margin: 0px 0px -47px 0px;
    
}



.page-id-6 #wrapper, .page-id-11 #wrapper, .page-id-639 #wrapper{

       width: 100%;
       min-height: 100%;
       height: auto !important;
       height: 100%;
       background:url(images/black45.png);
       margin: 0px 0px -47px 0px;

}

.page-id-581 #wrapper{
         width: 100%;
       min-height: 100%;
       height: auto !important;
       height: 100%;
       background:url(images/black45.png);
       margin: 0px 0px -47px 0px;
}

.page-id-584 #wrapper{
         width: 100%;
       min-height: 100%;
       height: auto !important;
       height: 100%;
       background:url(images/black45.png);
       margin: 0px 0px -47px 0px;
}
 
 
#content_wrapper {
       width: 100%;
       padding: 50px 0px 70px 0px;
}
 
#footer_wrapper, #content_wrapper {
       min-width: 725px;
}
 
#content_inner_wrapper {
       width: 725px;
       margin: 0px auto;
}
 
#main{
   float:right;
   width:350px;
   padding:20px 25px;
   background:url(images/black50.png);
   
}

#main{
  
}

.page-id-6 #main p, .page-id-581 #main p{
  font-size:12px ;
  line-height:18px;
}



.page-id-584 #main{
    background:url(images/black80.png);
}
 
.page-id-646 #main{
    background:url(images/black65.png);
}


.page-id-650 #main{
    background:url(images/black50.png);
}

a#logo{
  width:135px;
  height:38px;
  background:url(images/logo.png);  
  margin-bottom:30px;
  display:block;
}

#blackpanel{
  display:none;
}

h1{
  font-size:14px;
  text-transform: uppercase;  
}

h2{
  font-size:14px;
  margin-bottom:15px;
  font-style:italic;
}

.entry-meta{
  display:none;
}
  /* ---------------------------------------------------------------------------- NAV --------------------------------------------------------- */
 
 #nav{
   float:left;
   width:300px;
   min-height:400px;
}
 
#nav ul li a{
   text-transform: uppercase;
   color:#fff;
   font-size:36px;
  font-weight: 100;
   text-decoration: none;
   line-height:40px;
   -webkit-transition:color .3s ease-in;  
   -moz-transition:color .3s ease-in;  
   -o-transition:color .3s ease-in;  
   transition:color .3s ease-in;  
}
 
#nav ul li a:hover{
    color:#F37320;
  
}
 
#nav ul li.current-menu-item a{
  color:#F37320;
}



 
.current-menu-item .sub-menu, .current-page-parent .sub-menu{
  display:block;
}

#nav .current-menu-item ul.sub-menu li a, #nav .current-page-parent ul.sub-menu li a{

  
}

#nav ul.sub-menu li a:hover{
  color:#F37320;

}
#nav ul.sub-menu{
  border-left:1px solid #F37320;  
  margin:0px 0px 0px 25px;
}
#nav ul.sub-menu li a{
  font-size:18px;
  line-height:20px;
  color:#fff;
  padding-left:10px;

}

#nav ul li.current-page-ancestor ul.sub-menu li a{
  color:#fff;
}
#nav ul li.current-page-ancestor ul.sub-menu li a:hover{
  
  color:#F37320;
}
#nav ul li.current-page-ancestor a{
  color:#F37320;
}

#nav .current-page-parent ul.sub-menu li.current-menu-item a{
  color:#F37320;
}

#nav .current-page-parent ul.sub-menu{
  
}

/* ---------------------------------------------------------------------------- BGS --------------------------------------------------------- */

html.page-id-581, body.page-id-581, html.page-id-584, body.page-id-584,
html.page-id-639, body.page-id-639, body.page-id-646, body.page-id-650{
  background: url(images/home-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
html.page-id-6, body.page-id-6{
  background: url(images/home-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-10, body.page-id-10{
  background: url(images/about-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-30, body.page-id-30{
  background: url(images/team-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-32, body.page-id-32{
  background: url(images/praise-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-34, body.page-id-34{
  background: url(images/gallery-bg2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


html.page-id-671, body.page-id-671{
  background: url(images/menubg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-761, body.page-id-761{
  background: url(images/cookbook-background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


html.page-id-36, body.page-id-36{
  background: url(images/about-community-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-11, body.page-id-11{
  background: url(images/food-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-42, body.page-id-42{
  background: url(images/food-first-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-195, body.page-id-195{
  background: url(images/food-pastarisotto-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-104, body.page-id-104{
  background: url(images/food-main-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-110, body.page-id-110{
  background: url(images/contorni-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-114, body.page-id-114{
  background: url(images/food-dessert-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-117, body.page-id-117{
  background: url(images/lunch-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-120, body.page-id-120{
  background: url(images/pizza-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.page-id-666 #nav ul li#menu-item-192 a{
  color:#F37320;
}

html.page-id-666, body.page-id-666{
  background: url(images/reservations-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-12, body.page-id-12{
  background: url(images/bar-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-13, body.page-id-13{
  background: url(images/wine-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-15, body.page-id-15{
  background: url(images/groups-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-16, body.page-id-16{
  background: url(images/contact-bg-new.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.page-id-18, body.page-id-18{
  background: url(images/social-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-653, body.page-id-653{
  background: url(images/primi-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-686, body.page-id-686{
  background: url(images/mallmann_bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html.page-id-730, body.page-id-730{
  background: url(images/25_anni.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
  
 /* ---------------------------------------------------------------------------- FOOTER --------------------------------------------------------- */

#footer_wrapper {
       width: 100%;
       height: 47px;
       background:#fff;
       z-index:99999999;
       
}
 
 
#footer_inner_wrapper{
   margin:0px 50px;
}
 
#footer_wrapper #footer_inner_wrapper p{
  color:#000;
  padding:0;
    margin:0;
    float:left;
    font-size:11px;
    line-height:14px;
    padding-top:9px;
    font-weight:400;
    width:525px;
    
}

#footer_wrapper #footer_inner_wrapper p a{
  text-decoration: none;
  color:#000;
  -webkit-transition:color .5s ease-in;  
   -moz-transition:color .5s ease-in;  
   -o-transition:color .5s ease-in;  
   transition:color .5s ease-in;  
}

#footer_wrapper #footer_inner_wrapper p a:hover{
  color:#F37320;
  }

#footer_wrapper #footer_inner_wrapper #socialmedia{

  padding-top:15px;
}

#toptablelogo{
  float:right;
  width:114px;
  height:19px;
  display:block;
  background:url(images/toptablelogo.jpg) bottom no-repeat;
  padding-top:15px;
  
}

#toptablelogo:hover{
  
  opacity:0.3;
  -webkit-transition:opacity .5s ease-in;  
   -moz-transition:opacity .5s ease-in;  
   -o-transition:opacity .5s ease-in;  
   transition:opacity .5s ease-in;  
  
}
#socialmedia{
  width:124px;
  height:19px;
  display:block;
  float:left;
  margin-right:5px;
}

a#fb, a#tw, a#fl, a#yt, a#gc, a#ins, a#lk{
  width:22px;
  margin-left:1px;
  position:relative;
  top:-2px;
  height:22px;
  display:block;
  float:left;
  background:url(images/fb.jpg);
}

a#tw{
  background:url(images/tw.jpg);
}
a#fl{
  background:url(images/fl.jpg);
}
a#yt{
  background:url(images/yt.jpg);
}
a#gc{
  background:url(images/gc.jpg);
}
a#ins{
  background:url(images/ins.jpg);
}
a#lk{
  background:url(images/lk.jpg);
}
#socialmedia a:hover{
  opacity:.5;
  -webkit-transition:opacity .3s ease-in;  
   -moz-transition:opacity .3s ease-in;  
   -o-transition:opacity .3s ease-in;  
   transition:opacity .3s ease-in;  
}

/* ---------------------------------------------------------------------------- HOME   --------------------------------------------------------- */
 
body.page-id-6{
  
}
.page-id-6 #main, .page-id-581 #main{
  
  width:350px;
}


.page-id-6 #main h1, .page-id-581 #main h1{
  text-transform: uppercase;
  font-weight:100;
  font-size:36px;
  line-height:35px;
  margin-top:0;
  color:#fff;
  margin-bottom:10px;
}

.page-id-6 #main p, .page-id-581 #main p{
  font-size:12px;
}
 
 
.page-id-6 #chefspeak, .page-id-581 #chefspeak{
  border-bottom:1px solid #F37320;
  border-top:1px solid #F37320;
}

.page-id-6 #chefspeak h1, .page-id-6 #mail-list h1, .page-id-581 #chefspeak h1, .page-id-581 #mail-list h1,
.page-id-6 #mushroom-intro h1, .page-id-581 #mushroom-intro h1{
  font-size:14px;
  color:#fff;
  font-weight:100;
  line-height:16px;
  padding:0;
  margin:0;
  margin-top:20px;
}

#mushroom-intro{
  border-bottom:1px solid #F37320;
}

.page-id-6 #mushroom-intro p, .page-id-581 #mushroom-intro p{
  font-size:11px;
}
.page-id-6 #chefspeak h2, .page-id-581 #chefspeak h2{
  
  font-style:normal;
}
.page-id-6 #chefspeak h2, .page-id-6 #mail-list a, .page-id-581 #chefspeak h2, .page-id-581 #mail-list a{
  font-size:11px;
  margin-bottom:20px;
  color:#fff;
  text-decoration:none;
  display:block;
}

.page-id-6 #chefspeak p, .page-id-581 #chefspeak p{
  line-height:13px;
  font-size:11px;font-style:italic;

  overflow: hidden;
}

.page-id-6 #mail-list, .page-id-581 #mail-list{
  border-bottom:1px solid #F37320;
  margin-bottom:15px;
  
}


.page-id-6 #mail-list a:hover, .page-id-581 #mail-list a:hover{
  color:#F37320;
}
.page-id-6 #mushroom-intro a, .page-id-581 #mushroom-intro a{
  color:#fff;
}
.page-id-6 #mushroom-intro a:hover, .page-id-581 #mushroom-intro a:hover{
  color:#F37320;
}
.page-id-6 #chefspeak p{
  
}
.page-id-6 #chefspeak p a, .page-id-581 #chefspeak p a{
  color:#F37320;
}

.page-id-6 #chefspeak p a:hover, .page-id-581 #chefspeak p a:hover{
  color:#F37320;
}


/* ---------------------------------------------------------------------------- TWITTER   --------------------------------------------------------- */



/* ---------------------------------------------------------------------------- ABOUT   --------------------------------------------------------- */

body.page-template-about-template-php{
}
 
.page-template-about-template-php #main{
  padding-bottom:0px;
}

/* ---------------------------------------------------------------------------- TEAM   --------------------------------------------------------- */
 
body.page-template-team-template-php{
}
 

.page-id-30 .profile{
  border-bottom:1px solid #F37320;
  margin-bottom:20px;
  padding-bottom:20px;
}

.profile img{
  float:left;
  padding-right:10px;
  padding-bottom:2px;
}


.profile .writeup{
  font-size:11px;
  line-height:14px;
}
 
.profile#last{
  border-bottom:none;padding-bottom:0px;
  
  
}
/* ---------------------------------------------------------------------------- PRAISE   --------------------------------------------------------- */

body.page-template-praise-template-php{
}
 
.page-template-praise-template-php #main{
  padding-bottom:0px;
}

.page-template-praise-template-php #main h1{
  font-size:14px;
  margin-bottom:15px;
}

.page-template-praise-template-php #main i{
  font-size:13px;
}

.page-template-praise-template-php #main b{
  font-weight:500;
  }
/* ---------------------------------------------------------------------------- GALLERY   --------------------------------------------------------- */



body.page-template-gallery-template-php .gallery{
  height:350px;
  width:530px;
}

body.page-template-gallery-template-php #main{
  margin-top:-118px;
  
}

body.page-template-gallery-template-php #main #black{
  position:fixed;
  width:100%;
  height:100%;
  z-index:0;
  margin-top:-67px;
  margin-left:-25px;
  background:url(images/black50.png);
}

body.page-template-gallery-template_groups-php #main #black{
  
    position:fixed;
  width:100%;
  height:100%;
  z-index:0;
  margin-top:-187px;
  margin-left:-25px;
  background:url(images/black50.png);
}

body.page-template-gallery-template-php #content_wrapper{
  padding-bottom:47px;
}
.gallery-item{
  float:left;
}
.gallery-item img{
  width:100px !important;
  height:100px !important;
  margin:5px;
  margin-top:0px !important;
  margin-bottom:5px;
}



#newgallery{
margin-left:20px;
  margin-top:170px;
  width:480px;
}

.page-id-671 #newgallery{
margin-left:20px;
  margin-top:170px;
  width:480px;
}

/* ---------------------------------------------------------------------------- FOOD   --------------------------------------------------------- */
.parent-pageid-11 #main h1{
  font-style:normal;
}
.parent-pageid-11 #main h2{
  line-height:19px;
  font-style:italic;
}

.parent-pageid-11 #main{

}
.parent-pageid-11 #main p{

  margin-bottom:0px;
  margin-top:13px;line-height:16px !important;
  
  
}

.parent-pageid-11 #main p em{

}
.parent-pageid-11 #main strong, .parent-pageid-11 #main b{
  font-style:normal;
  display:block;
  font-weight:700;
}

.parent-pageid-11 #main span{
line-height:16px !important;
}
/* ---------------------------------------------------------------------------- CONTACT   --------------------------------------------------------- */

table td{
  padding-bottom:13px;
}

table td h3{
  line-height: 19px;
}

#map{
  width:100%;
  height:200px;
  background:#999;
  margin-bottom:5px;
}



/* ---------------------------------------------------------------------------- SOCIAL   --------------------------------------------------------- */

.page-template-social-page-php form ul{
  margin-right:5px;
  margin-bottom:5px;
  float:left;
}
.page-template-social-page-php form{

  padding-bottom:20px;
  margin-bottom:20px;
}

.page-template-social-page-php form input[type="submit"]{
  cursor:pointer;
  padding: 3px 21px;
  background:#F37320;
  color:#fff;
  border:none;
  margin-top:3px;

}

.jta-tweet-profile-image-link{
  
  display:none;
}

.jta-tweet-timestamp a{
  display:block;
  color:#fff !important;
}

#tweets{
  margin-top:10px;
  border-bottom:1px solid #F37320;
  margin-bottom:20px;
}

.events{
  margin-top:20px;
  border-bottom:1px solid #F37320;
  padding-bottom:20px;
  margin-bottom:20px;
}

.events h3{
  margin-bottom:5px;
}

.events .event{
  padding-bottom:3px;
  display:block;
  line-height:13px;
  margin-bottom:5px;
  border-bottom:1px dotted #F37320;
  color:#fff;
}

#wpstats {
display: none;
}

.fname input, .lname input, .email input{
  width:100px; margin-bottom:10px;
}

.monthfield input, .dayfield input{
  width:20px;
}

.left_column{
  width:100px;
  float:left;
  margin-right:10px;
}

.middle_column{
  width:110px;
  float:left;margin-right:10px;
}

.right_column{
  width:110px;
  float:left;margin-right:10px;
}

.submit_column{
}

  #mc_embed_signup{
    width:100%;
    height:200px;
      border-bottom:1px solid #F37320;
  }  
  .mailchimp.left{
    float:left;
    margin-right:5px;
  }
  .mailchimp.right{
    width:120px;
    float:right;
  }
  .mailchimp ul{
    list-style-type:none;
    padding:0;
    margin:0;
  }
  .mailchimp input[type="text"], .mailchimp input[type="email"]{
    margin-bottom:14px;
    width:100px;
  }
  .mailchimp .birthday input[type="text"]{
    width:30px;
  }
  body.mac-os #mc_embed_signup input[type="submit"]{
    margin-top:2px;
    padding: 2px 30px 4px 30px;
  }
  body.mac-os.safari #mc_embed_signup input[type="submit"]{
    margin-top:7px;
    padding: 2px 31px 4px 31px;
  }
  body.mac-os.chrome #mc_embed_signup input[type="submit"]{
    margin-top:6px;
    padding: 3px 31px;
  }
  body #mc_embed_signup input[type="submit"]:hover{
    cursor:pointer;
  }
/* ---------------------------------------------------------------------------- TWITTER   --------------------------------------------------------- */


.twtr-widget { 
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 100%;
  position:relative;
  font-family:font-family: 'Muli', Helvetica, Verdana, Arial, sans-serif!important;
  zoom:1;
  margin-bottom:20px;
  /*background: blue;*/
}

.twtr-fullscreen{font-size:220%!important;}

.twtr-fullscreen .twtr-new-results{_display:none!important;}

.twtr-inactive{display:none;}

.twtr-widget a img{border:0!important;}


/* sets styles for header of twitter container | IF NOT SET TO DISPLAY:NONE, MAIN CONTAINER ELEMENT WILL APPEAR TO HANG DOWN DUE TO BLOCKING */
.twtr-hd {
  display: none;
}

/* sets styles for twitter container */
.twtr-doc{
  height: 100%;
  width: 100%;
  text-align:left;
  font-weight: normal;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

/* sets styles for footer of twitter container */
.twtr-ft {
  display: none;
}

.twtr-bd{padding:0 1px;}

/* sets style of individual tweets */
.twtr-widget .twtr-tweet-wrap{
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 9px 0px 9px 0px;
  overflow: hidden;
  zoom:1;
}

.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}

/* sets style for underline of tweets */
.twtr-widget .twtr-tweet {
  overflow: hidden;
  zoom:1;
}

.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important;}

.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}

.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important;}

.twtr-widget h3{font-size:11px!important;font-weight:normal!important;}

.twtr-widget h4{font-size:16px!important;}

.twtr-widget em,.twtr-widget .twtr-new-results{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1;}

.twtr-widget .twtr-new-results{text-align:center;padding:3px;margin:0 auto -10px auto!important;display:block;position:relative;bottom:5px;line-height:.9;}

.twtr-results-inner{line-height:1;font-size:100%;padding:4px 0;position:relative;bottom:-2px;width:40%;margin:0 auto;z-index:2;text-align:center;}

.twtr-results-hr{width:100%;position:relative;z-index:1;height:1px;border-bottom:1px dotted #ddd;bottom:7px;background:none;overflow:hidden;}

.twtr-new-results span{position:relative;z-index:3;top:0;display:block;font-size:9px!important;}

.twtr-fullscreen .twtr-new-results span{font-size:24px!important;}

.twtr-hd{padding:10px;position:relative;zoom:1;overflow:hidden;}

.twtr-fullscreen .twtr-hd{height:0;padding:0;}

.twtr-timeline {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  position:relative;
  overflow:hidden;
  z-index:2;
  height: auto;
  /*background: green;*/
}

.twtr-scroll .twtr-timeline{
  overflow-x:hidden;
  overflow-y:auto;
}

.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}

.twtr-ft{position:relative;}

.twtr-ft div{overflow:hidden;padding:10px;zoom:1;}

.twtr-ft span{float:right;text-align:right;}

.twtr-ft a{float:left;display:block;}

.twtr-ft a img{position:relative;top:2px;}

.twtr-ft span a{float:none;}

.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}

.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}

.twtr-img{height:25px;width:25px;}

.twtr-img img{width:30px;height:30px;}

.twtr-fullscreen .twtr-img img{width:72px;height:72px;}

.twtr-fullscreen a.twtr-join-conv{display:none;}

.twtr-tweet-text{margin-left:40px;}

.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}

.twtr-popular{font-size:10px;padding:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:inline-block;margin-top:3px;opacity:.8;}

.twtr-doc a{text-decoration:none!important;}

.twtr-doc a:hover{text-decoration:underline!important;}


/* ---------------------------------------------------------------------------- NEW GALLERY --------------------------------------------------- */
.page-id-284 #wrapper, .page-id-674 #wrapper{
  background:#fff;
}
.page-id-284 #nav, .page-id-284 #logo, .page-id-674 #nav, .page-id-674 #logo{
  display: none;
}
.page-id-284 #content_inner_wrapper, .page-id-674 #content_inner_wrapper
{
width:100%;}

.page-id-284 #content_wrapper, .page-id-674 #content_wrapper{
padding: 0px 0px 47px 0px;
}

#makeMeScrollable {
  width: 100%;
  height:100%;
  position: relative;

  
}
    
#makeMeScrollable div.scrollableArea img  {

  position: relative;
    height: 100%;
    width: auto; /* ie8 */
    float: left;
  margin: 0px 18px 0px 0px;
  padding: 0;
      /* If you don't want the images in the scroller to be selectable, try the following
         block of code. It's just a nice feature that prevent the images from
         accidentally becoming selected/inverted when the user interacts with the scroller. */
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
    
/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
  /* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
  min-width: 75px;
  width: 10%;
  height: 100%;
  /* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
  background-image: url(../content/img/about/divScroll/big_transparent.gif);
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  z-index: 200;
  left: 0;
  /*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
  cursor: url(../content/img/about/divScroll/cursor_arrow_left.png), url(../content/img/about/divScroll/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
  background-image: url(../content/img/about/divScroll/arrow_left.gif);        
  background-color: rgba(255,255,255,0.35);
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
  min-width: 75px;
  width: 10%;
  height: 100%;
  background-image: url(../content/img/about/divScroll/big_transparent.gif);
  background-repeat: repeat;
  background-position: center center;
  position: absolute;
  z-index: 200;
  right: 0;
  cursor: url(../content/img/about/divScroll/cursor_arrow_right.png), url(../content/img/about/divScroll/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
  background-image: url(../content/img/about/divScroll/arrow_right.gif);
  background-repeat: no-repeat;
  background-color: rgba(255,255,255,0.35);
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

div.scrollableArea
{
  position: relative;
  width: 100%;
  height: 100%;
}

/* ---------------------------------------------------------------------------- MOBILE   --------------------------------------------------------- */
body.mobile {
       margin: 0px;
       padding: 0px;
       overflow-x:hidden;
       
}


html.mobile, body.mobile {
     height: 100%;
     background:#000;
     font-family: 'Ubuntu', sans-serif;
     font-weight:100;
     font-size:11px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
  line-height:15px;
  text-align: center;
}

.mobile #logo img{
    width:100px;
  height:28px;
  margin-bottom:20px;
  display:block;
  margin:0 auto;
  padding-top:20px;
}


.mobile #menu{
  width:75%;
  margin:0 auto;
  margin-top:30px;
  margin-bottom:20px;
}


.mobile #menu a{
  font-size:28px;
  font-weight:100;
  color:#fff;
  line-height:30px;
  padding-bottom:2px;
  margin-bottom:5px;
  text-transform: uppercase;
  text-decoration: none;
  text-align:center;
  border-bottom:1px solid #F37320;
  display:block;
}

.mobile #social a#full {
  display:block;
  color:#fff;
  font-size:16px;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom:20px;
}

.mobile #home-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/cincin_celebrate_bg.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mobile #map-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-mapbg.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.mobile #reservations-page{
  padding:0;
  margin:0;
  width:100%;
  background:url(images/mobile-reservations-bg-new.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.mobile #food-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-foodbg.jpg);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
.mobile #food-menu{
  margin-top:0px !important;
  padding-top:0px !important;
}
.mobile #food-menu h1.page-title{

  font-size:28px;
  font-weight:100;
  color:#fff;
  line-height:30px;
  padding-bottom:2px;
  text-transform: uppercase;
  text-decoration: none;
  text-align:center;
  border-bottom:1px solid #F37320;
  display:block;
  width:90%;
  margin:0 auto;
  padding-top:16px;
  margin-bottom:5px;

}

.mobile #food-menu, .mobile #home-content{
  height:100%;
  overflow:auto;
}

.mobile #antipasti-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-food-first-bg-new.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile #pasta-risotto-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-food-pastarisotto-bg-new.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile #woodfiredmeats-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-food-main-bg-new.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile #dessert-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-food-dessert-bg-new.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile #lunch-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-lunchbg.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile #woodfiredpizza-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-woodfiredpizzabg.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile #mushroom-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-mushroom.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile #bar-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-barpagebg.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mobile #contact-page{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:url(images/mobile-contact-bg-new.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.mobile #social{
  text-align: center;
  margin:0 auto;
  width:185px;
}
.mobile a#fb, .mobile a#tw, .mobile a#fl, .mobile a#yt, .mobile a#gc, .mobile a#ins{
  background:none;
  margin:0 auto;
  display:block;
  float:left;
  margin:8px 7px;
}


.mobile a#fb img, .mobile a#tw img, .mobile a#fl img, .mobile a#yt img, .mobile a#gc img{
  width:25px;margin:0 auto;
  position:relative;

  height:25px;
  
}

.mobile #toptablelogo{
  background:none;
  text-align:center;
  float:none;
  width:auto;
}
.mobile #toptablelogo img {
width: 110px;
height: 19px;
margin:0 auto;
float:none;
margin-top:5px;
}
.mobile #blackfade{
  width:100%;
  height:100%;
  background:url(images/black65.png);
}


.mobile h1{
    font-size:28px;
  font-weight:100;
  color:#fff;
  line-height:30px;
  padding-bottom:2px;
  text-transform: uppercase;
  text-decoration: none;
  text-align:center;
  border-bottom:1px solid #F37320;
  display:block;
  padding-top:15px;
  width:70%;
  margin:0 auto;
  
  margin-bottom:5px;
}

.mobile a#back{
  font-size:20px;
  color:#fff;
  font-weight:100;
  line-height:25px;
  text-transform: uppercase;
  text-decoration: none;
  font-style:normal !important;
}
.mobile #resos h1{
  font-size:14px;
  color:#000;
  margin:0;
  font-weight:700;
  font-family:Arial;
  text-transform: capitalize;
  line-height:14px;
  width:100%;
  border:none;
  padding-top:8px;
}


.mobile #resos{
  width:220px;
  
  margin:0 auto;
  margin-top:10px;
}

.mobile #map2{
  height:230px;
  width:90%;
  overflow:hidden;
  margin:10px auto;  
}



.mobile #map-page p{
  line-height:16px;
  margin:5px;
  font-size:13px;
}
.OT_subtitle{
  font-style: none;
  font-size:11px !important;
}

#map-page h3 a{
  text-decoration: none;
  color:#F37320;
  
}
.mobile #food-page #menu{
  margin-top:14px;
  width:80%;
}

.mobile #food-page #menu a{
  border:none;
  background:url(images/black65.png);  
  font-size:17px;
  line-height:19px;
  margin:3px 0px;
  text-align:left;
  padding:6px 0px;
  padding-left:10px;
}

.mobile #food-page #menu a span{
  float:right;
  margin-right:10px;
  font-size:22px;
}
.mobile #food-page #menu a:hover{
  background:url(images/orange65.png);  
}

.mobile #food-page #menu a img{
  width:20px;
  height:20px;
  float:right;
  margin-top:0px;margin-right:5px;
}

.mobile #food-menu{
  width:80%;margin:0 auto;
  padding:0px 10%;
  margin-top:20px;
}

.mobile #food-menu h1{
  font-size:15px;
  border:none;
  margin-bottom:0px;
  padding-bottom:0px;
  font-style:normal !important;
  line-height:17px;
}


.mobile #food-menu h1#title, .mobile #food-menu h2#subtitle{
  display:none;
}
.mobile #bar-page p{
  width:75%;
  margin:0 auto;
  margin-top:20px;
  margin-bottom:20px;
}

.mobile #bar-page a{
  color:#F37320;
  text-decoration:none;
}

.mobile #contact-page a{
  color:#fff;
  text-decoration:none;
}

.mobile #food-menu b{
  display:block;
  margin-top:10px;
  font-style:normal !important;
}

.mobile #food-menu strong{
  display:block;
  margin-top:15px;
  font-style:normal !important;
}
.mobile #food-menu p span{
  line-height:11px;
}

.mobile #food-menu p em{

}
.mobile #food-menu p{

}

.mobile #food-menu p{
  
}

.mobile #food-menu{
}


.OT_ExtLink:link, .OT_ExtLink:visited, .OT_ExtLink:hover, .OT_ExtLink:active {
  width:230px !important;
}

.mobile .OT_wrapper, .mobile .OT_subtitle, .mobile .OT_list{
  width:220px !important;
  
}


.mobile .OT_day, .mobile .OT_time, .mobile .OT_party{
  width:185px !important;
}
.mobile .OT_wrapper{
}

.mobile .OT_title{
margin-top:10px !important;
  font-size:19px !important;
}

.mobile #datepicker{
  font-size:16px !important;
}




.reservation .OT_title{
  font-size:14px;
  text-transform: capitalize;
  
}

#main .reservation a{
  font-weight:400;
}

#main .reservation a{
  color:#666;
}

.reservation a.ui-state-active{
  color:#fff !important;
}
.reservation .OT_subtitle{
  font-size:12px;
  text-transform: capitalize;
  font-style:none;
  letter-spacing: 0px;
  
}

.reservation #OTButton a{
  color:#fff;
}

.reservation .OT_ExtLink{
  display:none !important;
}


.mobile #blackfade2 {
width: 100%;
height: 100%;
background: url(images/black65.png);
}

/* ----- INSTAGRAM ---------- */

#instagramfeed{
  

margin-bottom:5px; margin-top:20px;padding-top:20px;padding-bottom:20px;  border-top: 1px solid #F37320;
}

#instagramfeed #cutter{
  width:300px;
overflow:hidden;
}

#instafeed a img{
  margin:0px 2px;
  width:22%;
  height:22%;
}

#instagramfeed #thefeed{
  max-height:200px;
  overflow-y:auto;
  width:330px;
  margin-top:10px;
}

#instagramfeed h3{
  float:left;margin-right:5px;
}

#francismain{
  display:none;
}
 .mobile  #footer_wrapper{
  display:none;
}

.mobile #main.francis{
  width:80%;
  margin: 0 auto;
  padding:0px 10%;
  height:100%;
  background:url(images/mallmann_bg2.jpg);
  padding-bottom:50px;
  background-size:cover;
  
}

.anni #back{
  display:none;
}

.francis h1, .francis a#back{
  display:none;
}

.mobile .francis h1, .mobile .francis a#back{
  display:block;
}


.francis-gallery, .firedup-gallery{
width:360px;
  margin-top:10px;
}


.francis-gallery a div, .firedup-gallery a div{
  width:53px;
  height:53px;
  overflow:hidden;
  float:left;
  margin-right:6px;
  margin-bottom:6px;
}


#splash{
  position:absolute;
  width:100%;
  height:100%;
  background:url(images/cincin_fire.jpg);
  background-size:cover;
  z-index:999999;
  -webkit-font-smoothing: subpixel-antialiased;
}

#splash-box{
  background:url(images/black65.png);
  padding:35px 25px;
  width:320px;
  height:270px;
  text-align:center;
  margin: auto;
  position:absolute;
  top:0; left:0; bottom:0; right:0;
}

#splash-logo{
  width: 135px;
height: 38px;
background: url(images/logo.png);
display: block;
margin:0 auto;
margin-bottom: 20px;
}

#splash-box h1{
  font-size:17px;
  line-height:27px;
  font-weight:500;
}

#splash-box p{
  font-size:16px;
  line-height:21px;
  font-weight:100;
}

#splash-box p span{
  color:#F37320;
}

#splash-box a#continue{
  font-weight:500;
  font-size:12px;
  text-decoration: none;
  color:#F37320;
}


#splash-box #socialmedia{
  margin-top:30px;
}

#splash-box #toptablesplashlogo{
  background:url(images/toptablesplashlogo.png);
  width:93px;
  height:15px;
  display:block;
  float:right;
  margin-top:30px;
  
}

#splash-box a#fb{
  width:20px;
  height:20px;
  background:url(images/fb-splash.png);
}


#splash-box a#tw{
  width:20px;
  height:20px;
  background:url(images/tw-splash.png);
}
#splash-box a#yt{
  width:20px;
  height:20px;
  background:url(images/yt-splash.png);
}
#splash-box a#lk{
  width:20px;
  height:20px;
  background:url(images/lk-splash.png);
}
#splash-box a#ins{
  width:20px;
  height:20px;
  background:url(images/inst-splash.png);
}

@media all and (max-width: 380px)  {
  #splash-box{
    width:80%;
    padding:10%;
    height:90%;
  }
}


.page-id-730 h2{
  font-style:normal;
  text-transform: uppercase;
}



.page-id-744 h2{
  text-transform: uppercase;
  font-size:12px;
  font-style:normal !important;
  margin-top:30px;
}

.page-id-744 #back{
  display:none;
}

.page-id-744 {
    background: url(images/cincin_celebrate_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mobile h1#title{
  display:none;
}

.mobile #mobile-christmas-lunch-page{
  background:url(images/cincin_celebrate_bg.jpg)no-repeat center center fixed;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.mobile #mobile-christmas-lunch-page h2{
  font-style:normal !important;
  text-transform: uppercase;
  font-size:12px;
}

#celebrate{
  width:255px;
  height:116px;
  display:block;
  background:url(images/cincin_Celebrate_2015.png);
  background-size:contain;
  position:absolute;
  margin-top:20px;
}

/* DELETE TO LAUNCH */
#menu-item-749, .mobile #food-page a#menu-item-749, #celebrate{
  
}

/* reservation button style */
#sr-res-root:hover{
	cursor:pointer;
	opacity:0.9;

}

.covid{
	background: #cf1835;
    color: #FFF!important;
    font-size: 18px;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 15px;
}

.mobile .covid{
	display:block;
	width:200px;
	text-decoration:none;
	margin:0 auto;
}
.mobile .covid:last-child{
	margin-bottom:20px;
}

.mobile#home-content{
	background: url(images/home-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gradient{
	background:rgba(0,0,0,.5);
}