/*
Theme Name: CiteUp
Theme URI: http://lcl.citeup.com
Description: Developing CiteUp theme by <a href="http://thefactoryi,com/">TFI</a>
Version: 0.1
Author: Alexander Leon
Author URI: http://thefactoryi.com
Tags: starkers, naked, clean, basic
*/
/*
  Red: #f00;
  Black: #000;
  White: #fff;
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{
  background:#f6f879 url('style/images/body-bg.jpg') repeat-x 0 0; 
  font-family:"Trebuchet MS", arial, sans-serif;
  font-size:12px;
  line-height:21px;
  color:#666;
}
a{
	color:#ff3300;
	text-decoration:none;
}
a:hover{
	color:#ff9900;
}
p{
  text-align:left;
  margin:5px 0 10px 0;
}
ul{ 
  list-style-position:outside;
}


h2{
  font-size:22px;
  color:#D0D07B;
}
h3{
  font-size:17px;
  margin-top:26px;
  color:#D0D07B;
}
  h3 a{
    color:#D0D07B;
  }
h4{
  border-top:2px dotted;
  color:#D0D07B;
  font-size:17px;
  margin-top:18px;
  padding:10px 0 0;
}
.clear{
  display:block;
  clear:both;
}

.page-wrapper{
  width:902px;
  background:#f3f0ed;
  margin:0 auto;
  position:relative;
  border:0;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}
#content{
  padding:0 30px 0 22px;
}
#innercontent{
  padding:0 1px;
  background:#fff;
}

#searchform{
  display:inline;
  
}
#searchform input[type="text"]{
  border:1px solid #eaeaea;
  color:#333;
  padding:2px 4px;
  position:absolute;
  right:10px;
  top:40px;
}

.top-banner{
  height:101px;
  overflow:visible;
  padding:0;
  position:relative;
  z-index:100;
}
  .top-banner img{
    margin:2px 0 0 8px;
    position:absolute;
    z-index:10;
  }
  .top-banner .top-nav{
    background: transparent url('style/images/nav-bg.jpg') no-repeat 0 0;
    height:30px;
    top:71px;
  }
    .top-banner .top-nav #searchform{
      float:right;
      padding-top:4px;
      margin-right:10px;
    }
  .top-nav .home-btn{
    background:#ff9933;
    color:#fff;
    line-height:31px;
    margin:10px;
    padding:2px 9px;
  }
  .top-banner ul.main-nav{
    height:24px;
    position:absolute;
    bottom:0;
    left:135px;
    font-size:12px;
    font-weight:bold;
    list-style:none;
  }
    .top-banner ul.main-nav li{
      /*background: transparent url('style/images/main-nav-li-end.gif') no-repeat 100% 0;*/
      border-right:1px solid #8D7150;
      float:left;
      margin:0 1px;
      list-style:none;
    }
      .top-banner ul.main-nav li.nopipe{
        border:0;
      }
      .top-banner ul.main-nav li a{
        color:#6699CC;
        display:block;
        padding:0 6px;
        text-align:center;
        text-decoration:none;
      }
      .top-banner ul.main-nav li.current_page_item{
        color:#cccc66;
        /*background-image: url('style/images/main-nav-li-end-selected.gif'); */
      }
        .top-banner ul.main-nav li.current_page_item a{
          color:#cccc66;
          /*background-image: url('style/images/main-nav-li-start-selected.gif');*/
        }
        
.citeup-callout{
  /*background: transparent url('style/images/banner-slice.jpg') repeat-x 0 0;*/
  height:258px;
  overflow:visible;
  position:relative;
  font-size:13px;
}
  .citeup-callout .wrapper{
    background: transparent url('style/images/banner-bg.jpg') no-repeat 0 0;
    width:848px;
    height:257px;
    position:absolute;
    bottom:0;
  }
  .citeup-callout .intro{
    width:400px;
    position:absolute;
    top:90px;
    left:20px;
    color:#fff;
  }
    .citeup-callout .intro .dark{
      color:#333;
    }
    #learnmore{
      float:right;
      margin-top:7px;
    }

    
.event-registration-wrapper{
  float:right;
  margin-left:50px;
  border-left:2px dotted #D0D07B;
  padding:10px;
  z-index:99;
}
#frm-event-registration h2{
  color:#000033;
  font-size:12px;
}
.confirm-short{
  background:#FF9933;
  border:2px solid #D0D07B;
  /*display:none;*/
  margin-bottom:20px;
  padding:20px 100px;
  width:40%;
}
.confirm{
  padding:20px 100px;
  border:2px solid #D0D07B;
  background:#FF9933;
  margin-bottom:20px;
}
  .confirm p, .confirm-short p{
    color:white;
    font-size:13px;
    text-align:center;
  }
.register-link{
  background:#ff9933;
  color:#fff;
  line-height:31px;
  margin:10px 0;
  padding:2px 9px;
}
  .register-link:hover{
    color:#fff;
  }



.content-top{
  background: transparent url('style/images/content-top.png') no-repeat 0 0;
  width:1152px;
  height:47px;
}

.home-details{
  list-style:none;
  color:#7a7b7b;
  margin:20px 30px;
}
  .home-details li{
    float:left;
    width:23%;
    margin:0 5px;
  }
    .home-details li h2{
      font-size:14px;
      color:#7a7b7b;
      font-weight:normal;
    }
    .home-details li p{
      text-align:left;
      font-size:11px;
      line-height:14px;
    }
    
.content-panels  .wrapper{
  border-bottom:1px dashed #e2e2e2;
  padding:10px 5px;
}
  .content-panels  .wrapper h1{
    font-size:20px;
    font-style:italic;
    font-weight:bold;
    color:#6699cc;
    text-align:center;
  }
  
.social-bug{
  float:right;
}

.post ul.col{
  float:left;
  width:25%;
  list-style-type:none;
}



.tbl-content{
  min-height:300px;
}
  .tbl-content td{
    width:254px;
    padding:15px;
  }
  .tbl-content td.divider{
    background: transparent url('style/images/column-divider.gif') no-repeat 0 0;
    width:2px;
    padding:0;
  }
  .tbl-content h2{
    text-indent:-9999px;
    height:39px;
    width:100%;
    background: transparent no-repeat 0 0;
    margin-bottom:10px;
  }
    .tbl-content td.services h2{
      background-image:url('style/images/title-ourservices.gif');      
    }
    .tbl-content td.team h2{
      background-image:url('style/images/title-ourteam.gif');      
    }
    .tbl-content td.events h2{
      background-image:url('style/images/title-events.gif');      
    }
    
    .event h4{
      background:#cbcdcd;
      font-size:11px;
      padding:5px;
    }
    
.team{
  
}
  .team .thumb{
    border:5px solid #999;
    float:left;
  }
  
  
  
.company{
  background: #3e3e3e url('style/images/company-slice.jpg') repeat-x 0 0;
  min-height:279px;
  overflow:visible;
  position:relative;
  padding:4px 160px;
  border-bottom:10px solid #333;
  color:#fff;
}
  .company .wrapper{
    /*background: transparent url('style/images/banner-bg.jpg') no-repeat 0 0;*/
    width:861px;
    position:relative;
    bottom:4px;
  }
    .company .wrapper table td{
      padding:20px 20px;
    }
    
  .company .content{
    width:524px;
  }
  .company h2,.company h3{
    color:#deeef4;
    margin:25px 0 5px;
  }
  .company-top{
    background: transparent url('style/images/company-top.jpg') no-repeat 0 0;
    width:1152px;
    height:51px;
  }
  .company ul{
    
  }
  
  .hoz-stripe{
    background:#99a2ac url('style/images/hoz.jpg') no-repeat center;
    height:2px;
  }
  
  .newsletter-formwrapper{
    position:absolute;
    right:5px;
    border-left:1px dotted #ff8657;
    padding:10px;
    margin:10px;
  }
  .submit{
    margin:10px;
    padding:2px 9px;
    background:#FF9933 none repeat scroll 0 0;
    color:#FFFFFF;
    border:0;
  }
  
  
  
ul.arrows{
  margin:10px 40px;
  list-style:none;
}
ul.arrows li{
  list-style:none;
  list-style-image:url('style/images/li-arrow.gif');
}

.footer{
  padding:25px;
  min-height:150px;
  border-top:1px dashed #E2E2E2;
}
  .footer .sections{
    list-style:none;
  }
    .footer .sections li{
      float:left;
      width:30%;
      padding:10px;
      position:relative;
      border-right:2px dotted #ff8657;
      min-height:300px;
    }
    .footer .sections li:last-child{
      border:0;
    }
      .footer .sections li h3{
        margin-top:8px;
      }
  .footer .sections .news{
    border:0;
  } 
    .footer .sections .news ul li{
      border:0;
      width:100%;
      height:100%;
      line-height:16px;
      list-style:none;
      min-height:1px;
      margin:0 0 10px 0;
      padding:0;
    }
    .footer .sections .news ul li .date{
      display:block;
    }
  
.tweets .tweet{
  position:relative;
  width:110%;
  margin:15px 0;
}
  .tweets .tweet p{
    font-size:10px;
    line-height:12px;
    margin:2px;
  }
  .tweets .tweet img{
    float:left;
    margin:0 5px;
  }
  .tweets .tweet .from{
    font-weight:bold;
  }
  .tweets .tweet .from a{
    
  }
  .tweets .tweet .time{
    font-size:10px;
    line-height:12px;
    color:#999;
  }
      
      
        
.post-wrapper{
  padding:25px;
  min-height:300px;
}
  .post-wrapper ol{
    list-style-image:none;
    list-style-position:inside;
    list-style-type:decimal;
    padding:5px 10px;
    margin:10px;
  }
  .post-wrapper .news-list{
    list-style:none;
  }
    .post-wrapper .news-list li{
      margin:15px 0;
    }
    .post-wrapper .news-list .summary{
      margin:5px 0 0 0;
    }
    .post-wrapper .news-list .time, .post-wrapper .news-list .author{
      font-size:10px;
      margin:0;
    }
  
  .post ul{
    list-style-position:inside;
    list-style-type:decimal;
    margin:5px 20px;
  }

.subnav{
  width:233px;
  border-right:1px dotted #ff8657;
  float:left;
  margin:10px;
  list-style:none;
  font-size:14px;
  color:#757675;
  padding-left:20px;
}
  .subnav li{
    margin:5px 0;
  }
  .subnav a{
    color:#757675;
    padding:2px 4px;
  }
  .subnav a:hover{
    background:#d0d07b;
    color:#fff;
  }
  .subnav .current_subnav_item a{
    background:#d0d07b;
    color:#fff;
  }
  
ul.clean{
  list-style:none;
}
  


form .group{
  width:215px;
}
h2.required{
  font-size:14px;
}
h2.required span.required{
  color:#FF9933;
}
form .failed{
  background:#fcc9c9;
  border:1px solid red;
  color:#000;
}
.newsletter{
  border:1px solid #EAEAEA;
  color:#333;
  padding:2px 4px;
}
.news{
  border-top:2px dotted;
  color:#D0D07B;
  margin:15px 0 0;
  padding-bottom:5px;
}
  .news .time{
    font-size:10px;
    margin-top:0;
  }
  .news h3{
    margin:15px 0 0 0;
  }
  .news h4{
    border:0;
    color:#666;
    font-size:13px;
    margin:0;
    padding:0;
  }
  .news p{
    color:#666;
  }


.img-gallery{
  float:right;
  background:#bbb;
  padding:10px;
  width:225px;
  margin:0 10px 0 30px;
  z-index:100;
}
  .img-gallery h3{
    margin:10px 0;
    padding:0;
  }
  .img-gallery .gal-nav{
    padding:0 8px;
  }
  .img-gallery .gal-nav .next{
    float:right;
  }
  .img-gallery .gal-nav .prev{
    float:left;
  }
ul#img-gallery{
  list-style:none;
  margin:0;
  padding:0;
}
#img-gallery li{
  height:100%;
  display:inline;
  width:100px; /* the width of our thumbnails */
  margin:5px;
}





#alrt{
  background:#FCC9C9; /* url(/_img/btn-alrt-close.png) no-repeat scroll 99% 18%;  */
  border:1px solid red;
  border-left:0; border-right:0;
  height:68px;
  width:100%;
  position:fixed;
  z-index:1000;
  top:0;
  text-align:center;
  display:none;
}
  #alrt p{
    font-size:16px;
    font-weight:bold;
    margin-top:23px;
    color:#c51640;
    text-align:center;
  }
  #alrt .close{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    width:12px;
    height:11px;
  }


/* ############################################################# */
/*                                                                        THICKBOX                                                                            */
/* ############################################################# */
  
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(_img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
  position: absolute;
  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
  overflow:hidden;
  position:relative;
}
/*
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
*/

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
  position: absolute;
  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}




/* ############################################################# */
/*                                                                          TOOLTIP                                                                             */
/* ############################################################# */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0;
	background-color: transparent;
	opacity: 0.95;
  color:#333;
  /*width:375px;*/
}
  #tooltip h3, #tooltip p, #tooltip td{
    color:#c51640;
    font-family:arial,sans-serif;
    font-size:1.2em;
  }
  #tooltip .about-restaurant{
    background:#fff2ca;
  }
  #tooltip .pop-body-wrapper{
    padding:4px;
  }
  #tooltip .pop-body{
    background:white;
    padding:5px;
    border:1px solid #ccc;
  }
  #tooltip .pop-wrapper .top .start, #tooltip .pop-wrapper .top .end, #tooltip .pop-wrapper .bottom .start, #tooltip .pop-wrapper .bottom .end {
    background:url(/_img/pop_shadows.png) 0 0 no-repeat;
  }
    #tooltip .pop-wrapper .top{
      height:10px;
      width:100%;
    }
      #tooltip .pop-wrapper .top .start{
        height:10px;
        background-position:0 0;
        width:80%;
      }
      #tooltip .pop-wrapper .top .end{
        float:right;
        height:10px;
        background-position:99% -1px;
        width:20%;
      }
    #tooltip .pop-wrapper .bottom{
      height:10px;
      width:100%;
    }
      #tooltip .pop-wrapper .bottom .start{
        height:10px;
        background-position:-1px 95%;
        width:80%;
      }
      #tooltip .pop-wrapper .bottom .end{
        float:right;
        height:10px;
        background-position:98% 95%;
        width:20%;
      }
    #tooltip .pop-body-wrapper{
      padding:0 10px;
      position:relative;
      overflow:hidden;
    }
      #tooltip .pop-body-wrapper .left{
        background:url(/_img/pop_shadows_ends.png) -1px 0 repeat-y;
        height:500px;
        left:0;
        position:absolute;
        width:10px;
      }
      #tooltip .pop-body-wrapper .right{
        background:url(/_img/pop_shadows_ends.png) -10px 0 repeat-y;
        height:500px;
        right:0;
        top:0;
        position:absolute;
        width:10px;
      }
      #tooltip hr.rest{
        color:#e96c00;
      }
      

  #tooltip h3, #tooltip div { margin: 0; font-weight:bold; }

/*  form validation messages  */
#tooltip.failed {
	position: absolute;
	z-index: 3000;
	border:1px solid red;
	background-color:#fcc9c9;
	padding: 5px;
	opacity: 0.85;
  color:#c51640;
}