@import url(tripoli.base.css); 
@import url(tripoli.visual.css); 
@import url(tripoli.type.css); 
@import url(tripoli.layout.css); 
/* your custom styles goes here */


/* @group Globals
===================================== */

/* @group Globals - Body
===================================== */

body {
	background: #ecebeb url(../img/bg_home.jpg) repeat-x;
/*	background-color: #999999;	*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333333;	
}

body.l1 #primary {
	margin-right:2.5em;
	width:47em;
}

body.l2 {
	background: #ecebeb url(../img/bg_main.jpg) repeat-x;
}

body.l2 #primary {
	background: #ffffff;
	margin-left:24em;
	width:49.5em;
	padding:1.5em;
	overflow:hidden;
	min-height:40em;
}

body.page #primary {
	min-height:43em;
}

body.l2 #secondary {
	width:23em;
}


/* @end Globals - Body
-------------------------------- */

/* @group Globals - Content
===================================== */

input[type="text"], input[type="password"], textarea  {
	font-family:inherit;
}

.seperator {
	clear:both;
	display:block;
	margin:1em 0;
	width:100%;
	height:4px;
	background:#e7e7e7;
}

.top-border {
	border-top:4px solid #f1f1f1;
}

.home #content-area{
	margin-top:30px;
	padding-left:0.8em;
}


.clearfix {
    clear: both;
}


a,a:visited,a:link,a:active {
	color:#333333;
}

a:hover, a:hover img {
	opacity:0.7;filter:alpha(opacity=70);
}

img.shadow {
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

img.lightshadow {
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.uppercase {
	text-transform:uppercase;
}

.hidden {
	display:none;
}

/* @end Globals - Content
-------------------------------- */


/* @group Globals - Headings (H2-H6)
===================================== */

.title {
	float:left;
}

.home h4.title {
	margin:0.33em 0 0.315em;
}

.subtitle {
	padding-left:1.1em;
	background:url(../img/icon_arrow.png) no-repeat left center;
	float:right;
	margin:0.65em 0 0;
	text-align:right;
}


h1 a, h2 a {
	text-decoration:none;
}

/* @end Globals - Headings (H2-H6)
-------------------------------- */


/* @group Globals - Lists (UL, OL)
===================================== */

/* @end Globals - Lists (UL, OL)
-------------------------------- */


/* @end Globals
===================================== */


/* @group Header 
===================================== */


/* @group Header - General
===================================== */

#header { 
	background: url(../img/bg_header.jpg) no-repeat 10px 0;  
	padding-top:15px; 
	z-index:100; 
}

#logo { display:inline;   }
#logo a {  
	width:190px; 
	height:79px;
	margin-left:10px; 
	text-indent:-9999px; 
	display:block; 
	background: url(../img/logo.png) no-repeat;  
}


/* @end Header - General
-------------------------------- */

/* @group Header - Nav
===================================== */

#nav-main {
	position:absolute;
	right:0;
	top:70px;
	list-style: none;
	}

#nav-main li {
	float: left;
	margin: 0 0 0 17px;
	font-size: 1.0em;
	}

#nav-main a {
	display: block;
	padding: 2px 0 4px;
	text-decoration: none;
	font-weight:bold;
	color: #ffffff;
	text-transform:uppercase
	}
#nav-main a:hover {
	color: #d7bb33;
	}

#nav-main li.current_page_item a, #nav-main li.current_page_ancestor a{
	color: #d7bb33;
	}

/* @end Header - Nav
-------------------------------- */

/* @group Header - Featured
===================================== */
#header .featured {
	width:940px;
	height:410px;
	background:url(../img/featured_1.jpg) no-repeat;
	margin:10px 0 0 10px;
	position:relative;
		-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);	
}

.category #header .featured, .single #header .featured {
	height:246px;
	background:url(../img/featured_happening.jpg) no-repeat;
}

.menu #header .featured {
	height:246px;
	background:url(../img/featured_menu.jpg) no-repeat;
}

.about #header .featured {
	height:246px;
	background:url(../img/featured_about.jpg) no-repeat;
}

.gallery #header .featured {
	height:246px;
	background:url(../img/featured_gallery.jpg) no-repeat;
}

.contact #header .featured {
	height:246px;
	background:url(../img/featured_contact.jpg) no-repeat;
}

#header .featured ul {
		list-style: none;
		position:absolute;
		left:0;
		bottom:0;
		margin:0;
		padding:0;

}

#header .featured li {
	float: left;
	margin: 0 1px 0 0px;
	padding:20px 10px 20px 20px;
	font-size: 1.0em;
	background:url(../img/featured_bg.png);
	color: #999999;
	width:204px;
	}
	
	
#header .featured li  a {
	display: block;
	font-weight:bold;
	color: #999999;
	}

#header .featured li:hover, #header .featured li.active  {
	background:url(../img/featured_bg_on.png) repeat-x;
	border:1px solid #d2d2d2;
	padding:19px 9px 19px 19px;
	color:#ffffff;
}

#header .featured li:hover a, #header .featured li.active a {
	color:#ffffff;
}
	
/* @end Header - Featured
-------------------------------- */

/* @end Header 
-------------------------------- */

/* @group Footer
===================================== */

/* @group Footer - Featured
===================================== */

.narrow-col{
	width:33%; 
	float:left;	
}

.wide-col {
	width:22.2em; 
	float:left;	
}

.firstcol {
	margin-right:2.5em;
}

.wide-col .seperator, .narrow-col .seperator{
	background:#f3f3f3;
	height:1px;
}

#directions {
	border:none;
}

#directions td {
	vertical-align:top;
	border:none;
	padding-bottom:0.1em;
}

.subscription {
	background: url(../img/form_bg.png) no-repeat top center;
	text-align:center;
	
}

.subscription .content  fieldset {
	border:none;
	margin-top:0;
}

.subscription input[type='text'] {
	width:22em;
	height:2em;
	background:#f2f2f2;
	border:1px solid #cccccc;
	margin-bottom:1em;
	color:#999999;
	padding:5px 5px 0;
	width:20em;
	font-family:inherit;
}

.subscription input.submit {
	float:right;	
}

input.submit:hover {
	opacity:0.7;filter:alpha(opacity=70);
}

.subscription p {
	text-align:left;
	margin:0 1.5em;
}
/* @end Footer - Featured
===================================== */

/* @group Footer - Social / Copyright
===================================== */

#footer {
	border-top:4px solid #f1f1f1;
	padding-top:1em;
	margin-top:1em;
	margin-left:1em;
}

#footer .content {
	margin:0 1em;
}

#social-footer {
	margin:0;
}
#social-footer li {
	float:left;
	margin-right:1.45em;
	list-style:none;
}
#social-footer h5 {
	color:#666;
	margin:0.35em 0 0.615em;
}

#social-footer li img {
	opacity:0;filter:alpha(opacity=0);
}

#social-footer li.facebook {
	background:transparent url(../img/bg_social.png);
}
#social-footer li.facebook:hover {
	background-position:0 -30px;
}

#social-footer li.myspace {
	background:transparent url(../img/bg_social.png);
	background-position:-130px 0;
	height:30px;
}
#social-footer li.myspace:hover {
	background-position:-130px -30px;
}

#social-footer li.twitter {
	background:transparent url(../img/bg_social.png);
	background-position:-260px 0;
	height:30px;
}
#social-footer li.twitter:hover {
	background-position:-260px -30px;
}

#social-footer li.yelp {
	background:transparent url(../img/bg_social.png);
	background-position:-390px 0;
	height:30px;
}
#social-footer li.yelp:hover {
	background-position:-390px -30px;
}


#social-footer li.timeout {
	background:transparent url(../img/bg_social.png);
	background-position:-520px 0;
	height:30px;
}
#social-footer li.timeout:hover {
	background-position:-520px -30px;
}

#social-footer li.citysearch {
	background:transparent url(../img/bg_social.png);
	background-position:-650px 0;
	height:30px;
}
#social-footer li.citysearch:hover {
	background-position:-650px -30px;
}

#copyright {
	background:url(../img/linebreak.jpg) repeat-x 0 0;
}

#copyright #container {
	padding-left:1.5em;
}

#copyright .wide-col,#copyright .narrow-col {
	margin:1em 0 2em 0;
}

#copyright .wide-col {
	width:65%;
	padding-right:0.5em;
	float:right;
	text-align:right;
}

/* @end Footer - Social / Copyright
===================================== */

/* @end Footer
-------------------------------- */


/* @group Post
===================================== */

/* @group Post - Paging
===================================== */

#paging {
	list-style: none;
	float:right;
	margin-top:1em;
	margin-right:1em;
	}

#paging li {
	float: left;
	margin: 0 0 0 3px;
	font-size: 1.0em;
	background:#eeeeee;
	border:1px solid #c3c3c3;
	padding: 5px 10px;
	}

#paging a {
	display: block;
	text-decoration: none;
	font-weight:bold;
	color: #888888;
	text-transform:uppercase
	}

#paging li.active, #paging li:hover {
	border:1px solid #666666;
	}
	
#paging li.active a, #paging li:hover a {
	color:#666666;
}

/* @end Post - Paging
===================================== */
	

/* @group Post - Main
===================================== */

.post {
	margin-top:1em;
	border-bottom:1px solid #ebebeb;
}

body.single .post {
	border:none;
}

.post img {
	border:1px solid #cccccc;
	padding:1em;
	margin:1em 0;
}

.more-link {
	color:#990000;
	text-decoration:none;
}



.post h1, .post h2, .post h3, .post h4, .post h5 {
	color:#666666;
}

/* @end Post - Main
===================================== */


/* @group Post - Short
===================================== */

.short-post img {
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	float:left;
	margin-right:2em;
	margin-top:1.5em;
	width:80px;
}

.short-post {
	padding-bottom:0.5em;
	margin-top:1em;
	border-top:1px solid #ebebeb;
	overflow:hidden;
}

.post-title {
	font-size:1.2em;
	line-height:1;
	margin:1.23em 0 0.515em;	
}

.short-post .post-title a {
	text-decoration:none;
}

.short-post p {
	margin:0;
}

.short-post .meta {
	margin-top:5px;
}

.meta {
	font-size:0.9em;
}

.l2 .meta {
	margin-bottom:0.5em;
	color:#666666;
}

.meta .comments{
	padding-left:22px;
	background:url(../img/icon_comments.png) no-repeat 0 0;
}

/* @end Post - Short 
-------------------------------- */

/* @group Post - Comments
===================================== */

#comments-area h2 {
	margin-top:2em;
}

div.avatar {
	margin-right:1em;
	float:left;
	width:5em;
	text-align:center;
}

div.avatar img {
	border:1px solid #dddddd;
	padding:0.6em;
}

div.avatar span {
	color:#660000;
	font-size:0.9em;
	padding-top:1em;
	display:block;
}

.comment  {
	color:#848484;
	overflow:hidden;
	border-top:1px solid #cccccc;
	padding:1.5em 0.5em 1.5em 0;
	position:relative;
}

.comment .detail {
	width:87%;
	float:right;
}

.comment h4 {
	margin:0.23em 0 0.615em;
	}
	
	
.comment a,.comment a:visited,.comment a:link,.comment a:active {
	color:#848484;
}
	
.comment .timestamp {
	position:absolute;
	right:10px;
	top:20px;
	font-size:0.9em;
	color:#666666;
}

.comment.bg {
	background:url(../img/bg_comment.jpg) repeat-x;
}

#comments-area h3 {
	border-top:1px solid #cccccc;
	margin:0.14em 0 0.57em;
	padding-top:1em;
}

#comments-area input[type='text'], #comments-area input {
	margin-bottom:1em;
}

#comments-area input[type='text'] {
	width:19em;
	height:1.5em;
}

#comments-area #comment {
	width:45em;
	height:8em;
	margin-bottom:1em;
}

#comments-area label {
	font-size:0.9em;
	color:#848484;
}

/* @end Post - Comments 
-------------------------------- */

/* @end Post
===================================== */


/* @group Gallery
===================================== */

/* @group Gallery - Sidebar
===================================== */

.gallery.short {
	margin-top:1em;
	padding-top:1.5em;
	border-top:1px solid #ebebeb;
}

.gallery.short img{
	width:135px;
}

.gallery .thumb {
	float:left;
	margin:0 16px 20px 0;
	position:relative;
}
.gallery .thumb.last {
	margin:0;
	margin-bottom:20px;
}

.gallery .thumb span {
	position:absolute;
	left:0;
	bottom:0;
	height:1em;
	width:115px;
	padding:0.6em 1em 1em;
	color:#FFFFFF;	
	background:url(../img/featured_bg.png);
	font-size:0.8em;
}

.gallery .thumb img {
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}



/* @end Gallery - Sidebar
===================================== */


/* @group Gallery - Video
===================================== */
.video {
	padding-bottom:1.5em;
	margin-left:1em;
}


/* @end Gallery - Video
===================================== */

/* @end Gallery
===================================== */

/* @group Sidebar
===================================== */

#secondary, #secondary a {
	color:#666666;
}

.home #secondary, .home #secondary a {
	color:inherit;
}

#secondary ul {
	clear:left;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #999999;

}

#secondary li {
	padding:0.5em 2em 0.5em 0.2em;
	border-top: 1px solid #999999;
}

#secondary li.last {
	border-bottom: 1px solid #999999;
}


#secondary li:hover, #secondary li.current_page_item {
	background:#d4d4d4;
}

#secondary li:hover a:hover {
	opacity:1;filter:alpha(opacity=100);
}

#secondary a {
	text-decoration:none;
}

#secondary ul .sub {
	float:right;
}


body.l2 #secondary h4 {
	margin-top:4.2em;
	padding-bottom:0.3em;
}

#secondary .banner {
	margin-top:4em;
}


/* @end Sidebar
===================================== */

/* @group Pages 
===================================== */

/* @group Pages - Home
===================================== */

.home #secondary a {
	text-decoration:underline;
}

#directions td {
	padding-left:0;
}

/* @end Pages - Home
===================================== */


/* @group Pages - Contact
===================================== */

.contact #comments-area label {
	color:#666666;
	font-weight:bold;
	font-size:1em;
}

#comments-area input[type='text'] {
	margin-top:0.5em;
}


.error p {
	color: #C03;
	}
	
input.error, select.error, textarea.error,input.error:focus, select.error:focus, textarea.error:focus {
	border: 2px solid #C03;
	background-color: #FFFFD5;
	margin: 0px;
	color: #C03;
}	

.contact #comments-area label.error {
	font-size:0.9em;
	font-weight:normal;
	color:#C03;
	margin-left:0.25em;
}

.contact #secondary li:hover{
	background:none;
}

#secondary .directions {
	font-weight:bold;
	border-top:1px solid #999999;
	border-bottom:none;
}

#secondary .directions li {
	border:none;
	position:relative;
}

#secondary .directions li .sub {
	float:none;
	position:absolute;
	left:105px;
}

/* @end Pages - Contact
===================================== */


/* @group Pages - Menu
===================================== */

ul.drinks  {
	float:left;
	margin:0;
	width:24em;
}

.drinks li {
	list-style:none;
	border-top:1px solid #e5e5e5;
	padding:0.3em 0;
	position:relative;
}

.drinks li.last {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:2em;
}

.drinks li .price {
	position:absolute;
	right:0;
	top:0.3em;
}

ul.right {
	margin-left:1em;
}

.menu .seperator {
	background:#cccccc;
}

/* @end Pages - Menu
===================================== */


/* @group Pages - Gallery
===================================== */

.album {
	float:left;
	margin-left:1em;
	width:285px;
	text-align:left;
}

.album.right {
	margin-left:1.9em;
}

.album img {
	opacity:1;filter:alpha(opacity=100);
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);	
	width:285px;
}

.album img:hover {
	opacity:0.6;filter:alpha(opacity=60);
}

.gallery .seperator {
	background:#999999;
	height:1px;
	margin:2em 1em 0;
	width:auto;
}



/* @end Pages - Gallery
===================================== */


/* @end Pages
===================================== */