@import url(../../_global/css/loudbase-default.css);
@import url(../../_global/css/icons_kyoto.css);
@import url(../../_global/css/loudbase_ribbon-gr02.css);
@import url(../../_global/css/star_ratings.css);

/* @group Kyoto */



/* @end */

/* @group Main */
html							{ background: url(../images/bg_repeat.jpg) repeat; color: #412925 }
body							{ text-align: center; background: url(../images/bg_body_repeat.jpg) top center repeat-x; color: #412925; }
td, th							{ color: #412925; border: none}

#content						{  width: 994px; margin: 0 auto; position: relative; text-align: left; background: url(../images/bg_content_repeat.jpg) top left repeat;  }

#content #strl					{ width: 16px; position: absolute; top: 0px; left: 0px; background: url(../images/strip_l.jpg) top left repeat-y; height:  100% }
#content #strr					{ width: 16px; position: absolute; top: 0px; right: 0px; background: url(../images/strip_r.jpg) top left repeat-y; height: 100% }

#content #logob					{ position: absolute; top: 0; left: 16px; height: 21px; background: url(../images/logo_bottom.png) top left no-repeat; width: 100% }
#content #content-inner			{ padding: 30px 30px 11px 38px  }


/* @end */

/* @group Links And Fonts */
a								{ color: #8f1f0c; text-decoration: none; font-weight: bold }
a:hover							{ background: #ffe9ab; }

h1, h1 a						{ font: normal 26px/1em Georgia, "Times New Roman", Times, serif; color: #412925; margin: 0 0 6px 0;}
h2, h2 a						{ font: normal 20px/1em Georgia, "Times New Roman", Times, serif; color: #412925; margin: 0 0 2px 0;}

.pages a						{ background: #9e9476; color: #fff; padding: 5px }
.pages a:hover					{ background: #8f1f0c; padding: 5px }
/* @end */

/* @group Layout */

#b-home #a						{ width: 245px; margin-right: 20px; float: left }
#b-home #b						{ width: 655px; float: left }

#b-home #ba						{ float: left; width: 368px; margin-right: 20px }
#b-home #bb						{ float: left; width: 265px; background: url(../images/sidebar_gradient.png) top left no-repeat; }

#b-media #a						{ float: left; width: 640px; margin-right: 20px; }
#b-media #b						{ float: left; width: 260px; }

#b-all #a						{ width: 920px }

.box							{ margin-bottom: 20px	 }
.box1							{ background: #E4DEC6; margin-bottom: 20px; padding: 10px }
.box2							{ background: #f9f0d3; border: 1px solid #65533d; margin-bottom: 20px; padding: 6px }

#parking li						{ padding-bottom: 10px; margin-bottom: 10px; color: #786569; }
#parking li.first				{ border-bottom: 1px solid #c5bcac }

/* @end */

/* @group Header & Nav */
#nav							{ text-decoration: center; position: relative; bottom:  15px; height: 40px; width: 920px; margin-bottom: 1px }
#nav ul 						{ margin: 0; padding: 0; list-style: none; position: relative; left: 55px; top: 7px  }
#nav li							{ font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; border-style: solid; border-color: #c0b8a1; border-width: 5px 0; width: 130px; float: left; margin: 0 4px 0 0; padding: 0; list-style: none; text-align: center  }

#nav li a						{ color: #4f4730; font-weight: bold; font-size: 14px; text-decoration: none; display: block }
#nav li a:hover					{ background: #4f4730; color: #ffe9ab }
#nav .active					{ color: #8f1f0c }

#nav #d1						{ position: absolute; top: 0; left: 0 }
#nav #d2						{ position: absolute; top: 0; right: 0 }

#header							{ background: url(../images/logo.png) top center no-repeat; height: 120px; position: relative; }

#hx								{ width: 970px; margin: 0 auto; position: relative; text-align: center;  }


#h-address						{ position: absolute; top: 102px; left: 318px; z-index: 2}
#h-logo							{ position: absolute; left: 300px; z-index: 4;  }
#h-phone						{ position: absolute; top: 80px; right: 2px; z-index: 3}

/* @end */

/* @group Footer */

#footer							{ background: url(../images/footer.jpg) top left no-repeat; height: 82px;  width: 994px; margin: 0 auto; position: relative; text-align: left; color: #E4DEC6 }

#fi								{ width: 935px; position: relative; left: 25px; top: 30px }
#f-nav	 						{ margin: 0; padding: 0; list-style: none; position: relative; }
#f-nav li						{ float: left; padding: 0 9px 0 0; list-style: none;  }

#footer a						{ color: #ffe9ab; text-decoration: none; padding: 2px; font-weight: normal}
#footer a:hover					{ background: #8f1f0c; color: #fff }



/* @end */

/* @group Menu */
#tbl-menu, #tbl-tequilas	{ width: 100% }
#tbl-menu td, #tbl-tequilas td
							{ border-color: #E4DEC6; border-style: solid; border-width: 0 0 1px 0; padding-top: 10px }
#tbl-menu h1, #tbl-tequilas h1		
							{ margin-top: 20px }					
.menu-header				{ padding-top: 2em; border-bottom-width: 0 }
.menu-name					{ font-weight: bold; color: #412925 }
.menu-desc					{ color: #725524; font-style: italic }
.menu-price					{ text-align: right; width: 80px }

/* @end */



/* @group News */

.news 						{ padding-bottom: 2em }
.news h1					{ font-size: 144%; margin: 0; position: relative; right: 2px; color: #000 }
.news h1 a 					{ color: #000 }
.news h1 a:hover 			{ color: #000; background: none }
.news small					{ display: block; margin-bottom: 1em; font-size: 77% }

.news .meta 				{ display: none; font-size: 85%; line-height: 1.4em; margin-top: 1em   }
.news .meta a 				{ font-weight: normal }
.news .meta ul li 			{ float: left; margin-right: 1em}

/* no icons on this site for sub items */
.news .more16 				{ background-image: none; padding-left: 0}
.news .respond16 			{ background-image: none; padding-left: 0;}
.news .permalink16 			{ background-image: none; padding-left: 0}

ul.newslist li 				{ margin-bottom: 10px}

#news-toc li.year			{ color: #000; font-weight: bold; margin: 0 0 1em 1em }
#news-toc ul.months li		{ font-weight: normal; margin: 0 0 0 1em}
#news-toc ul.months li a
							{ font-weight: bold; display: block }
#news-toc ul.months li a:hover, 
#news-toc ul.months li a:hover span		
							{ color: #fff }

/* @end */

/* @group Calendar */
#cal1container				{ background-color:#f9d985 }
.yui-calcontainer 			{ background-color:#f9d985; border: none; padding:10px;  }


.yui-calendar 				{ border-spacing:0; border-collapse:collapse; font:100% sans-serif; text-align:center; margin:0; }
.yui-calendar .calhead {
	background:transparent;
	border:none;
	vertical-align:middle;
	padding:0;
}

.yui-calendar .calheader {
	background:transparent;
	font-weight:bold;
	padding:0 0 .6em 0;
	text-align:center;
}

.yui-calendar .calnavleft {
	background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) no-repeat 0 -450px;
	width:25px;
	height:15px;
	top:0;
	bottom:0;
	left:-10px;
	margin-left:.4em;
	cursor:pointer;
}

.yui-calendar .calnavright {
	background:url(http://yui.yahooapis.com/2.6.0/build/assets/skins/sam/sprite.png) no-repeat 0 -500px;
	width:25px;
	height:15px;
	top:0;
	bottom:0;
	right:-10px;
	margin-right:.4em;
	cursor:pointer;
}

.yui-calendar .calweekdayrow th {
	padding:0;
	border:none;
}

/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
.yui-calendar .calweekdaycell {
	color:#000;
	font-weight:bold;
	text-align:center;
	width:2em;
}

.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
	color:#a6a6a6;
	font-size:85%;
	font-style:normal;
	font-weight:normal;
	border:none;
}

.yui-calendar td.calcell {
	padding:1px;
	height:1.6em;
	line-height:1.6em; /* set line height equal to cell height to center vertically */
	text-align:center;
	white-space:nowrap;
}


.yui-calendar td.calcell a {
	color:#412925;
	display:block;
	height:100%;
	text-decoration:none;
}

.yui-calendar td.calcell.today {
	border: 1px solid #8f1f0c;
}

.yui-calendar td.calcell.oom {
	color:#a6a6a6;
	cursor:default;
}

.yui-calendar td.calcell.selected {
	background-color:#8f1f0c;
}
.yui-calendar td.calcell.selected a {
	background-color:#8f1f0c;
	color:#fff;
}

.yui-calendar td.calcell.calcellhover {
	background-color:#4f4730;
	color:#fff;
	cursor:pointer;
}

.yui-calendar td.calcell.calcellhover a {
	background-color:#4f4730;
	color:#fff;
}



/* @end */

/* @group Events */
.event-date						{ font-weight: bold; color: #204045; width: 45px }
.event-title					{ font-weight: bold; color: #412925 }
.event-details					{ color: #725524; font-style: italic }

/* @end */

/* @group Media */


#tbl_media_upload td 						{ padding: 5px } 
#tbl_media_upload td .text 					{ width: 180px }

#tbl_thumb_nav					{  }
#tbl_thumb_nav td 				{ width: 115px; padding: 5px }
#tbl_thumb_nav td.next 			{ text-align: right }
#img_author_sm					{ float: left; margin-right: 6px }

#content-container							{ margin-bottom: 2em }

.gallery						{ width: 100% }
.gallery td						{ text-align: center }

/* @end */





input.text						{ background: #ffe9ab; padding: 2px; border: 1px solid #8f1f0c; font-size: 85% }


#promo							{ background: url(../images/promo_bg.gif) top left no-repeat; width: 920px; height: 240px; margin-bottom: 20px; }

#img-promo						{ position: relative; top: 9px; left: 9px}

.ibb img, 
img.ibb							{ border: 7px solid #725524 }

.ibb img:hover					{ border-color: #643718 }
#latest-photos img				{ margin: 2px }






.blog-posts						{ }
.blog-post						{ margin-bottom: 30px }
.blog-post-meta					{ color: #AE8748; margin-bottom: 10px;  }
.blog-post-teaser				{ clear: left; color: #725524}
.blog-post img.person			{ border: 5px solid #c1b9a2; float: left; margin: 0 6px 6px 0}
.blog-post-meta a				{ color: #AE8748 }
