/*
----------------------------------------------------
Akai Main Screen Stylesheet
Author: Moto Creative
Version: 02/01/2010
---------------------------------------------------- */

/* resets
---------------------------------------------------- */
html * { margin: 0; /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */ }
img { border: none; }
ul, li, a, div, table, img, h1, h2, h3, h4 { margin: 0px; padding: 0px; }

/* text and fonts presets
---------------------------------------------------- */
body  { font: 10px/14px Verdana, Helvetica, Arial, sans-serif; margin: 0;}
table  { font-size: inherit; }
pre, code, kbd, samp, tt { font-family: monospace; line-height: 100%; }
sup { font-size: 0.7em; }
p { margin: 12px 0px; line-height: 1.75em; }

/* basic layouts & style
---------------------------------------------------- */

body {
	background: #081013 url('../img/bg.png') repeat left top;
	text-align: center;
}

a {
	text-decoration: none;
	color: inherit;
	outline: none;
}

h1 {
	font: 300 48px/60px Georgia, Serif;
	color: #1c170e;
}

h2 {
	font: 300 20px/20px Georgia, Serif;
	color: #1c170e;
	text-transform: uppercase;
}

h3 {}

h4 {}

h5 {}

h6 {}

strong {font-weight: 700;}

em {font-style: italic;}

/*-- UI --*/

.wrap {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 950px;
	background: #081013;
	z-index: 0;
}

.main {
	position: relative;
	width: 1280px;
	min-height: 970px;
	height: auto !important; /* for IE */
	height: 970px; /* for IE */
	margin: 0px auto;
	background: transparent url('../img/main.jpg') no-repeat left top;
	z-index: 5;
}

.nav {
	position: absolute;
	width: 908px;
	height: 109px;
	left: 188px;
	top: 0px;
	background: transparent url('../img/menu.png') no-repeat left top;
	z-index: 10;
}

#aboutLink, 
#merchLink, 
#contactLink {
	display: block;
	position: absolute;
	height: 40px;
	top: 20px;
}
.myspaceLink, 
.twitterLink, 
.itunesLink, 
.facebookLink, 
.youtubeLink, 
.flickrLink {
	display: block;
	position: absolute;
	height: 30px;
	top: 70px;
}

#aboutLink {
	left: 170px;
	width: 212px;
}
#merchLink {
	left: 405px;
	width: 95px;
}
#contactLink {
	left: 525px;
	width: 205px;
}
.myspaceLink {
	left: 100px;
	width: 115px;
}
.twitterLink {
	left: 250px;
	width: 100px;
}
.itunesLink {
	left: 380px;
	width: 100px;
}
.facebookLink {
	left: 515px;
	width: 100px;
}
.youtubeLink {
	left: 660px;
	width: 100px;
}
.flickrLink {
	left: 780px;
	width: 100px;
}

.aboutPane, .merchPane, .contactPane {
	display: none; /* toggled on/off via javascript */
	position: relative;
	top: 131px;
	width: 918px;
	margin: 0px auto;
	background: transparent url('../img/content-bgy.png') repeat-y left top;
	z-index: 9;
}

.content {
	position: relative;
	top: -31px;
	width: 768px;
	*width: 918px; /* for IE */
	min-height: 208px;
	height: auto !important; /* for IE */
	height: 208px; /* for IE */
	padding: 75px 75px 0px 75px;
	background: transparent url('../img/content-bgx.png') no-repeat left -100px;
	font: 300 16px/20px Georgia, Serif;
	color: #1c170e;
	text-align: left;
}
	.content ul {
		margin-top: 30px;
	}
	.content li {
		margin: 5px 0px 5px 40px;
	}

.foot {
	position: relative;
	bottom: -31px;
	width: 918px;
	height: 100px;
	margin: 0px auto;
	background: transparent url('../img/content-bgx.png') no-repeat left top;
	z-index: 5;
}

.shows {
	position: absolute;
	width: 480px;
	top: 595px;
	left: 150px;
	text-align: left;
	z-index: 5;
}
	.shows label {
		display: block;
		margin-bottom: 15px;
		font: 700 20px/20px Georgia, Serif;
		color: #fff;
		text-transform: uppercase;
	}
	
.dates {
	position: relative;
	width: 100%;
	height: 135px;
	overflow: auto;
	scrollbar-face-color:#501d36;
	scrollbar-highlight-color:#525c5c;
	scrollbar-3dlight-color:#525c5c;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#525c5c;
	scrollbar-arrow-color:#525c5c;
	scrollbar-track-color:#000000;
	font: 300 12px/12px Georgia, Serif;
	color: #fff;
}
	.dates li {
		margin-bottom: 15px;
		margin-right: 20px;
	}
	.dates strong {
		background: #2e4f60;
		font-weight: 700;
		text-transform: uppercase;
	}
	.dates p {
		display: inline;
		background: #2e4f60;
	}
	.dates .venue {
		background: #2e4f60;
		font-weight: 700;
		text-transform: uppercase;
		color: #71bee6;
	}
	
.mailing {
	display: block;
	position: relative;
	width: 184px;
	height: 54px;
	margin: 15px 0px;
	background: transparent url('../img/mail.png') no-repeat left top;
}

.promo {
	position: absolute;
	top: 595px;
	right: 110px;
	width: 282px;
	*width: 507px;
	height: 180px;
	padding:  10px 0px 0px 225px;
	background: transparent url('../img/promo.png') no-repeat left top;
	z-index: 5;
}
.promo .product {
	position: absolute;
	right: 60px;
	top: 60px;
	width: 125px;
}
.player2 {}

.promoButton {
	position: absolute;
	top: 40px;
	left: 30px;
	width: 210px;
	height: 100px;
}

.divider {
	position: absolute;
	left: 0px;
	top: 940px;
	width: 100%;
	height: 30px;
	background: transparent url('../img/main.jpg') repeat-x left -940px;
	z-index: 1;
}

#mc_embed_signup {
	position: relative;
	*width: 650px;
}