
@media screen,projection {

	/* ----- Browser Reset ----- */
	html,body,div,span,
	applet,object,iframe,
	h1,h2,h3,h4,h5,h6,p,blockquote,pre,
	a,abbr,acronym,address,big,cite,code,
	del,dfn,em,font,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,
	dd,dl,dt,li,ol,ul,
	fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: normal;
		font-style: normal;
		font-size: 100%;
		line-height: 1;
		font-family: inherit;
		text-align: left;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	q:before,q:after,
	blockquote:before,blockquote:after {
		content: "";
	}
	
	/* ----- Basic Styling ----- */	
	html {
		background-color: #000;
		padding: 0 8px 8px;
		text-align: center;
	}
	
	body {
		color: #666;
		font: 87.5% "Times New Roman", Times, serif;
		line-height: 1.286;
		margin: 0 auto;
		text-align: left;
		width: 1000px;
	}
	
	html>body {
		font-size: 14px;
	}
	
	a:link,
	a:visited {
		color: #db6f00;
		text-decoration: none;
	}

	a:hover {
		color: #fff;
	}
	
	h1, h2, h3, h4, h5, h6 {
		color: #fff;
		font-weight: normal;
		letter-spacing: 1px;
	}
	
	h1 {
		font-size: 3em;
	}
	
	h2 {
		font-size: 1.4em;
		margin-bottom: 1em;	
	}
	
	h3 {
		font-size: 1.6em;
		margin-bottom: 0.8em;
	}
	
	p,
	ol,
	ul {
		margin-bottom: 1.4em;
	}
	
	ol,
	ul {
		margin-left: 1.4em;
	}
	
	/* ----- Accessibility ----- */
	.page #primary .section h2,
	.accessible-title {
		position: absolute;
		left: -9999px;
	}
	
	/* ----- Alerts ----- */
	#alerts {
		background-color: #1A1A1A;
		border: 1px solid #333;
		border-top: 0;
		margin-bottom: 2em;
		padding: 12px;
	}
	
	#alerts ul {
		list-style: none;
		margin: 0;
		overflow: hidden;
	}
	
	#alerts ul li a {
		background:  url(images/icon-twitter.png) no-repeat 0 50%;
		float: left;
		width: 35px;
		height: 20px;
		margin-right: 12px;
		text-indent: -9999px;
	}
	
	#alerts p {
		margin: 0;
	}
	
	#alerts .tweet_text a {
		display: none;
	}
	
	/* ----- Content ----- */
	#primary h2 {
		margin-bottom: 1em;
	}
	
	#secondary h2 {
		margin-bottom: 0.2em;
	}
	
	#primary .entry-content img {
		background-color: #1a1a1a;
		border: 1px solid #333;
		padding: 10px;
	}
	
	/* ----- Events ----- */
	.events-list {
		list-style-type: none;
		margin-left: 0;
	}
	
	.events-list li {
		margin-bottom: 2em;
	}
	
	.events-list h3 {
		font-size: 1em;
		margin-bottom: 0.2em;
	}
	
	.events-list h4 {
		font-size: 1.6em;
		margin-bottom: 0.8em;
	}
	
	
	/* ----- Header ----- */
	#header {
		overflow: hidden;
		width: 1000px;
	}
	
	#header h1 {
		float: left;
		margin-bottom: 0;
	}
	
	#header h1 a {
		background: transparent url(images/logo.jpg) no-repeat 0 0;
		color: #666;
		display: block;
		height: 100px;
		padding-left: 12px;
		text-indent: -9999px;
		width: 281px;
	}
	
	#header .button {
		float: right;
		margin-top: 35px;
	}
	
	#primary .section .post-meta {
		list-style-type: none;
		margin-left: 0;
	}
	
	#primary .section .post-meta li {
		margin-bottom: 0.5em;
	}
	
	#primary .section .post-meta .post-meta-key {
		color: #bbb;
	}
	
	/* ----- Navigation ----- */
	#navigation {
		float: left;
		background: transparent url(images/navigation-top.png) no-repeat 55px 0;
		margin-bottom: 1.875em;
		padding-top: 70px;
		width: 300px;
	}
	
	#navigation ul {
		background: transparent url(images/navigation-bottom.png) no-repeat 0 100%;
		font-size: 1em;
		list-style: none;
		margin-left: 55px;
		text-transform: uppercase;
		padding-bottom: 100px;
		width: 167px;
		
	}
	
	#navigation ul li {
		margin-bottom: 0.2em;
		text-align: center;
	}

	#navigation ul li a {
		text-transform: uppercase;
	}
	
	#navigation ul .current a,
	#navigation ul .current-cat a,
	#navigation ul .current_page_item a {
		color: #fff;
	}
	
	.home #navigation ul .current-cat a {
		color: #db6f00;
	}
	
	.sub-navigation ul {
		font-size: 1.2em;
		list-style: none;
		margin-bottom: 2em;
		margin-left: 0;
	}
	
	.sub-navigation li {
		display: inline;
		padding-right: 8px;
	}
	
	.sub-navigation li a {
		padding: 6px;
		text-transform: uppercase;
	}
	
	.sub-navigation .special {
		display: block;
		margin-bottom: 24px;
	}
	
	.sub-navigation .special a {
		display: block;
		text-transform: none;
	}
	
	.sub-navigation .current_page_item a,
	.sub-navigation .current a {
		background-color: #1a1a1a;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #666;
	}
	
	.entry-excerpt {
		margin-bottom: 1em;
	}
	
	.section {
		margin-bottom: 1.875em;
	}
	
	#secondary .section p {
		font-style: italic;
	}
	
	#tertiary a {
		color:#999999;
	}

	#tertiary .button {
		color:#fff;
	}
	
	#tertiary p {
		font-size: 0.8em;
	}
	
	
	/* ----- Forms ----- */
	input.inbox {
		display: inline;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px #999;
		-webkit-box-shadow: 0 1px 3px #999;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		padding: 5px;
		color: #fff;
		background-color: #1a1a1a;
		border: 1px solid #333;
		margin: 6px 12px 6px 0;
		width: 200px;
	}
	
	input.submit {
		text-align: center;
		cursor: pointer;
		display: inline;
		padding: 0px;
		border: 1px solid #fff;
		margin: 6px 4px;
		background: #444;
		padding: 3px;
		color: #fff;
	}

	label {
		color: #f1f3dd;
		font-size:1.2em;
	}
	
	/* ----- Layout ----- */
	#primary,
	.sub-navigation {
		float: right;
		padding-left: 50px;
		width: 650px;
	}
	
	#secondary {
		clear: left;
		float: left;
		width: 300px;
	}
	
	#tertiary {
		clear: both;
	}
	
	/* ----- Menus ----- */
	.menu {
		color: #bbb;
		font-size: 1.2em;
		margin-bottom: 3em;
		margin-left: 0;
	}
	
	.menu .with {
		color: #666;
		font-size: 0.8em;
	}
	
	ul.menu {
		color: #bbb;
		list-style: none;
	}
	
	ul.menu li {
		background: url(images/dot.png) repeat-x 0 90%;
		margin-bottom: 1em;
		overflow: hidden;
	}
	
	ul.prix-fixe li {
		background: none;
	}
	
	ul.menu li p {
		margin-bottom: 0;
	}
	
	ul.beer li {
		background-image: none;
	}
	
	ul.menu h4,
	ul.menu .title {
		color: #bbb;
		font-size: 1em;
		vertical-align: bottom;
	}

	ul.menu .description,
	ul.menu .size,
	ul.menu .addition {
		background-color: #000;
		color: #666;
		float: left;
		font-size: 0.8em;
		line-height: 1.5em;
		padding-right: 12px;
		vertical-align: bottom;
	}
	
	ul.menu .price,
	ul.menu .diet {
		background-color: #000;
		float: right;
		padding-left: 12px;
		vertical-align: bottom;
	}
	
	
	/* ----- Directions ----- */
	.subway {
		margin-left: 0;
	}
	
	.subway li {
		line-height: 2em;
		list-style: none;
	}
	
	.subway .f-line,
	.subway .a-line {
		background-position: 0 50%;
		background-repeat: no-repeat;
		float: left;
		height: 2em;
		margin-right: 1em;
		text-indent: -9999px;
	}
	
	.subway .f-line {
		background-image: url(images/icon-f-line.png);
		width: 20px;
	}
	
	.subway .a-line {
		background-image: url(images/icon-a-line.png);
		clear: left;
		width: 45px;
	}
	
	/* ----- Contact ----- */
	.vcard .fn {
		font-size: 1.5em;
	}
	
	.vcard .adr .type {
		left: -9999px;
		position: absolute;
	}
	
	.vcard .adr .street-address {
		display: block;
	}
	
	
	/* ----- Gallery ----- */
	.gallery-wrapper {
		background-color: #111;
		height: 500px;
		width: 600px;
	}
	
	/* ----- Float Clearing ----- */
	.email-signup {
		overflow: hidden;
	}
	
	/* ----- Buttons ----- */
	.button,
	.button:link,
	.button:visited {
		border: none;
		background-color: #db6f00;
		display: inline-block;
		padding: 6px 10px 5px;
		margin-bottom: 0.5em;
		color: #fff;
		text-decoration: none;
		line-height: 1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px #999;
		-webkit-box-shadow: 0 1px 3px #999;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		text-shadow: 0 -1px 1px #222;
		border-bottom: 1px solid #222;
		position: relative;
		cursor: pointer;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
		border-bottom: 1px solid rgba(0,0,0,0.25);
		text-transform: uppercase;
	}
	
	.button:hover {
		background-color: #DB5400;
	}
	
	.submit {
		background-color: #444;
	}
	
	.submit:hover {
		background-color: #333;
	}
	
	/* ----- Footer ----- */
	#tertiary {
		padding: 120px 0 20px;
		text-align: center;
	}
	
	#tertiary p {
		text-align: center;
	}
	
}




/* *******************************

From previous site. To be removed
eventually.

********************************* */




#gallery {
	width:600px;
}
#delivery {
	margin-left: 350px;
	width:650px;
	
}

#nav a:hover img.ad{border-bottom:3px solid #ffffff;}

#nav a img.ad{border-bottom:3px solid #DB6F00;}

img{border:0;padding:0;margin:0;}



#footer {
	clear: both;
	height: 125px;
	text-align:center;
	padding-top:20px;
}
hr{clear:both;border:0;}

.days{color:#666;text-align:right;}

.hours{color:#ccc;text-align:left;padding:0;}

.headings {
	color: #CCCCCC;
	font-weight: bold;
	margin-bottom: 1em;
}

a.klfooter:link, a.klfooter:visited {
	color: #666666;
}

#menu{
float:right;
	width:700px;

}

#gallery{border:0;}


h2.event{margin-top:10px;}



/* NEW YEAR 
.gray{color:#333;font-size:90%;}
.pink, #newyear h2{color:#ea1d7a;}
.white{color:#fff;}
h1 .white {line-height:30px;font-style:italic;}
#newyear p{padding:0;font-size:110%;color:#fff;}
#newyear {
height:1400px;padding:0 15px;	
background-image: url(http://rebarnyc.com/images/newyearbg.jpg);
	background-repeat: no-repeat;
}
li.newyear a.navlist{color:#ea1d7a;}
li.newyear a.navlist:hover{color:#fff;}
#newyear em{margin:0;padding:0;font-size:120%;}
#newyear #col1{width:380px;float:left;}
#newyear #col2{width:200px;padding-left:15px;float:left;border-left:1px solid #222;}
#newyear h1{line-height:.2em;font-family:Georgia, "Times New Roman", Times, serif;padding:0;font-size:160%;color:#000;}
#newyear h2{line-height:.3em;font-size:110%;font-variant:small-caps;color:#ea1d7a;}
#newyear h3{margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;line-height:20px;font-variant:small-caps;font-size:100%;color:#fff;}
#newyear h4{font-size:110%;color:#000;}
#newyear h4 a{font-size:100%;font-variant:small-caps;}
#newyear h4 a:hover{color:#000;}
#newyear a{color:#ea1d7a;font-family:Georgia, "Times New Roman", Times, serif;}
#newyear #col2 h2{color:#000;}
#newyear #col2 a{color:#fff;font-size:120%;}
#newyear #col2 a:hover{color:#222;}*/