h2 {
    border-left: none;
    color: #f7910d;
    margin: 5px 0 5px 0;
    font: 24px 'Eagle Lake', cursive;
    text-shadow: 2px 2px 1px #4e4a44; 
    }
h3 {
    border-left: none;
    color: #efcd13;
    margin: .5em 0 5px 0;
    font: 18px 'Eagle Lake', cursive;
    text-shadow: 1px 1px 1px #908e8c;  
    }
h4 {
    border-left: none;
    color: #efcd13;
    margin: .5em 0 5px 0;
    font: 22px 'Eagle Lake', cursive;
    text-shadow: 1px 1px 1px #908e8c; 
    }
h5 {
    border-left: none;
    color: #efcd13;
    margin: .7em 0 5px 0;
    font: 15px 'Eagle Lake', cursive;
    text-shadow: 1px 1px 1px #908e8c; 
    }
p {
    color: #d9d8d6;
    line-height: 1.25em;
    font-size: 14px;
    margin: 0 0em 1em 0em; 
    font: 14px 'Open Sans', sans-serif;
    }
li {
	display: block;
  	list-style: none; 
    color: #48494a; 
  	}
a{
	text-decoration:none;color:white;
	}
#navbar {
  	background: url(images/top.png) top repeat-x;
  	left: 0;
  	line-height: 1.5em;
  	height:5.2em;
  	position: fixed;
  	border:solid 1px #2b2a2a;
  	box-shadow: 0px 0px 1px 1px #f79412;
  	right: 0;
  	z-index: 1; 
  	}
#navbar ul#nav {
    margin: 0 auto;
    width: 530px;
    float: right;
    margin-top:2.8em; 
    }
#navbar ul#nav li {
    float: left;
	position: relative;
    width: auto; 
    }
#navbar ul#nav li:hover > ul {
    display: block; 
    } 
#navbar ul#nav ul {
    background: url(images/top.png) top repeat-y;
    display: none;
    left: -2.3em;
    text-align:center;
    position: absolute;
    top: 2.2em;
    width: 150px; }
#navbar ul#nav ul li {
    float: none;
    margin-top:0; 
    }
#navbar ul#nav ul ul {
    top: 0px; 
    left: 181px;
    }
#navbar a {
    color: #fff;
    display: block;
    font: 16px 'Eagle Lake', cursive;
    padding: 10px;
    text-decoration: none;
    text-shadow: 2px 2px 1px black;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; 
    }
#navbar a:hover {
    color: #ceb922;
    text-shadow: none; 
    }
#navbar .fb {
    float: right;
    padding: 10px 0 0;
     }
h1 {
	background: url(images/logo.png) no-repeat;
  	top: 2px;
  	left:4px;
  	display: block;
  	width: 230px;
  	height: 99px;
  	overflow: hidden;
  	position: fixed;
  	text-indent: -999px;
	z-index: 9999; 
	}
h1 a {
    display: block;
    height: 100%;
    width: 100%; }
footer {
  	background: url(images/top.png) top repeat-x;
  	border-top:solid 1px #f79412;
  	box-shadow: 0px 0px 1px 1px #2b2a2a;
  	bottom: 0;
  	color: #fff;
  	font-size: 0.8em;
  	left: 0;
  	line-height: 14px;
  	padding: 5px 0;
  	position: fixed;
  	right: 0;
  	text-align: center;
  	z-index: 5; }
footer a{
	color:#f79412;
	}
	
/*------------- INDEX PAGE, CATERING PAGE, HISTORY PAGE, -------------- */
#home {
  	background: rgba(5, 15, 15, 0.90);
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
  	-ms-border-radius: 5px;
  	-khtml-border-radius: 5px;
  	border-radius: 5px;
  	bottom: 8em;
  	padding: 0px 15px 15px 15px;
  	position: absolute;
  	right: 20px;
  	width: 588px;
  	z-index: 1;
  	border:solid 1px #2b2a2a;
  	box-shadow: 0px 0px 1px 1px #f79412;
  	}
.TopButton {
	background: url(images/orange-gradient.png) repeat-x;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	-o-border-radius: 6px;
  	-ms-border-radius: 6px;
  	-khtml-border-radius: 6px;
  	border-radius: 6px;
  	-moz-box-shadow: 0 0 0 2px #f7910d inset;
  	-webkit-box-shadow: 0 0 0 2px #f7910d inset;
  	-o-box-shadow: 0 0 0 2px #f7910d inset;
  	box-shadow: 0 0 0 2px #f7910d inset;
  	color: white;
  	font-weight: bold;
  	text-align: center;
  	text-transform: uppercase;
  	text-shadow: 1px 1px 1px black; 
  	width:130px;
  	height:25px;
  	}
.TopButtons {
  	left: 0;
  	line-height: 1.5em;
  	height:2em;
  	position: fixed;
  	right: 0;
  	z-index: 1; 
  	}
.TopButtons ul {
    margin: 0 auto;
    width: 448px;
    float: right;
    margin-top:.1em; 
    }
.TopButtons ul li {
    float: left;
	position: relative;
    width: auto; 
    }
.TopButton:hover {
    background: #f6901e;
    }
.TopButton p {
	color:white;
	line-height:1.6em;
	font-size:1em;}
	
#home ul {
    padding: 0; 
    margin: 0;
    list-style-type: none;
}
/*-------------TWO PROMO BOXES-----------------
#contentHolder-home li {
    width: 46.8%;
    height: auto;
    padding:5px;
    padding-bottom:0em;
    margin-right:20px;
    background: url(images/top.png) repeat-y;
    float: left;
    border-bottom: solid 1px #b30437;
  	box-shadow: 0px 0px 2px 2px #3f0c02;
	}
-----------------------------------------------*/

/*-------------THREE PROMO BOXES-----------------*/
#home li {
    width: 170px;
    height: auto;
    padding:5px;
    padding-bottom:0em;
    margin-right:20px;
    background: url(images/top.png) top repeat-x;
  	border:solid 1px #2b2a2a;
  	box-shadow: 0px 0px 1px 1px #f79412;
    float: left;
	}
.BoxButton {
	margin:0em auto .7em auto;
	font-family: 'Playfair Display', serif;
	letter-spacing:1px;
  	background: url(images/orange-gradient.png) repeat-x;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	-o-border-radius: 6px;
  	-ms-border-radius: 6px;
  	-khtml-border-radius: 6px;
 	border-radius: 6px;
  	-moz-box-shadow: 0 0 0 2px #f7910d inset;
  	-webkit-box-shadow: 0 0 0 2px #f7910d inset;
  	-o-box-shadow: 0 0 0 2px #f7910d inset;
  	box-shadow: 0 0 0 2px #f7910d inset;
  	color: white;
  	font-size: 14px;
  	font-weight: normal;
  	line-height: 24px;
  	width:8em;
  	max-height: 42px;
  	text-align: center;
  	text-transform: uppercase;
  	text-shadow: 1px 1px 1px black; 
  	}
.BoxButton:hover {
	background: url(images/orange-gradient2.png) repeat-x;
	}
/*-----------------------------------------------*/
/*-------------PROMO BOXES-----------------*/
#home ul li:last-child{
	margin-right:0;
	
	}
#chome ul li p, #contentHolder-home ul li h2{
	color:#c9cda7;
	padding:0 0px 0 5px;
	font-family: 'Andada', serif;
	}
#home ul li h2{
	font-size:1.2em;
	color:#f7910d;}
/*------------- WIDGET -------------- */
.widget{ 
	margin: 0 auto;
    width: 900px; 
    position: fixed; 
    left:auto;
    right:auto;
	bottom:3em;
	left: 0;
  	line-height: 1.5em;
  	height: 3em;
  	position: fixed;
  	right: 0;
  	z-index: 5; 
  	}
/*------------- LEFT ICONS-------------- */
#icons ul {
	left: 0em;
  	top:5.7em;
  	position: fixed;
  	left: 8px;
  	width:4em;
  	background: url(images/top.jpg) top;
  	border:solid 1px #2b2a2a;
  	box-shadow: 0px 0px 1px 1px #f79412;
  	}
  	#icons ul#nav li {
    position: relative;
    width: auto;
    margin-left:.74em;
    margin-top:5px;
    }
#icons a {
    color: red;
    display: block;
    font-size: 18px;
    text-decoration: none;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; 
    }
#icons a:hover{
	background:none
	}
.fb-like{
	margin-left:-5px;
	margin-bottom:8px;
	} 
  
/*------------- MENU PAGES-------------- */
.menu {
  	border:solid 1px #2b2a2a;
  	box-shadow: 0px 0px 1px 1px #f79412;
  	background: rgba(5, 15, 15, 0.90); 
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-o-border-radius: 5px;
  	-ms-border-radius: 5px;
  	-khtml-border-radius: 5px;
  	border-radius: 5px;
  	padding: 0px 15px 15px 15px;
  	width:38em;
  	float:right;
  	margin:8em 1em 3em 0;
  	}

  /*------------- MENU STYLING-------------- */
#menu-skin { 
	padding-top:0px;
	}

.left-menu {
	float:left;
	width:280px;
	padding:0 
	}
.left-menu h2, .right-menu h2{
	COLOR:#9d0606;
	font-style:italic; 
	font-weight:bold; 
	margin:0 0 0px; 
	font-size:10px;
	line-height:20px;
	font-family:'Open Sans', sans-serif;
	overflow:hidden;
	margin-top:2em;
	}
.bottom-title {
	float:left;
	width:480px;
	padding:0 
	}
.left-menu h2:first-child, .right-menu h2:first-child{
	margin-top:0;
	}
.right-menu { 
	border-left: 1px solid #f7910d;
	float:right;
	width:280px;
	display:block;
	padding:0 0 0 30px;
	margin:0 0 0 10px;
	}
.left-drinks {
	float:left;
	width:238px;
	padding:0 
	}
.right-drinks { 
	border-left: 1px solid #f7910d;
	float:right;
	width:238px;
	display:block;
	padding:0 0 0 30px;
	margin:0 0 0 10px;
	}
dl { 
	font-family: 'Open Sans', sans-serif; 
	display:block; 
	overflow:auto; 
	margin: 0 0 0.7em 0px; 
	background: url('http://darbarny.com/graphics/dot.gif') repeat-x 0 14px 
	}
dt,dd.price { 
	font-size:130%; 
	font-weight:bold 
	}
dt { 
	font-size:18px; 
	font-weight:normal;
	line-height:20px; 
	float:left; 
	padding-right:0px; 
	width:230px;
	color:#f7910d;
	}
ds { 
	font-size:18px; 
	font-weight:normal;
	line-height:20px; 
	float:left; 
	padding-right:0px; 
	width:290px;
	color:#f7910d;
	}
dr { 
	font-size:18px; 
	font-weight:normal;
	line-height:18px; 
	float:left; 
	padding-right:0px; 
	width:200px;
	}
dd { 
	margin:0 
	}
dd.price { 
	font-weight:normal; 
	font-size:16px; 
	float:right; 
	padding-left:0px
	font-family: 'Open Sans', sans-serif;
	color:#f7910d;  
	}
dd.ingredients { 
	font-size:14px; 
	font-style:italic; 
	font-weight:normal; 
	line-height:20px; 
	float:left; 
	width:100%; 
	padding: 3px 0; 
	color:#d9d8d6; 
	font-family: 'Open Sans', sans-serif; }


 
/*------------- CONTACT PAGE, MAP PAGE-------------- */
#contact {
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-o-border-radius: 5px;
  	-ms-border-radius: 5px;
  	-khtml-border-radius: 5px;
  	border-radius: 5px;
  	padding: 0px 15px 15px 15px;
  	border:solid 1px #2b2a2a;
  	box-shadow: 0px 0px 1px 1px #f79412;
  	background: rgba(5, 15, 15, 0.90); 
  	width:600px;
  	float:right;
	margin:8em 1em 3em 0; 
	}
#contact h3 {
    font: 28px Patagonia, arial;
    font-size: 18px;
    margin: 0 0 0.5em;
    text-shadow: 2px 2px 1px black; 
    }
/*------------- MAP PAGE HOURS-------------- */
#hours{
	margin: 1em 0 1em -1.1em;
	width:650px;
	border-collapse:collapse;
	color:#d9d8d6;
	text-align:left;
	}

#hours td, #hours th { 
	font: 14px 'Open Sans', sans-serif;
	padding:2px 2px 2px 2px;
	text-align:left;
	}
#hours th:first-child{
	text-align:left;
	padding-left:15px;
	}
#hours td{
	text-align:left;
	padding:5px 0 5px 0px;
	}
#hours td:first-child{
	text-align:left;
	padding-left:15px;
	width:135px;
	}
#hours th {
	font-weight:bold;
	padding-top:5px;
	padding-bottom:4px;
	color:#034098;
	text-shadow: 2px 2px 1px #cdcece;
	}
#hours tr{
	background-color:none;
	}

/*------------- GALLERY PAGE-------------- */
#gallery {
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-o-border-radius: 5px;
  	-ms-border-radius: 5px;
  	-khtml-border-radius: 5px;
  	border-radius: 5px;
  	padding: 0px 15px 15px 15px;
  	border:solid 1px #2b2a2a;
  	box-shadow: 0px 0px 1px 1px #f79412;
  	background: rgba(5, 15, 15, 0.90); 
  	width:520px;
  	float:right;
  	margin:8em 1em 3em 0; 
  	}
#gallery img {
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    border: 2px solid #f79412;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 5px;
    height: 100px;
    width: 112px;
    padding: 2px; 
    }
#gallery img:hover {
  	-webkit-filter: grayscale(25%);
	}
/*------------- RESERVATIONS PAGE-------------- */

#Reservations img{float:right;
	height:214px;
	width:250px;
	margin:-2em -1em 0 0;
	}
#Reservations {
  	right:0;
  	margin: 240px 2% 0 0;
  	padding: 0 15px 0em 15px;
  	position: absolute;
  	width: 450px;
  	height:auto;
  	z-index: 2;
	border:solid 1px #2b2a2a;
  	box-shadow: 0px 0px 1px 1px #f79412;
  	background: rgba(5, 15, 15, 0.90);
 	}
.button {
	background: url(images/orange-gradient.png) repeat-x;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	-o-border-radius: 6px;
  	-ms-border-radius: 6px;
  	-khtml-border-radius: 6px;
  	border-radius: 6px;
  	-moz-box-shadow: 0 0 0 2px #f7910d inset;
  	-webkit-box-shadow: 0 0 0 2px #f7910d inset;
  	-o-box-shadow: 0 0 0 2px #f7910d inset;
  	box-shadow: 0 0 0 2px #f7910d inset;
  	color: white;
  	font-weight: bold;
  	line-height: 42px;
  	max-height: 42px;
  	text-align: center;
  	text-transform: uppercase;
  	text-shadow: 1px 1px 1px black; 
  	}
.button:hover {
    background: #f6901e;
    background: url(images/orange-gradient2.png) repeat-x; 
    }
.button p {
	color:white;
	line-height:2em;
	font-size:1.2em;}