@import url('http://www.tribecacinemas.com/wp-content/themes/tribeca/styles/reset.css');
@import url('http://www.tribecacinemas.com/wp-content/themes/tribeca/styles/text.css');
@import url('http://www.tribecacinemas.com/wp-content/themes/tribeca/styles/960.css');


.fright{
	float:right;
	display:inline;
}
.fleft{
	float:left;
	display:inline;
}

.cover{
	-moz-background-size:cover!important;
	-webkit-background-size:cover!important;
	-o-background-size:cover!important;
	background-size:cover!important;
}
.bs(@x, @y, @b, @c){
	-moz-box-shadow:@x @y @b @c;
	-webkit-box-shadow:@x @y @b @c;
	-o-box-shadow:@x @y @b @c;
	box-shadow:@x @y @b @c;
}
.transition(@m, @t, @e){
	-moz-transition:@m @t @e;
	-webkit-transition:@m @t @e;
	-o-transition:@m @t @e;
	transition:@m @t @e;
}
.transform(@t){
	-moz-transform:@t;
	-webkit-transform:@t;
	-o-transform:@t;
	transform:@t;
}
.radius(@r){
	-moz-border-radius:@r;
	-webkit-border-radius:@r;
	-o-border-radius:@r;
	border-radius:@r;
}

.all{
	width:100%;
	position:relative;
}

.hide-text{
	overflow:hidden;
	text-indent:100%;
	white-space: nowrap;
}

/*defining variables*/
@black: #000;
@light-gray: #CCC;
@dark-gray:#585858;
@white: #FFF;
@yellow: #E1A933;
@red: #E82134;

a{
	outline:none!important;
	color:@white;
	&:hover{
		color:@red;
	}
}

.entry-content a{
	color:@red;
}
.button{
	padding:10px;
	font-size:20px;
	border:none;
	background:@red;
	text-align:center;
	color:@white!important;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	&:hover{
		color:@white!important;
	}
	&.block{
		margin:20px;
		display:block;
	}
}

body{
	background:@dark-gray url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/bg.jpg) no-repeat center top fixed;
	color:@white;
}

.wrap-content{
	width:990px;
	margin:0 auto;
	background:@black;
	.bs(0,0,10px,@black);
}
.logo{
	background:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/tribeca_cinemas-hdr-735x75-white-1.png) left top;
	width:735px;
	height:75px;
	margin-bottom:0;
	a{
		.hide-text;
		display:block;
		height:75px;
	}
}
.social{
	overflow:hidden;
	padding:30px 0 0;
	margin:0;
	li{
		list-style:none;
		margin:0 5px;
		width:20px;
		height:20px;
		.fleft;
		background:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/social-sprites.png) no-repeat left top;
		&.tw{
			background-position:left -40px;
		}
		&.gplus{
			background-position:left -20px;
		}
	}
	a{
		display:block;
		height:20px;
		.hide-text;
	}
}
#main-menu{
	background:@red;
	ul.menu{
		overflow:hidden;
		margin-bottom:0;
		li > a{
			color:@white;
			text-align:center;
			text-decoration:none;
			display:block;
			padding:5px 0 5px;
		}
	}
	li{
		list-style:none;
		.fleft;
		margin:0 10px;
		&.current-page-ancestor, &.current-menu-item, &.current_page_item{
			background:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/current-bg.png) no-repeat center bottom;
		}
		&.phone{
			.fright;
			padding:5px 0;
		}
	}
}
.children{
	padding:0 10px;
	border-top:1px solid @black;
	margin:0 auto 20px;
	overflow:hidden;
	background:@white;
	li{
		list-style:none;
		margin:0 10px;
		padding:5px 0;
		font-size:11px;
		.fleft;
		&.current_page_item{
			background:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/current-bg.png) no-repeat center bottom;
		}
	}
	a{
		text-decoration:none;
		color:@black;
	}
}
/*@varick*/
body.varick{
	.logo{
		background-image:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/tvr-h-735x75.png)!important;
	}
	#main-menu{
		background:@yellow;
		a{
			color:@white!important;
		}
	}
}
/*@page-content*/
body.page{
	.entry-content{
		padding:20px 0;
	}
}
.page-content{
	//padding:20px;
}
.page-title{
	border-top:1px solid @dark-gray;
	padding:10px 10px 0;
	margin:10px 0 20px;
}
footer{
	border-top:1px solid @dark-gray;
	padding:30px 0 10px;
	.credits{
		font-size:11px;
	}
	.footer-menu{
		.fleft;
		overflow:hidden;
		font-size:11px;
		li{
			list-style:none;
			.fleft;
		}
		a{
			text-decoration:none;
		}
	}
}
.footer-links{
	color:@light-gray;
	a:link{
		color:@light-gray;
		text-decoration:none;
		&:hover{
			color:@red;
		}
	}
	.title{
		margin:0 0 5px;
		font-size:14px;
	}
	ul{
		li{
			list-style:none;
			margin:0;
			font-size:11px;
			&.current a{
				color:@red;
			}
		}
	}
}
@slider-width:940px;
@slider-height:390px;
#slider{
	width:@slider-width;
	height:@slider-height;
	margin:0 auto 20px;
	overflow:hidden;
	position:relative;
	&:hover{
		.browse, .navi{
			opacity:1;
		}
	}
	.slider-text{
		position:absolute;
		bottom:-120px;
		width:900px;
		left:0;
		color:@light-gray;
		background:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/new-transparent-bg.png) left top;
		height:80px;
		padding:20px;
		text-shadow:0 2px 4px @black;
		.text{
			font-size:16px;
		}
		a{
			color:@white;
			text-decoration:none;
		}
		.title{
			text-transform:uppercase;
			font-weight:bolder;
			line-height:1;
			font-size:30px;
			margin-bottom:10px;
		}
	}
	.items{
		position:absolute;
		left:0;
		top:0;
		width:2000em;
		height:@slider-height;
	}
	.item{
		.fleft;
		width:@slider-width;
		height:@slider-height;
		position:relative;
		&:first:not(.cloned) .slider-text{
			bottom:0;
		}
	}
	.navi{
		text-align:center;
		position:absolute;
		padding:5px;
		background:rgba(17,17,17,0.8);
		bottom:46px;
		right:90px;
		z-index:10;
		opacity:0;
		.transition(opacity,.2s, linear);
		a{
			display:inline-block;
			margin:0 2px;
			padding:5px 10px;
			line-height:1;
			font-size:11px;
			text-decoration:none;
			.radius(3px);
			background:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/new-transparent-bg.png);
			color:@white;
			&.active{
				background:@white;
				color:#401000;
			}
		}
	}
	.browse{
		background:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/sprites.png) no-repeat;
		padding:5px;
		color:@white;
		margin:0 2px;
		width:25px;
		height:25px;
		display:block;
		position:absolute;
		z-index:10;
		bottom:45px;
		cursor:pointer;
		.transition(opacity,.2s, linear);
		opacity:0;
		&.prev{
			right:50px;
			background-position:left bottom;
		}
		&.next{
			right:10px;
			background-position:right bottom;
		}
	}
}
/*@homepage*/
.home-box{
	width:209px!important;
	padding-right:10px;
	border-right:1px solid @dark-gray;
	&.last{
		border:none;
	}
	a{
		text-decoration:none;
	}
	h4{
		text-transform:uppercase;
		margin:0 0 10px;
	}
	h5{
		margin:0 0 5px;
	}
}
.book-now-mini{
	h4{
		text-align:center;
		
	}
	p{
		font-size:11px;
		text-align:center;
	}
}
/*@blog*/
.post-box{
	margin-bottom:20px;
	.thumb-wrap{
		width:219px;
		margin-right:0!important;
		padding:0 5px 0 0;
		border-right:1px solid @dark-gray;
		> a{
			display:block;
			margin-bottom:10px;
		}
	}
	a{
		text-decoration:none;
	}
	.post-text{
		margin-left:0;
		.title{
			margin:0 0 10px;
			padding:0 0 0 10px;
			border-bottom:1px solid @dark-gray;
			a{
				color:@red;
			}
		}
		p{
			padding-left:10px;
			font-size:12px;
		}
	}
	.cat{
		display:block;
		font-size:11px;
		margin:0 0 0 10px;
		text-transform:uppercase;
	}
}
.navigation{
	overflow:hidden;
	.nav-previous{
		.fleft;
	}
	.nav-next{
		.fright;
	}
	a{
		display:block;
		padding:5px 10px;
		font-weight:bold;
		margin:10px 0;
		text-decoration:none;
		text-transform:uppercase;
		background:@red;
		color:@white!important;
	}
}
/*@sidebar*/
.sidebar{
	.widget{
		margin:0 0 20px;
		ul{
			margin-bottom:10px;
			li{
				list-style:none;
				border-bottom:1px solid @dark-gray;
				margin:0;
				padding:5px 0;
			}
		}
		a{
			text-decoration:none;
		}
	}
	.widgettitle{
		margin-bottom:10px;
		padding:5px;
		background:@red;
	}
	.book-now-mini{
		width:auto!important;
		margin-bottom:20px;
		h4{
			text-align:center;
		}
	}
}
/*@single*/
.single{
	.cat{
		display:block;
		font-size:11px;
		text-transform:uppercase;
	}
	.grid_8{
		h1,h2,h3,h4,h5,h6{
			color:@red;
		}
	}
	.entry-title{
		color:@red;
		margin-bottom:5px;
	}
	.meta{
		padding:10px;
		border-top:1px solid @dark-gray;
		border-bottom:1px solid @dark-gray;
		margin:0 0 20px;
	}
}
/*@photos*/
.photo-box{
	position:relative;
	margin-bottom:20px;
	img{
		display:block;
	}
	.text{
		background:url(http://www.tribecacinemas.com/wp-content/themes/tribeca/images/new-transparent-bg.png);
		padding:20px;
		position:absolute;
		bottom:0;
		left:0;
		width:420px;
		text-align:center;
		.title{
			margin:0;
		}
	}
	a{
		text-decoration:none;
		color:@white;
	}
}

.simple-overlay{
	width:600px;
	position:fixed;
	z-index:10000;
	left:50%;
	top:20px;
	display:none;
	margin:0 0 0 -320px;
	padding:20px;
	background:@black;
	color:@white;
	.title{
		border-bottom:1px solid @dark-gray;
		padding:0 0 5px;
		text-align:center;
	}
	.close{
		width:30px;
		height:30px;
		background:@red;
		color:@white!important;
		position:absolute;
		right:-10px;
		top:-10px;
		text-transform:uppercase;
		display:block;
		cursor:pointer;
		text-align:center;
		font-size:20px;
	}
}

.page-template-varick-php, .page-template-homee-like-php{
	.home-box{
		h4{
			font-size:16px;
		}
	}
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}