/* -----------------------------------------------------------
Amber Restaurant and Gallery
Screen Styles
Author: Tomasz Balabuch 
-------------------------------------------------------------- */


/* Global styles
-------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	} /* removes padding and margin */
a {
	outline:none;/* removes little dotted border/outline around the linked elements */
	}
a:link, a:visited {
	color:black;
	background:transparent;
	text-decoration:none;
	}
a:hover, a:active {
	color:#9c7b46;
	background:transparent;
	text-decoration:none;
	}	
h1 {
	letter-spacing: 0.4em;
	line-height: 65px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	line-height: 10px;
	letter-spacing: 0.3em;
	padding:15px 0;
	text-align:left;
	border-bottom:solid 1px;
	width:50%;
	margin-bottom:10px
	}
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:normal;
	text-indent:40px;
	text-decoration:underline;
	margin-top:40px
	}

/* Structure 
--------------------------------------------------------------- */
body {
	background-image:url(img/back_light.gif);
	background-repeat:repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	}
#top {
	padding-top:10px;
	}
#navigation {
	width:890px;
	height:30px;
	padding:0px 0px 3px 40px;
	margin-left: auto;
  	margin-right: auto;
	text-align:center;
	}
/*#cont {
	margin-left: auto;
	margin-right: auto;
	background-image:url(img/bg_tables.jpg);
	background-color:#764d27;
	background-position:top;
	background-repeat:no-repeat;
	width:850px;
	min-height:330px;
	padding-bottom: 20px;
	}*/
#cont {
	margin-left: auto;
	margin-right: auto;
	background-image:url(img/bg_tables.jpg);
	background-color:#764d27;
	background-position:top;
	background-repeat:no-repeat;
	width:770px;
	min-height:330px;
	padding: 25px 40px 20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 25px;
	font-size: 16px;
	color:#f4be52;
	}
#main {
	width:500px; 
	border-right:1px solid; 
	padding-right:20px
	}
#sidebar {
	width:200px; 
	float:right; 
	font-size:80%; 
	font-weight:600;
	margin-left:35px;
	}
#footer {
	width:850px;
	margin: 5px auto 20px;
  	border-top:1px solid #d49e32;
	text-align:center;
	font-size:10px;
	font-weight:700;
	color:#000;
	list-style:none;
	padding-top:10px
	}	

/* Navigation 
------------------------------------------------------------*/
ul.menu {
	list-style:none;
	margin:0;
	padding:0
	}
ul.menu * {
	margin:0; 
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	font-weight:bolder;
	letter-spacing:0.1em;
	font-size: 13px;
	background-color:#d49e32;
	}
ul.menu a {
	display:block; 
	text-decoration:none;
	}	
ul.menu li {
	position:relative; 
	float:left; 
	margin-right:1.7px
	}
ul.menu ul {
	position:absolute;
	top:32px;
	left:0px;
	background-color:#3f0f11;
	display:none;
	opacity:0;
	list-style:none
	}
ul.menu ul li {
	position:relative;
	border:1px solid /*#3f0f11*/#000;
	border-top:none;
	width:118px; /* .menulink width+L&R padding - this border */
	margin:0;
	text-align:left;
	}
ul.menu ul li a {
	display:block; 
	padding:3px 7px 5px; 
	background-color:#d49e32
	}
ul.menu ul li a:hover {
	background-color:#3f0f11;
	width:104px
	}
ul.menu ul ul {
	left:116px;
	top:1px
	}
ul.menu .menulink {
	padding:5px 5px 7px;
	width:108px;
	height:18px;
	border:1px solid #3f0f11;
	text-transform: capitalize;
}
ul.menu .active {
	padding:5px 5px 7px;
	width:108px;
	height:18px;
	border:1px solid #3f0f11;
	background-color:#b47e12;
	color:#5c2b06
	}
ul.menu .menulink:hover, ul.menu .menuhover {
	width:108px; 
	border:1px solid #000;
	height:18px
	}
ul.menu .sub {
	background:#d1d1d1 url(img/arrow.gif) 136px 8px no-repeat
	}
ul.menu .topline {
	border-top:1px solid #aaa
	}

/* Content 
-----------------------------------------------------*/	
#cont a:link, #cont a:visited {
	color:#f4be52;
	}
#cont a:hover, #cont a:active {
	text-decoration:underline;
	}
#cont img {
	border-style:none
	}
#cont.noBorder img{
	border:none;
	}
#cont p {
	text-indent:0in;
	padding: 10px 0;
	}
.newsline {
	font-weight:bold;
	padding-bottom:20px;
	text-transform:uppercase;
	text-decoration:underline
	}
/*.text {
	max-width:850px;
	margin-left:auto;
	margin-right:auto;
	padding: 25px 40px 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 25px;
	font-size: 16px;
	color:#f4be52
	}
*/

.coupons {
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:normal
	}
.off {
	font-size:16px;
	color:#ba5614
	}
ul.diamondbullet {
	list-style-image:url(img/bullet.png);
	text-align:left;
	padding-top:10px;
	padding-left:10px
	}
ul.diamondbullet li {
	padding-bottom:12px;
	padding-left:15px
	}
#sidebar img {
	padding-left:15px
	}
.caps {
	text-transform:uppercase
	}

/* Food Menu */	
#foodmenu{
	width:730px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 60px 40px;
	font: 100% "Trebuchet MS",Arial,sans-serif;
	text-align:left;
	background-color:#FFF6DB;
	color:#a46e02
	}
#foodmenu dl{
	width:100%;
	overflow:auto;
	margin: 0 0 1em;
    background: url(img/dot.gif) repeat-x 0 0.8em;
	}
#foodmenu dt,dd.price{
	font-size: 95%;
	background-color:#FFF6DB
	}
#foodmenu dt{
	float: left;
	padding-right: 3px;
	font-weight:bold
	}
#foodmenu dd{
	margin:0
	}	
#foodmenu dd.price{
	float: right;
	padding-left: 3px;
	color: #000;
	font-style:bold;
	}	
#foodmenu dd.ingredients{
	float: left;
	width: 90%;
	padding: 4px 0 0 20px;
	font: italic 80% Georgia,Times,sans-serif;
	color: #000
	}			
#foodmenu .footnote {
	font-size:12px;
	font-style:italic
	}
#foodmenu .backtop {
	text-decoration:underline;
	text-align:right;
	font-size:11px
	}

/*Footer 
------------------------------------------------------------------------- */

#footer ul {
	list-style:none;
	}
#footer a:link, #footer a:visited {
	color:#000;
	text-decoration:underline
	}
#footer a:hover, #footer a:active {
	color:#f4be52;
	text-decoration:none
	}
	
/* Misc -----------------------------------------------------------------

	

