/* Launch CSS */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

#version { 
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 8px;
	background: #2B7199;
	color: #ffffff;
	font-weight: bold;
}

/* HTML Version CSS */

/* Helper Classes */

.cb { clear:both; }

/* Generic Styles */

a { color: #333; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

input { border: 1px #ccc solid; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
textarea { border: 1px #ccc solid; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }

table { width: 100%; }
table { width: 462px; }
table tr.header {	border-bottom: 2px #fff solid; }
table tr.header:hover {	color: #fff !important; }

/* Tweaks */

/* moz outline */
*:active, *:focus {	outline: none; -moz-outline-style: none; }

/* Layout */
html, body, #flashWrapper { height: 100%; width: 100%; }

/* main */
#flashWrapper { margin: 0; }
#wrapper { margin: 20px; }

#banner {
	height: 130px;
	width: 960px;
	display: block;
	background: url(/images/layout/basic/banner.gif) 0 0 no-repeat;
}

#left {
	height: 740px;
	width: 220px;
	margin-bottom: 10px;
	float: left;
}

#nav {
	height: 500px;
	width: 256px;
	float: left;
}

#right {
	min-height: 600px;
	width: 480px;
	float: left;
}

/* nav */
ul#nav-list { margin: 22px 0 0 7px; }
ul#nav-list li a { display: block; width: 200px; margin: 10px 0; }
ul#nav-list li a span { display:none; }

/* each seperate static state */
ul#nav-list li.news a { height: 40px; background: url(/images/layout/basic/nav/news.gif) 13px 0 no-repeat; }
ul#nav-list li.gigs a { height: 52px; background: url(/images/layout/basic/nav/gigs.gif) 0 0 no-repeat; }
ul#nav-list li.pics a { height: 50px; background: url(/images/layout/basic/nav/pics.gif) 6px 8px no-repeat; }
ul#nav-list li.press a { height: 48px; background: url(/images/layout/basic/nav/press.gif) 4px 0 no-repeat; }
ul#nav-list li.mixes a { height: 60px; background: url(/images/layout/basic/nav/mixes.gif) 4px 8px no-repeat; }
ul#nav-list li.tunes a { height: 46px; background: url(/images/layout/basic/nav/tunes.gif) 10px 0 no-repeat; }
ul#nav-list li.videos a { height: 48px; background: url(/images/layout/basic/nav/videos.gif) 5px 0 no-repeat; }
ul#nav-list li.shop a { height: 84px; background: url(/images/layout/basic/nav/shop.gif) 10px 24px no-repeat; }

ul#nav-list li.news {}
ul#nav-list li.gigs { margin-top: 28px; }
ul#nav-list li.pics { margin-top: 26px; }
ul#nav-list li.press { margin-top: 28px; }
ul#nav-list li.mixes { margin-top: 22px; }
ul#nav-list li.tunes { margin-top: 30px; }
ul#nav-list li.videos { margin-top: 28px; }
ul#nav-list li.shop { margin: 0; }

ul#nav-list li.news a:hover { background-position: 13px -41px; }
ul#nav-list li.gigs a:hover { background-position: 0 -58px; }
ul#nav-list li.pics a:hover { background-position: 6px -48px; }
ul#nav-list li.press a:hover { background-position: 4px -49px; }
ul#nav-list li.mixes a:hover { background-position: 4px -58px; }
ul#nav-list li.tunes a:hover { background-position: 10px -50px; }
ul#nav-list li.videos a:hover { background-position: 5px -53px; }
ul#nav-list li.shop a:hover { background-position: 10px -69px; }

div.divider-tiny { display: block; width: 201px; height: 6px; margin: 14px 0; background: url(/images/layout/basic/components/tiny-divider.gif) 0 0 no-repeat; }
div.divider-small { display: block; width: 201px; height: 11px; margin: 14px 0; background: url(/images/layout/basic/components/small-divider.gif) 0 0 no-repeat; }
div.divider-large { display: block; width: 480px; height: 6px; margin: 14px 0; background: url(/images/layout/basic/components/large-divider.gif) 0 0 no-repeat; }

/* Headers */

h1, h2, h3 { display: block; }
h1 span, h2 span, h3 span { display:none; }
h1 {}
h2 {}
h3 { height: 18px; width:200px; margin: 14px 0; }

/* seperate headers */
h3.next-gigs { background: url(/images/layout/basic/headers/next-gigs.gif) no-repeat; }
h3.mailing-list { background: url(/images/layout/basic/headers/mailing-list.gif) no-repeat; }
h3.contact { background: url(/images/layout/basic/headers/contact.gif) no-repeat; }

/* link styles */
a.all-gigs { display: block; width: 120px; background: url(/images/layout/basic/components/right-arrow.gif) 66px 2px no-repeat; }
a.something-somewhere:hover { color: #19ffff; }

/* button styles */
input.mailing-list-tb { width: 141px; border-right: none; margin-top: 21px; }
input.mailing-list { 
	width: 70px;
	height: 68px;
	background: url(/images/layout/basic/components/buttons/mailing-list.gif) 0 -68px no-repeat;
	border: none;
	float: right;
}
input.mailing-list:hover { background-position: 0 0; }

input.contact-tb { width: 160px; }
textarea.contact-ta { width: 160px; height: 100px; margin: 10px 0; }
input.contact { 
	width: 70px; 
	height: 44px;
	float: right;
	background: url(/images/layout/basic/components/buttons/contact.gif) 0 0px no-repeat;
	border: none;
}
input.contact:hover { background-position: 0 -44px; }

/* Sections */

/* posts */
.news-item { margin: 10px 0; }
.news-item h4 { font-weight: bold; font-size: 14px; color: #000; margin: 10px 0; }
.news-item img { margin-bottom: 10px; }

/* gigs */
#gigs-list, #gigs-list a { color: #fff !important; }
div#gigs-list table tr td {	padding: 8px 0; }
div#gigs-list table tr:hover { color: #00FFFF; cursor: pointer; }

/* images / pics */
div#images-list { height: 600px; }
div#images-list img { float: left; margin: 10px 8px 24px 8px; border: 2px #666 solid; }
div#images-list img:hover { border: 2px #FF0066 solid; }

/* press */
div#press-list div {
	background: url(/images/layout/basic/components/large-divider-white.gif) 0 0 no-repeat;
	padding: 20px 0;
}
div#press-list div h4 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0;}
div#press-list div img { /* height: 340px; */ width: 460px; }

/* mixes */
div#mixes-list table tr td {	padding: 6px 0; }
div#mixes-list table tr:hover { color: #FF6600; cursor: pointer; }

/* tunes */
div#tunes-list div {
	background: url(/images/layout/basic/components/large-divider-white.gif) 0 0 no-repeat;
	padding: 20px 0;
	width: 460px;
	margin: 0 10px 0 0;
}
div#tunes-list div h4 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0;}
div#tunes-list div p { margin: 10px 0; }

/* videos list */
div#videos-list img { border: 2px #666 solid; margin: 10px 8px 0 10px; }
div#videos-list img:hover { border: 2px #0000FF solid; cursor: pointer; }

/* Section Content Holder */
.floating-box {
	position: absolute;
	top: 140px;
	left: 495px;
	z-index: 100;
	color: #fff;
}

.floating-box div#box-content {
	width: 461px;
	min-height: 600px;
	height: auto;
	background: url(/images/layout/basic/components/box-bg.png) 0 0 repeat;
	padding: 10px;
	color: #fff;
}

/*\*/
* html .floating-box div#box-content { height: 500px; }
/**/

.floating-box div#bottom {
	height: 17px;
	width: 481px;
	display: block;
	z-index: 100;
	background: url(/images/layout/basic/components/box-bottom.png) 0 0 no-repeat;
}

#box-pointer {
	height: 80px;
	width: 64px;
	display: block;
	position: absolute;
	left: 431px;
	z-index: 100;
	background: url(/images/layout/basic/components/box-pointer.png) 0 0 no-repeat;
}

#loader {
	position: absolute;
	top: 10px;
	left: 932px;
}

/* NoFlash */
#noFlash { height:357px; width: 955px; background: url(/images/layout/errors/flash-error.gif) 0 0 no-repeat;	margin: 20px; }
#noFlash a { display:block; position: absolute; }
#noFlash a span { display:none; }
#noFlash a#get-flash {
	width: 302px;
	height: 60px;
	top: 326px;
	left: 20px;
	background: url(/images/layout/basic/components/buttons/get-flash.gif) 0 0 no-repeat;
}
#noFlash a#view-html {
	width: 442px;
	height: 60px;
	top: 326px;
	left: 532px;
	background: url(/images/layout/basic/components/buttons/view-html.gif) 0 0 no-repeat;
}

div#mailing_list_promo {
	height: 58px;
	width: 200px;
	margin: 10px 0;
	background: url(/images/layout/basic/components/mailing_list_promo.jpg) 0 0 no-repeat;
}

a#album_promo {
	position: absolute;
	top: 780px;
	left: 250px;
	height: 447px;
	width: 215px;
	background: url(/images/layout/basic/components/album_promo.jpg) 0 0 no-repeat;	
}
a#album_promo:hover { background-position: -216px 0; }