/*
Copyright Matthew Ball 2007
All Rights Reserved
"JAZZ CLUB" theme - andyhiggs.co.uk
*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #FFF;
	background-color: #000;
	padding: 5px;
}

#content .fitt_hover {
	cursor:pointer;
	cursor:hand;
}

.alt {display:none;}

/* Main */

#access {
	position: absolute;
	text-indent:-9999px;
}

body, html {margin:0;padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #000;
	text-align: center;
	background-image: url(../images/main_r4_c2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 193px;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position:relative;
}

#book_now {position:absolute;top:0;left:32px;}
#book_now a {position:relative;top:-1px;}
#book_now a:hover {position:relative;top:0;}

#branding  {padding-top:42px;}
#branding a {
	background-image: url(../images/main_r2_c7.jpg);
	height: 137px;
	width: 424px;
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	margin-bottom: 14px;
	color:#FFF;
	overflow:hidden;
}
#navigation {
	margin-left: 300px;
	clear:both;
	height:40px;
}
#navigation li {
	float: left;
	position:relative;
}
#navigation li a {
	padding: 12px 16px;
	border-bottom: 1px solid #000;
	overflow:hidden;
	zoom:1;
	color:#FFF;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	display: block;
	text-transform: lowercase;
}
#navigation li a:focus,
#navigation li a:hover {
	border-bottom: 1px solid #FFF;
}

#navigation ul {position:absolute;top:38px;left:-95px;background:#000;background: rgba(0,0,0,0.8);border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;padding:0 6px;}

#navigation ul li {width:230px;text-align:center;overflow:hidden;zoom:1;}

#navigation ul li a {color:#FFF;font-weight:bold;text-decoration:none;overflow:hidden;zoom:1;display:block;padding:8px 0;border:none;text-transform:lowercase;}
#navigation ul li a:hover {background-color:#222;border:none;}

#navigation ul li a span {display:none;}
#navigation ul li a span.light {display:inline;color:#999;}


#content {
	clear: both;
	overflow:hidden;
	padding-bottom:1em;
}
#content strong {font-weight:bold;}
#content em {font-style:italic;}
#content span.grey {color:#999;}
#content a:link {
	color: #FFF;
	text-decoration: underline;
}
#content a:hover {
	color: #000;
	text-decoration: underline;
	background-color: #FFF;
}
#content ul.no-under li a:hover { text-decoration:none; background:none;}
#content a:visited {
	color: #999;
	text-decoration: underline;
}
#content p, #content ol, #content ul, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin-top: 16px;
	margin-bottom: 16px;
}
#content ul.buttoned  li, ol.buttoned li {
	background-image: url(../images/main_r7_c6.jpg);
	height: 41px;
	width: 424px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 16px;
}
#content ul.buttoned li a, ol.buttoned li a {
	height: 41px;
	display: block;
	width: 373px;
	padding-left: 50px;
	color: #FFF!important;
	text-decoration: none;
	line-height: 38px;
}
#content ul.buttoned li a:hover, ol.buttoned li a:hover {
	height: 41px;
	display: block;
	width: 373px;
	padding-left: 50px;
	text-decoration: underline;
	line-height: 38px;
	background-color: transparent;
}
#content h2 {
	font-size: 152%;
	text-transform: lowercase;
	font-weight: bold;
	word-spacing: -0.05em;
	letter-spacing: -0.05em;
}
#content h3 {
	font-size: 136%;
	text-transform: lowercase;
	font-weight: bold;
	word-spacing: -0.05em;
	letter-spacing: -0.05em;
	clear: both;
}
#content h3.reduced {
	font-size: 107%;
}
#content h4 {
	font-size: 114%;
	text-transform: lowercase;
	font-weight: bold;
	word-spacing: -0.05em;
	letter-spacing: -0.05em;
	clear: both;
}
#content  blockquote {
	border: 1px solid #444;
	padding: 1px 18px;
	font-style: italic;
	color: #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content   p.citation, #content p cite {
	font-style: italic;
	margin-top:0.5em;
	margin-bottom:2em;
}
#content  ul.list li  {
	margin-left: 1em;
	list-style: outside disc;
}
#content p.first {
	font-weight: bold;
}
#content .i-gallery {
	background-image: url(../images/main_r1_c2.jpg);
	background-repeat: no-repeat;
	background-position: 16px 8px;
}
#content .i-recordings, #content .i-download-mp3 {
	background-image: url(../images/main_r5_c2.jpg);
	background-repeat: no-repeat;
	background-position: 16px 9px;
}
#content .i-bands {
	background-image: url(../images/band-icon.jpg);
	background-repeat: no-repeat;
	background-position: 16px 9px;
}
#content .i-contact {
	background-image: url(../images/main_r8_c1.jpg);
	background-repeat: no-repeat;
	background-position: 14px 8px;
}
#content .i-notes {
	background-image: url(../images/note-icon.jpg);
	background-repeat: no-repeat;
	background-position: 14px 8px;
}
#content .col-1-a {
	float: left;
	padding-right: 34px;
	padding-left: 34px;
	width: 100%;
}
#content .col-2-a {
	float: left;
	width: 429px;
	padding-right: 17px;
	padding-left: 34px;
}
#content .col-2-b {
	float: left;
	width: 429px;
	padding-left: 17px;
	padding-right: 34px;
}

#content .col-3-a {
	float: left;
	width: 274px;
	padding-right: 17px;
	padding-left: 34px;
}
#content .col-3-b {
	float: left;
	width: 274px;
	padding-left: 17px;
	padding-right: 17px;
}
#content .col-3-c {
	float: left;
	width: 274px;
	padding-left: 17px;
	padding-right: 34px;
}

#content .col-3-a h2,
#content .col-3-b h2,
#content .col-3-c h2 {font-size:130%;}


#content .top-of-column {
	margin-top: 18px;
}
#content .col-image {
	border: 1px solid #383838;
}
#content   .top-border {
	border-top: 1px dotted #FFF;
}
#content .bottom-border {
	border-bottom: 1px dotted #FFF;
}
#content a.block-link {
	display: block;
	padding: 1px 18px;
	text-decoration: none;
	color: inherit;
}

#content a.feature-button {background-color: #DDD;color:#000;padding:1em 2em;border:4px solid #999;border-radius:10px;font-weight: bold;text-decoration: none;font-size: 16px;margin: 2em 0;display: block;text-align: center;}
#content a.feature-button:hover,
#content a.feature-button:focus {background-color: #fff;border:4px solid #DDD;}


/*Gallery*/

ul.gallery li {
	float:left;
	padding:0 1px 2px;
}
ul.gallery li a {display:block;border:1px solid #999;line-height:0;margin:0 !important;padding:0 !important;}
.recording-attribute {
	font-size: 77%;
	line-height: 1;
	display: block;
	width: 200px;
	float: right;
	margin-top: -34px;
	margin-right: 5px;
	height: 50px;
}

#footer {
	clear: both;
	background-image: url(../images/main_r6_c4.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 80px;
	padding-top: 40px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #222;
	font-size: 77%;
}
#footer p, #footer a, #footer a:visited {
	text-decoration: none;
	color: #666;
}
#footer a:active, #footer a:hover {
	text-decoration: none;
	color: #FFF;
}
#footer .attribute a {
	background-image: url(../images/ah-logo.gif);
	display: block;
	height: 27px;
	width: 40px;
	text-indent: -9999px;
	margin: 9px auto 0;
}
#content  span.last   {
	color: #929598;
}
#content   a.clickable    {
	background-color: #000;
	padding-top: 70px;
	padding-right: 17px;
	padding-bottom: 1px;
	padding-left: 17px;
	background-image: url(../images/main_r6_c4.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 17px;
	border: 1px dotted #FFF;
	margin-top: 17px;
	height: 230px;
	text-align: center;
	display: block;
	position: relative;
	overflow: hidden;
	width:378px;
	text-decoration: none;
	font-weight: bold;
	
	}


#content .clickable img {position: absolute;top:30px;left:0;z-index:1;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
#content .clickable h2 {position: absolute;top:0;left:0;right:0;z-index:2;color:#FFF;background-color: #000;width:100%;padding:.5em 0;margin:0;}
#content .clickable p {font-size:16px;line-height: 1.3 !important;color:white;}

#content .clickable:hover,
#content .clickable:focus {border-style:solid;}
#content .clickable:focus,
#content .clickable:hover img {opacity:0.1;top:40px;}

.centered {
	text-align: center;
}

div.left-set {position:absolute;margin-left:-464px;margin-top:-2.5em;}
img#gourmet_strings_image {float:right;margin-left:20px;margin-top:-3em;}

#content .vcard {
	font-size: 114%;
	padding-top: 17px;
	padding-right: 34px;
	padding-bottom: 17px;
	padding-left: 34px;
	background-image: url(../images/main_r6_c4.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px dotted #FFF;
	width: 300px;
	margin-bottom: 17px;
}

#content .vcard .tel {font-size:24px;font-weight:bold;}
#content .vcard .email-wrap{font-size:16px;font-weight:bold;}

#content p {
	line-height: 1.5;
}
#content p.offset-top {
	margin-top:0.5em;
	margin-bottom:2em;
	line-height: 2;
	padding-top: 1em;
}
#content p.offset-top-half {
	margin-top:0.2em;
	margin-bottom:2em;
	line-height: 2;
}

#content .col-3-a .clickable h2,
#content .col-3-b .clickable h2 {font-size:28px;}

#content .col-3-c .clickable h2 {font-size:26px;}

.gourmet-jazz #content h2 {
	font-size:32px;
}