/* Basic Layout */

body { font: 12px "Trebuchet MS",Geneva,Verdana,Arial,Helvetica,sans-serif; 
		color: #d1bbac; background: #5B5231 url(/img/page_bg.jpg) repeat-x top left; }
a { text-decoration: none; }
a:link, a:visited { color: #d1bbac; }
a:hover, a:active { color: #9f2400; }

h1 { text-indent: -9999em; }
strong { font-weight: bold; }

#box { background: black url(/img/right_bg.jpg) top right repeat-y; width: 900px; border: 1px solid #492f1e; margin: 0 auto; position: relative; }

.menus, .ambience, .directions-contact, .press, .special-events {
	background: #0b0a0a url(/img/right_bg.jpg) top right repeat-y !important;
}

#content { min-height: 500px;}

#footer { clear: both; text-align: center; margin: 1em 0;}
#footer ul li { display: inline; }

/* Actions and Navigation */

#actions { width: 900px; margin: 0 auto; height: 25px; }
#actions li { display: inline; float: right; }
#actions button { background: url(/img/make-a-reservation.gif); border: none; width: 159px; height: 25px;
					color: #AA8A61; text-transform: uppercase; cursor: pointer; position: relative; right: -1px; font-size: 0.9em;}

#nav { background: url(/img/top_bg.jpg) no-repeat; height: 24px; padding: 16px 0 0 210px; }
#nav a { font-size: 10px; text-transform: uppercase; color: #AA8A61; }
#nav li a:hover { border-bottom: 4px solid #452D1C; }
#nav li { float: left; background: url(/img/divider.gif) right no-repeat; padding: 5px 10px 0;  }
#nav ul, #nav div { display: none; z-index:29; }
#nav ul.active, #nav div.active { position: absolute; display: block; padding: 0; }
#nav ul li { display: block; background: none; padding: 2px 8px; }
#nav ul li a:hover { border: none; text-decoration: underline; }
/* Side Contact Info */

#contact { z-index:30; clear: left; float: left; background: url(/img/left.jpg) no-repeat; width: 201px; height: 435px; position: relative; }
#contact .adr { position: absolute; right: 7px; bottom: 40px; font-size: 10px; }
#contact .wifi { position: absolute; right: 60px; bottom: 28px; font-size: 10px; font-weight: bold; }
#contact .reservations, #contact .tel { position: absolute; bottom: 60px; right: 7px; }
#contact .tel { right: 90px; }
#contact a { border-bottom: 1px dotted white; }

/* Callouts */

#callouts { margin-left: 251px; width: 550px; overflow: hidden; margin-bottom: 10px;}

#callouts li { width: 50%; float: left; line-height: 1.5em; }
#callouts h3 { background: black; color: #9F2400; float: left; padding: 2px 4px; text-transform: uppercase; }
#callouts h3#pushright { margin-left: 2em; }
#callouts h4 { margin-left: 9.2em; padding-top: 2px; }

/* main content */ 

.no-flash { min-height: 437px; position: relative; }

#chef, #inthasuwan {
	margin-bottom: 10px;
	height: auto !important;
}

.no-flash #text {
	margin: 0 0 25px 520px; width: 280px; background: black; opacity: .80; padding: 10px; position: relative; top: 1.5em; }
.no-flash #text p { margin-bottom: 1em;  text-align: justify;}
.no-flash #text a  {border-bottom: 1px dotted #d1bbac;}

.no-flash #text li { margin-bottom: .5em; }
.no-flash #text ul li ul { margin-left: 1em; margin-top: .25em; }

.menu { position: relative; top: 3em; left: 4.5em; margin: 0 0 120px 201px;}
.menu h3, .menu h4 { font-family: "Palatino Linotype", serif; }
.menu h3 { font-size: 26px; font-weight: bold; font-style: italic; position: relative; left: -.5em; }
.menu h4 { font-size: 18px; font-weight: bold; margin-top: 1em; margin-bottom: .5em; }
.menu h4 small { font-size: 12px; font-style: italic; }
.menu p { margin-top: 1em; font-style: italic; }

.menu_listing { width: 560px; }
.menu_listing tr.even { color: #9d8c81; }
.menu_listing td { padding: .25em 1em .75em 0; }
.menu_listing th { border-bottom: 1px solid #d1bbac; font-weight: bold; font-size: 14px; }
.menu_listing tr th:first-child { width: 160px; }

#dj-calendar table { margin: .5em 0 .5em 240px; width: 575px; background: transparent; }
#dj-calendar td, #dj-calendar th { background-color: #492F1E; padding: 1em; }
#dj-calendar td { text-align: center; color: #b8a69a; width: 33%; }
#dj-calendar th { text-align: center; color: #ab8b62; text-transform: uppercase; border-bottom: 2px solid black; }
#press {
	margin-bottom: 10px;
}
#press #pubs { position: relative; top: 3em; left: 4.5em; }
#press #pubs a { padding-right: 6px; }
/* background images */

#finisher { padding-bottom: 80px; }

#chef { background: url(/img/bg_chef3.jpg) no-repeat 201px -1px; }
#inthasuwan { background: url(/img/noon_inthasuwan.jpg) no-repeat 201px -1px;}
#menu, #press, #gallery, #dj-calendar { background: url(/img/bg_menu.gif) no-repeat 201px -1px; }

#menu {
	margin-bottom: 10px;
	width: 835px;
}

#lounge-back { background: url(/img/bg_lounge.jpg) no-repeat 201px -1px; }
#special {
	margin-bottom: 10px;
}
#special { background: url(/img/bg_special-events.jpg) no-repeat 201px -1px; }
#ambience { background: url(/img/bg_ambience2.jpg) no-repeat 201px -1px; }
#directions_contact, #sitemap { background: url(/img/bg_info.jpg) no-repeat 201px -1px; }
#drinks { margin-bottom: 10px; background: url(/img/bg_drinks.jpg) no-repeat 201px -1px; }

#gluten-free { position: absolute; right: 100px; top: 50px; }
/* ----- SamTN add these classes to add Facebook and Twitter icon, also update other classes under #contact by add to the bottom attribute 20px;*/
#contact .connect { position: absolute; right: 65px; bottom: 2px; font-size: 10px; font-weight: bold; }
#contact .connect a {
	text-decoration: none;
	border: none;
}

/*------SamTN add this to make menu items look good on IE6 this also add #nav div and #nav div.active---------------*/
#menus {
  left: 350px;
  top: 40px;
  width: 500px;
  display: block;
  overflow: visible;
}





/* admin part */

.content_side, #login-form, .content_side_edit {
	margin-left: 267px;
	padding-top: 20px;
}

.content_side h2, .content_side_edit .form-element-label {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.1em;
}

.content_side .simple-table {
	margin-bottom: 20px;
}

.content_side .simple-row, .content_side .form-element {
	overflow: hidden;
}

.content_side .form-element {
	margin-bottom: 5px;
}

.content_side .simple-row .header-column, .content_side .form-element-label {
	float: left;
}

.content_side .simple-row .header-column, .content_side .simple-table th, .content_side .form-element-label {	
	width: 150px;
	font-weight: bold;
	font-size: 1.1em;
}

.content_side .form-element .input-text {
	background: #d1bbac;
	border: none;
}

.press_form label {
	display: block;
}

.press_form .submit {
	margin-top: 10px;
}

.admin_table {
	margin: 20px 0;
}

.admin_table thead th {
	padding-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #d1bbac;
}

.admin_table thead th, .admin_table td {	
	padding-right: 7px;
}

.admin_table td {
	padding-top: 5px;	
}

.tree {
	margin-left: 267px;
	padding-top: 30px;
}

.tree div {
	margin-bottom: 10px;
}

.menu_listing {
	width: 560px;
}


/* calendar CSS */

.content_calendar {
	margin-left: 230px;
}

table.calendar {
	width: 575px; border-collapse: collapse; margin: 0px; padding: 0px; background: #492f1e; }
	
table.calendar th {background-color: #eeeeee; text-transform: none; color: #444444; padding: 4px; text-align: center; }

table.calendar td.month-year {text-align: center; font-weight: bold;}

table.calendar td.cell-prev {text-align: left; text-transform: none; color: #444444; padding: 4px;}

table.calendar td.cell-next {text-align: right; text-transform: none; color: #444444; padding: 4px;}
table.calendar td {
	padding: 5px;
	border-bottom: 2px solid #000;
}
table.calendar td.cell-header {
	width: 70px; text-transform: none; color: #b8a69a; padding: 4px; text-align: center;
	border-bottom: 1px solid #000;
}
table.calendar td.cell-today {background-color: #ab8b62;} /* today in the current month */
table.calendar td.cell-today a { color: #311F14; } /* today in the current month */
table.calendar td.cell-weekend {background-color: #6f4a32;}


table.calendar td div.cell-number {text-align: right; font-size: 8px; color: #444444; display: block;}
table.calendar td div {display: block; font-size: 10px; text-align: left;}
table.calendar thead th {border: 1px solid #cccccc;}


table.calendar td.month-year, table.calendar td.cell-prev, table.calendar td.cell-next {
	border-bottom: 2px solid #000; color: #ab8b62;
}

table.calendar a, table.calendar a:hover {
	color: #b8a69a;
}

table.calendar td.cell-prev a, table.calendar td.cell-next a {
	color: #ab8b62;
}


/* Mark - added to make the event detail pretty */

#fancy_div h3 { padding: 10px; font-size: 18px; font-weight: bold; }
#fancy_div .event-summary { padding: 10px; font-size: 12px; color: #999; }

.home #content {
	min-height: 435px !important;
	position: relative;
}

.home #content #callouts {
	position: absolute;
	top: 375px;
	z-index: 2;
}

.specialevents .content_calendar {
	min-height: 435px;
}





/* overrides - Keep at bottom */

.center { text-align: center; }