/* style for html page & body */
html, body				{ height:100%; margin:0; padding:0; border:0; }
html					{ overflow-x:hidden; overflow-y:scroll; }
body					{ background:#000; color:#ddd;}


/* text */
body					{ font:12px/18px Tahoma, Verdana, Arial, Helvetica; color:#aaa; }
p						{ font:12px/18px Tahoma, Verdana, Arial, Helvetica; color:#aaa; }
strong.bronze			{ font-size:16px; font-weight:normal; color:#cfae78; }
h1						{ font:20px Tahoma, Verdana, Arial, Helvetica; color:#cfae78; letter-spacing:1px; margin:0; }
a						{ color:#cfae78; text-decoration:none; }
a:hover					{ color:#cfae78; text-decoration:underline; }
ul						{ margin:0 0 0 14px; padding:0; list-style:square; line-height:18px; }
td ul					{ }
ul li span				{ color:#aaa; }
ul li.grey				{ color:#555; }
.menu td + td			{ text-align:right; }
hr						{ background:#333; border-color:#333; border-width:1px; height:1px; }
.xmasbooking td			{ padding-bottom:5px; }
.xmasbooking td + td	{ text-align:right; }
input, select, textarea	{ background:#111; border:solid 1px #555; color:#aaa; width:200px; font:12px Tahoma, Verdana, Arial, Helvetica; color:#bbb; }
.xmasbooking textarea	{ height:60px; }
select					{ width:202px; padding-left:0px; }
#hour, #min				{ width:40px !important; }
#min					{ margin-right:110px; }
input.submit			{ margin:0; margin-left:-3px; padding:0; border:none; text-align:left; font:12px Tahoma, Verdana, Arial, Helvetica; color:#cfae78; cursor:pointer; }
.c-right-xmas-booking	{ height:278px; overflow:hidden; }
.input-focus			{ border-color:#cfae78; }
.input-blur				{ border-color:#555; }

/* construct */
#wrap					{ width:1012px; min-height:100%; margin:auto; position:relative; }
#logo					{ padding:50px 0; text-align:center; }
#menu					{ }
#content				{ height:auto; margin:70px 0 50px; padding:5px; border:solid 1px #181818; overflow:auto; }
#c-left					{ width:500px; min-height:318px; float:left; }
#c-right				{ width:460px; min-height:278px; height:278px; padding:20px; float:right; background:#111; overflow:hidden; }
#c-centre				{ width:960px; padding:20px; float:left; background:#111; }
#spacer					{ height:30px; }
#copyright				{ width:100%; padding-bottom:5px; font-size:10px; line-height:20px; text-align:center; }
#overlay				{ width:940px; padding:30px; border:solid 5px #cfae78; position:relative; background:#111; overflow:hidden; display:none; }
#overlay #close			{ position:absolute; bottom:40px; right:40px; z-index:1000000; font-size:36px; font-weight:bold; text-decoration:none; }

/* menu */
#menu					{ position:relative; left:50%; float:left; clear:both; }		
#nav					{ position:relative; left:-50%; font-size:14px; }
#nav, #nav ul			{ display:block; margin:0; padding:0; list-style:none; text-align:center; }
#nav li					{ display:inline; float:left; margin-right:10px; position:relative; }
#nav li:hover ul		{ display:block; }
#nav a					{ display:block;  padding:0.4em 1.5em;white-space:nowrap; color:#ddd; letter-spacing:1px; text-decoration:none; border-bottom:solid 2px #000; }
#nav a:hover			{ border-bottom:solid 2px #cfae78; }
#nav a.active			{ color:#cfae78; }
#nav ul					{ display:none; position:absolute; top:31px; left:0; padding:2px; text-align:left; z-index:9999; background:#000; border:solid 1px #222; }
#nav ul li				{ display:block; background:#222; float:none; margin:0; }
#nav ul a				{ background:#222; border-bottom:solid 2px #222; }
#nav ul a:hover			{ border-bottom:solid 2px #cfae78; }

/* blog */
#c-left-blog			{ width:500px; height:100%; float:left; background:#111; }
.blog-main				{ width:85%; padding-right:100px; }
.blog-nav				{ width:15%; }
.blog ul				{ margin-bottom:20px; }
.blog ul li				{ margin:5px 0; }
.bg						{ background:#111; height:auto; }

.blog-entry				{ position:relative; }
.blog-date				{ width:auto; position:absolute; top:0; left:0; z-index:20; padding-right:10px; font-weight:bold; text-align:right; background:#111; }
.blog-hr				{ width:100%; position:absolute; top:0; left:0; z-index:10; line-height:8px; border-bottom:dotted 1px #555; }
.blog-content			{ padding:20px 0 5px; text-align:justify; }
.blog-wrap				{ padding-bottom:10px; border-bottom:dotted 1px #555; }


.comments td			{ width:50%; }
.comments td.left		{ padding-right:30px; }
.comments td.right		{ padding-left:30px; }

.commentsform textarea	{ height:120px; }