/*LICENCE --------------------------------------
Base structure courtesy Darren Wood (darren@dontcom.com) 2007
This work is licensed under a Creative Commons Attribution-Share Alike 3.0 New Zealand License
http://creativecommons.org/licenses/by-sa/3.0/nz/
*/

/*CONTENTS ---------------------------------------
=1: Reset all elements to a common value
=2: Default classes
=3: Accessibility
=4: Default Styles
=4a: colours, sizes, etc
=5: Layout Styles
=6: generic styles
=7: Page related styles
=7a: home page
=7b: another page
*/

/* -- =1: RESET ALL ELEMENTS ----------------------------------------------------------------------- */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}



/* -- =2: DEFAULT CLASSES -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.large { font-size: 1.3em; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em; }
.bold { font-weight: bold; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; height: 1px; overflow: hidden; }
.uppercase { text-transform: uppercase; }


/* -- =4: DEFAULT STYLES --------------------------------------------------------------------------- */
/* =4a: COLOURS, SIZES, ETC */
body {
	font: 62.5%/1.4 sans-serif;
	background: #0D0D0D;
	color: #878686;
}

h1 { 
	font-size: 2.1em;
	color: #5AAB70;
	margin: 0 0 10px 0;
}

h2 { font-size: 1.8em; }

h3 { font-size: 1.6em; }

h4 {	
	font-size: 1.1em;
	color: #5AAB70;
	text-transform: uppercase;
	
 }

a:link, a:visited { color: #CF7041; }

a:hover, a:active { color: #AA5D36; }


/* -- =5: LAYOUT STYLES ---------------------------------------------------------------------------- */
#container {
	width: 780px;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
}


#inner {
	padding: 4px 4px 0 4px;
	background: #181818;
}

#topnav {
	margin: 40px 0 0 20px;
	font-size: 1.2em;
}

#content {
	margin: 3px 0 0 0;
	background-image: url('/images/content-bg.gif');
	background-repeat: repeat-y;
	padding: 0;
}

#leftcol {
	margin: 0;
	padding: 3px 0 9px 0;
	width: 285px;
	float: left;
	background-image: url('/images/leftcol-bg.gif');
	background-repeat: repeat-x;
	text-align: center;
}

#rightcol {
	margin: 0;
	width: 487px;
	float: right;
}

#textbox {
	width: 437px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #303030;
	margin: 0;
	padding: 30px 25px 10px 25px;
}

#prefoot {
	clear: both;
	height: 6px;
	border-bottom: 1px solid #303030;
}
#footer {
	padding: 13px 0 0 0;
	border-top: 1px solid #000;
	margin: 0 0 40px 0;
}


/* =6: GENERIC STYLES ------------------------------------------------------------------------------ */

table.header td { background:#000; padding:5px; }

img {
	border: 0;
}

#topnav a {
	color: #5AAC70;
	text-decoration: none;
}

#topnav a:hover {
	text-decoration: underline;
}

.contrast {
	color: #5AAB70;
}

.contrast2 {
	color: #F28C08;
}

.contrast3 {
	color: #5AAC70;
}

ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

ul#nav li {
	float: left;
	height: 23px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #303030;
	border-right: 1px solid #303030;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
	background: #212121;
	font-size: .98em;
	background-image: url('/images/nav-top.gif');
	background-repeat: repeat-x;
}

ul#nav li a {
	text-transform: uppercase;
	color: #818181;
	text-decoration: none;
}

ul#nav li a:hover, ul#nav li a:active, ul#nav li a.sel {
	color: #E26830;
}

ul#nav li img {
	float: right;
	margin: 0 7px 5px 0;
	position: relative;
	top: -2px;
}


ul#nav li.func { width: 94px; }
ul#nav li.gig { width: 90px; }
ul#nav li.dj { width: 94px; }
ul#nav li.bl { width: 109px; }
ul#nav li.cont { width: 90px; }

p {
	margin: 0 0 1em 0;
}
p.quote {
	padding: 7px 5px 5px 5px;
	font-size: 1.5em;
	margin:0;
	font-style:italic;
}
p.name {
	padding: 0px 15px 20px 5px;
	font-size: 1em;
	margin:0;
	text-align:right;
}

#textbox p {
	font-size: 1.2em;
}
#leftcol {
	font-size: 1.1em;
}
#leftcol h1{
	color:#FFFFFF;
	padding-bottom:5px;
}
/* old red colour FF7F00 */
.redbox a {
	color: #FF7F00;
	font-weight: bold;
}

#leftcol img {
	margin: 6px 0 0 0;
}

/* =7: PAGE-RELATED STYLES ------------------------------------------------------------------------- */
/* =7a: HOME PAGE */

img.cocktailweek {
	margin: 8px 0 5px 0;
}

div.cocktail {
	margin: 0px 0 12px 0;
	text-align: left;
	padding: 0 40px 0 20px;
}

/* =7b: room detail pages */

#picbord1 {
	background: #410100;
	margin: 5px 10px 0 10px;
	padding: 1px 0 1px 0;
}

#picbord1 #picbord2 {
	background: #541819;
	margin: 9px;
	padding: 0 0 8px 0;
	text-align: center;
}

#leftcol #picbord1 {
	width: 264px;
}

#leftcol #picbord1 #picbord2 {
	width: 246px;
}

#redboxes #picbord1 {
	width: 476px;
}

#redboxes #picbord1 #picbord2 {
	width: 456px;
	padding: 9px 0 9px 0;
}

#botpic a {
	display: block;
	width: 436px;
	height: 309px;
	margin: 0 0 0 10px;
}

#botpic a.bl {
	background: url("/images/bl-botpic.jpg") 0 0 no-repeat;
}

#botpic a.func {
	background: url("/images/func-botpic.jpg") 0 0 no-repeat;
}

#botpic a:hover { 
	background-position: -436px 0;
}

#leftpix {
	padding: 1px;
}

#leftpix a {
	display: block;
	width: 232px;
	height: 882px;
	margin: 6px 0 0 7px;
}

#leftpix a.func {
	background: url("/images/func-1.jpg") 0 0 no-repeat;
}

#leftpix a.bl {
	background: url("/images/bl-1.jpg") 0 0 no-repeat;
}

#leftpix a:hover { 
	background-position: -232px 0;
}

/* =7c: billiard lounge */

#poolcomp {
	clear: both;
	margin: 10px 0 0 0;
	padding: 1px;
	width: 440px;
	height: 291px;
	background-image: url('/images/bl-poolcomp.jpg');
	background-repeat: no-repeat;	
}

	#poolcomp #comptext {
		width: 190px;
		margin: 20px 0 0 17px;
		color: #fff;
	}
	
	
/* =7d: events */

.event {
	clear: both;
	margin: 0;
	background-image: url('/images/event-bg.gif');
	background-repeat: repeat-y;
}
	.event .gigimg {
		float: left;
		width: 78px;
		text-align: right;
	}

	.event .gigimgarr {
		float: left;
		width: 20px;
		padding: 90px 0 30px 1px;
		text-align: center;
	}

	.event .gigdata {
		float: left;
		width: 310px;
		padding: 3px 0 30px 12px;
	}
	
	.gigdate {
		font-size: 1.2em;
		color: #5AAC70;
	}
	
	.gigtitle {
		font-size: 1.8em;
		color: #DA9354;
		margin-right: 5px;
	}
	
	.pricetime {
		font-weight: bold;
	}


/* =7e: red boxes */

#redboxes {
	width: 482px;
	border-top: 1px solid #000;
	margin: 0;
	background: #1C1C1C;
	padding: 3px 5px 15px 0;
}

.redbox {
	width: 232px;
	background-color: #7E0101;
}

.redboxtop a {
	display: block;
	width: 220px;
	height: 208px;
	padding: 10px 0 0 12px;
	text-decoration:none;
	font-size: 2.7em;
	font-weight:lighter;
	font-family:sans-serif;
	line-height:1.1em;
}

.redboxtop {
	background: url("/images/redbox-bg-pull.png") 0 0 no-repeat;
}

.redboxtop a.billiard {
	background: url("/images/redbox-bg-billiard.png") 0 0 no-repeat;
}

.redboxtop a:hover { 
	color:#e78d58;
}

.redboxtext {
	background: url("/images/redbox-bg-text.png") 0 0 no-repeat;
	padding: 3px 9px 12px 10px;
	color: #fff;
}

/* =7f: contact */

#newsletter {
	clear: both;
	margin: 8px 0 16px 0;
	font-size: 1.3em;
}

#newsletter input {
	padding: 2px;
	margin: 0 4px 0 0;
}

#newsletter input.text {
	border: 1px solid #999;
}

p.hilite {
	font-size: 1.3em;
	padding: 3px;
	background: #FC3;
	color: #900;
}