@import 'form.css';

html, body {
	font : 12px/19px Verdana, sans-serif;
	color : #666;

	padding : 0;
	margin : 0;
	
	cursor : default;
}
html {
	height : 100%;
	
	background : #fff url('../../images/bg.png') repeat-x top left;
}
body {
	position : relative;
	min-height : 100%;
}

:link, :visited {
	text-decoration : none;
	color : #c00;
	
	cursor : pointer;
}
:link:hover, :visited:hover {
	text-decoration : underline;
}

a img {
	border : 0 none;
}

ul, ul li {
	list-style-type : circle;
}

.clear {
	display : block;
	clear : both;
}

p.error {
	font-weight : bold;
	color : #c00;
}

#root {
	width : 1005px;
	
	margin : 0 auto;
}

#head {
	height : 59px;
	padding-top : 32px;
}

#logo {
	display : block;
	width : 172px;
	height : 41px;
	float : left;
	
	text-indent : -32767em;
	
	padding : 0;
	background : transparent url('../../images/logo.png') no-repeat top left;
	margin : 0;
}
#logo a {
	display : block;
	width : 100%;
	height : 100%;
}

#head .email {
	width : 306px;
	float : right;
	
	font-size : 11px;
	line-height : normal;
	text-transform : lowercase;
	text-align : right;
	color : #ccc;
	
	padding : 0;
	margin : 5px 0 0;
}
#head .email a {
	display : block;
	color : #333;
}

#foot_block {
	height : 112px;
	clear : both;
}
#foot {
	position : absolute;
	bottom : 0;
	left : 0;
	right : 0;
	height : 63px;
	
	border-top : 1px solid #cccbc5;
	background : #e1ded6 url('../../images/foot.png') repeat-x top left;
	margin : 0;
}
#foot div {
	width : 1005px;
	font : 9px/12px Verdana, sans-serif;
	text-transform : uppercase;
	color : #999;
	
	padding : 14px 0 0;
	margin : 0 auto;
}
#foot p {
	padding : 0;
	margin : 0;
}
#foot p.copyright {
	float : right;
	text-align : right;
}
#foot p.keywords {
	float : left;
}

.navcol {
	width : 174px;
	float : left;
	
	padding-right : 30px;
}

.navcol .newsletter {
	margin-top : 44px;
	
	background : transparent url('../../images/boxies.png') no-repeat bottom left;
	padding-bottom : 87px;
}
.navcol h3 {
	font : normal 9px/13px Verdana, sans-serif;
	text-transform : uppercase;
	
	padding : 0;
	margin : 0;
}
.navcol form, .navcol fieldset {
	padding : 0;
	border : 0 none;
	margin : 0;
}
.navcol .legend {
	display : block;
	font : normal 9px/13px Verdana, sans-serif;
	text-transform : uppercase;
	color : #c00;
	
	padding : 0;
	margin : 0 0 14px;
}
.navcol input[type='submit'] {
	margin : 10px 0;
}

#main_menu {
	padding : 0 0 83px;
	background : transparent url('../../images/nav-bg.png') no-repeat bottom left;
	margin : 0;
}
#main_menu li {
	display : block;
	list-style : none; /* ie */
	
	padding : 0;
	margin : 0;
}

#main_menu ul {
	display : none;

	padding : 0;
	margin : 11px 0 6px;
}
#main_menu li.active ul {
	display : block;
}

#main_menu ul li {
	font : normal 12px/25px Verdana, sans-serif;
	text-transform : none;
}

#main_menu ul :link:hover,
#main_menu ul :visited:hover {
	color : #c00;
	text-decoration : none;
}

#main_menu > li {
	font : 16px/normal Arial, sans-serif;
	text-transform : uppercase;

	padding : 12px 0;
	border-top : 1px dotted #c2c2c2;
	margin : 0;
}
#main_menu > li:first-child {
	padding-top : 0;
	border-top : 0 none;
}
#main_menu li.active > :link,
#main_menu li.active > :visited,
#main_menu li.active .typo > :link,
#main_menu li.active .typo > :visited {
	color : #c00;
}

#main_menu a {
	color : #333;
}

.col100 {
	float : left;
	width : 801px;
}
.col50 {
	float : left;
	width : 465px;
	
	padding-right : 30px;
}
.col33 {
	float : left;
	width : 306px;
}

h1, h2, h3.bar, .navcol .header, .image .caption {
	height : 26px;
	
	font : 9px/26px Verdana, sans-serif;
	color : #f5e8e0;
	text-transform : uppercase;
	
	padding : 0 0 0 8px;
	background-color : #4a403a;
	margin : 0 0 28px;
}
h1.atop, h2.atop, .navcol .header {
	margin-right : -30px;
}
h1, h2.atop {
	padding-left : 0;
}
h2.alt, h3.bar.alt {
	color : #4a403a;
	background-color : #f0efe7;
}
h2.flush {
	margin-bottom : 0;
}
.atop.noBleed {
	margin-right : 0;
}

h2.main {
	height : auto;
	
	font : normal 32px/40px Helvetica, Arial, sans-serif;
	text-transform : uppercase;
	color : #3b3b3b;
	letter-spacing : -2px;

	padding : 0;
	background-color : #fff;
	margin-bottom : 22px;
}
h2.main strong {
	font-weight : normal;
	color : #cc0000;
}

h3 {
	font-size : 14px;
}
h3.typo {
	font-size : 18px;
}
h3.founder {
	font-size : 16px !important;
}

.image + h2 {
	margin-top : 22px;
	margin-bottom : 0;
}
.image + h2.flush {
	margin-top : 1px;
}
.image img {
	display : block;
}

.ornamentBox {
	width : 277px;

	background : transparent url('../../images/bigBoxies.png') no-repeat bottom left;
	padding-bottom : 140px;
}
.ornamentBox address {
	font-style : normal;
	margin : 1em 0.5em;
}

ul.news, ul.events {
	padding : 0;
	margin : 0 0 39px;
}

ul.news li, ul.events li {
	display : block;
	list-style : none; /* ie */
	
	line-height : 17px;
	
	margin : 0 0 25px;
}

ul.news li p, ul.events li p {
	padding : 0;
	margin : 0;
}
ul.news li p:first-line, ul.events li p:first-line {
	font-weight : bold;
}
ul.news li p.date, ul.events li p.date,
ul.news li p.date:first-line, ul.events li p.date:first-line {
	font-weight : normal;
	font-size : 9px;
	color : #999;
	display : none;
}
ul.news li a, ul.events li a {
	font-weight : normal;
}
ul.events .title {
	text-decoration : underline;
}
ul.news a {
	display : block;
	white-space : nowrap;
}

ul.fader {
	position : relative;
	
	padding : 0;
	margin : 0;
}
ul.fader li {
	position : absolute;
	top : 0;
	left : 0;
	visibility : hidden;
	display : block;
	list-style : none; /* ie */
	
	padding : 0;
	margin : 0;
}
ul.fader li:first-child {
	visibility : visible;
}

ul.april {
	padding : 0;
	margin : 0;
}
ul.april li {
	display : block;
	list-style : none; /* ie */
	
	padding : 0;
	margin : 16px 0 0;
}
ul.april p {
	margin : 0;
}
ul.april h3 {
	font-size : 14px;
	color : #333;
	text-transform : uppercase;

	padding : 0;
	margin : 0 0 2px;
}
ul.april h3 :link,
ul.april h3 :visited {
	color : #3b3b3b;
}
ul.april h3 :link:hover,
ul.april h3 :visited:hover {
	color : #c00;
	text-decoration : none;
}

blockquote {
	text-indent : 20px;

	padding : 0;
	background : transparent url('../../images/q-l.png') no-repeat top left;
	margin : 0;
}
blockquote p:first-child {
	margin-top : 0;
}

blockquote span.r {
	padding-left : 20px;
	background : transparent url('../../images/q-r.png') no-repeat top right;
}

cite {
	display : block;
	font : normal normal 9px/13px Verdana, sans-serif;
	text-transform : uppercase;
}
cite span {
	display : block;
	color : #c00;
}

/* whois */
div.founder {
	width : 276px;
	font-size : 11px;
	
	padding : 0 0 19px;
	background-color : #eee;
}
div.founder p {
	margin-left : 19px;
	margin-right : 19px;
}
div.founder img {
	display : block;
}
div.founder.flash #michaelGold {
	display : none;
}
ul.musicians {
	width : 459px;
	padding : 0;
	margin : 0;
}
ul.musicians li {
	position : relative;
	display : block;
	float : left;
	list-style : none; /* ie */
	width : 132px;
	margin-right : 21px;
	margin-bottom : 22px;
}
ul.musicians.flash li div.image,
ul.musicians.flash li p.detail,
ul.musicians.flash li:hover div.image,
ul.musicians.flash li:hover p.detail {
	display : none;
}

ul.musicians li.empty {
	height : 158px;
	
	background-color : #eee;
}

ul.musicians li p.detail {
	display : none;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 2;
	width : 105px;
	height : 116px;
	overflow : hidden;
	
	font : 9px/10px Verdana, sans-serif;
	color : #fff;
	
	padding : 8px 20px 8px 7px;
	background-color : #87756a;
	margin : 0;
}
ul.musicians li div.image img {
	display : block;
	width : 132px;
	height : 132px;
}
ul.musicians li div.image .caption {
	color : #fff;
	background-color : #807975;
	
	margin-bottom : 0;
}
ul.musicians li:hover p.detail {
	display : block;
}
ul.musicians li:hover div.image .caption {
	background-color : #4a403a;
}

/* watch */
.videoCol {
	float : left;
	width : 486px;
}
div.downloads {
	float : right;
	width : 286px;
	
	padding : 0;
	margin : 0;
}

ul.lineup, ul.downloads {
	padding : 0;
	margin : 0;
}
ul.lineup {
	margin-top : 3px;
	margin-bottom : 20px;
}
ul.lineup li {
	display : block;
	list-style : none; /* ie */
	
	padding : 15px 0;
	background-color : #fff;
	border-top : 1px solid #ccc8c5;
	margin : 0;
}

ul.downloads.audio li a {
	padding-left : 20px;
	background : transparent url('../../images/audioIcon.png') no-repeat center left;
}
ul.downloads.audio li a.buy,
a.buy {
	padding-left : 0;
	padding-right : 12px;
	background : transparent url('../../images/goArrow.png') no-repeat center right;
}

ul.lineup li img {
	display : block;
	float : left;
}
ul.lineup li div.detail {
	margin-left : 136px;
}
ul.lineup h3 {
	font-weight : normal;
	font-size : 14px;
	line-height : 15px;

	margin : 0 0 6px;
}
ul.lineup li {
	visibility : hidden;
	cursor : pointer;
}
ul.lineup li.loading {
	visibility : visible;
	cursor : default;
}
ul.lineup a.playButton {
	display : block;
	text-indent : -32767em;
	width : 38px;
	height : 9px;
	
	background : transparent url('../../images/play.png') no-repeat top left;
}
ul.lineup p.runtime {
	font-size : 9px;
	color : #3b3b3b;
	
	margin : 6px 0 0;
}
ul.lineup li.active a.playButton,
ul.lineup li:hover a.playButton {
	background-position : bottom left;
}
ul.lineup li.active h3 {
	color : #c00;
}


ul.downloads li {
	display : block;
	list-style : none; /* ie */
	
	background-color : #fef8f5;
	
	padding : 7px 11px;
	border-top : 1px solid #fff;
	margin : 0;
}
ul.downloads li.alt {
	background-color : #edeae9;
}
ul.downloads small {
	font-size : 10px;
}

/* buy */
.billingAddress, .shippingAddress,
.purchaseDetail, .bulkRates {
	float : left;
	width : 390px;
	
	margin-bottom : 23px;
}
.billingAddress, .purchaseDetail {
	margin-right : 20px;
}
.shippingAddress h3 {
	margin-bottom : 5px;
}
.shippingAddress h3 + div {
	font-size : 11px;
	line-height : 14px;
	margin-bottom : 4px;
}
.billingAddress div,
.shippingAddress div,
.purchaseDetail div {
	clear : left;
	margin-bottom : 5px;
}

.bulkRates {
	color : #c00;
	white-space : nowrap;
}
.bulkRates h3 {
	padding : 0;
	margin : 0 0 14px;
}
.bulkRates dl {
	padding : 0;
	margin : 0;
}
.bulkRates dt {
	display : block;
	float : left;
	width : 60px;
	padding : 0;
	margin : 0 6px 2px 0;
}
.bulkRates dd {
	display : block;
	padding : 0;
	margin : 0 0 2px;
}

.paymentInfo {
	clear : both;
	padding-top : 20px;
}

/* press */
ul.press {
	padding : 0;
	margin : 0;
}
ul.press li {
	display : block;
	list-style : none; /* ie */
	
	border-top : 1px solid #e1e1e1;
	padding : 15px 0;
}
ul.press li:first-child {
	border-top : 0 none;
}
ul.press img {
	display : block;
	float : left;
	max-width : 100px;
	
	margin-top : 4px;
}
ul.press div.detail {
	margin-left : 123px;
}
ul.press h3 {
	margin : 0;
}
ul.press p {
	margin : 0;
}

/* booking */
.bookit {
	font-size : 24px;
	line-height : 40px;
}

em.colour {
	font-style : normal;
	color : #cc0000;
}