/* Global
----------------------------------------------------------------------- */
html, body { margin: 0; padding: 0; height: 100%; }

body
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	background: #fff;
}

a { color: #ad66cc; text-decoration: none; }
a:hover { color: #ccc; text-decoration: none; }
a.on { color: #fff; text-decoration: none; }

p { line-height: 16px; font-weight: normal; }

span.title { color: #ad66cc; }

/* Layout
----------------------------------------------------------------------- */
#page
{
	width: 784px;
	margin: auto;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
}

#wrapper { padding: 0 0px 0 0px; }

/* Masthead
----------------------------------------------------------------------- */
#masthead
{
	margin: 0px;
	height: 113px;
	text-indent: -9000em;
	overflow: hidden;
	background: #fff;
	background-repeat: no-repeat;
}

#masthead .logo
{
	float: left;
	margin: 20px 0 0 22px;
	width: 416px;
	height: 85px;
	background-image: url("../_imgs/_global/77_header.gif");
}

#masthead .icon
{
	float: left;
	margin: 20px 0 0 257px;
	width: 86px;
	height: 83px;
	background-image: url("../_imgs/_global/icon.gif");
}

/* Global Content
----------------------------------------------------------------------- */
#content
{
	float: left;
	width: 506px; /*784px*/
	background: #fff;
}

/* Global Content Left
----------------------------------------------------------------------- */
#content #left
{
	float: left;
	width: 27px;
	background: #fff;
}

/* Drummers Content
----------------------------------------------------------------------- */
body.drummers #content { }

body.drummers #content #left div.border_top
{
	height: 30px;
	border-right: 3px solid #000;
}

body.drummers #content #left div.border_bottom
{
	height: 450px;
	_height: 370px;
	border-right: 3px solid #000;
}

/* Mission Content
----------------------------------------------------------------------- */
body.mission #content { }

body.mission #content #left div.border_top
{
	height: 90px;
	border-right: 3px solid #000;
}

body.mission #content #left div.border_bottom
{
	height: 390px;
	border-right: 3px solid #000;
}

/* Video Content
----------------------------------------------------------------------- */
body.video #content { }

body.video #content #left div.border_top
{
	height: 30px;
	border-right: 3px solid #000;
}

body.video #content #left div.border_bottom
{
	height: 450px;
	_height: 335px;
	border-right: 3px solid #000;
}

/* Images Content
----------------------------------------------------------------------- */
body.images #content { }

body.images #content #left div.border_top
{
	height: 90px;
	border-right: 3px solid #000;
}

body.images #content #left div.border_bottom
{
	height: 390px;
	_height: 391px;
	border-right: 3px solid #000;
}

/* Words Content
----------------------------------------------------------------------- */
body.words #content { }

body.words #content #left div.border_top
{
	height: 30px;
	border-right: 3px solid #000;
}

body.words #content #left div.border_bottom
{
	height: 450px;
	_height: 317px;
	border-right: 3px solid #000;
}

/* Left Header Navigation
----------------------------------------------------------------------- */
#content #header
{
	margin: 0px 0 0 24px;
	width: 482px;
	height: 30px;
	background: #fff;
}

#content #header dl
{
	float: left;
	margin-top: 0px;
}

#content #header dt { float: left; }

#content #header dt a
{
	display: block;
	float: left;
	height: 30px;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
}

#content #header dt a:hover { background-position: 0 -30px; }

#content #header dt#drummers_btn,
#content #header dt#drummers_btn a { background-image: url("../_imgs/_global/drummers_btn.gif"); width: 94px; }

#content #header dt#mission_btn,
#content #header dt#mission_btn a { background-image: url("../_imgs/_global/mission_btn.gif"); width: 97px; }

#content #header dt#video_btn,
#content #header dt#video_btn a { background-image: url("../_imgs/_global/video_btn.gif"); width: 97px; }

#content #header dt#images_btn,
#content #header dt#images_btn a { background-image: url("../_imgs/_global/images_btn.gif"); width: 97px; }

#content #header dt#news_btn,
#content #header dt#news_btn a { background-image: url("../_imgs/_global/news_btn.gif"); width: 97px; }

body.drummers #content #header dt#drummers_btn,
body.drummers #content #header dt#drummers_btn a,
body.mission #content #header dt#mission_btn,
body.mission #content #header dt#mission_btn a,
body.video #content #header dt#video_btn,
body.video #content #header dt#video_btn a,
body.images #content #header dt#images_btn,
body.images #content #header dt#images_btn a,
body.words #content #header dt#news_btn,
body.words #content #header dt#news_btn a { background-position: 0 -60px; }

/* Drummers Left Navigation
----------------------------------------------------------------------- */
body.drummers #content #left dl { float: left; margin-top: 0px;  }

body.drummers #content #left dt { float: left; }

body.drummers #content #left dt a
{
	display: block;
	float: left;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
}

body.drummers #content #left dt a:hover { background-position: -27px 0; }

body.drummers #content #left dt#map_btn,
body.drummers #content #left dt#map_btn a { background-image: url("../_imgs/_drummers/map_btn.gif"); width: 27px; height: 42px; }

body.drummers #content #left dt#list_btn,
body.drummers #content #left dt#list_btn a { background-image: url("../_imgs/_drummers/list_btn.gif"); width: 27px; height: 39px; }

body.drummers #content #left dt#map_btn.active,
body.drummers #content #left dt#map_btn.active a,
body.drummers #content #left dt#list_btn.active,
body.drummers #content #left dt#list_btn.active a { background-position: -54px 0; }

/* Video Left Navigation
----------------------------------------------------------------------- */
body.video #content #left dl { float: left; margin-top: 0px; }

body.video #content #left dt { float: left; }

body.video #content #left dt a
{
	display: block;
	float: left;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
}

body.video #content #left dt a:hover { background-position: -27px 0; }

body.video #content #left dt#def_btn,
body.video #content #left dt#def_btn a
{
	background-image: url("../_imgs/_video/definitive_btn.gif");
	width: 27px;
	height: 69px;
}

body.video #content #left dt#eye1_btn,
body.video #content #left dt#eye1_btn a { background-image: url("../_imgs/_video/eye1_btn.gif"); width: 27px; height: 47px; }

body.video #content #left dt#eye2_btn,
body.video #content #left dt#eye2_btn a { background-image: url("../_imgs/_video/eye2_btn.gif"); width: 27px; height: 44px; }

body.video #content #left dt#def_btn.active,
body.video #content #left dt#def_btn.active a,
body.video #content #left dt#eye1_btn.active,
body.video #content #left dt#eye1_btn.active a,
body.video #content #left dt#eye2_btn.active,
body.video #content #left dt#eye2_btn.active a { background-position: -54px 0; }

/* Words Left Navigation
----------------------------------------------------------------------- */
body.words #content #left dl { float: left; margin-top: 0px; }

body.words #content #left dt { float: left; }

body.words #content #left dt a
{
	display: block;
	float: left;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
}

body.words #content #left dt a:hover { background-position: -27px 0; }

body.words #content #left dt#comm_btn,
body.words #content #left dt#comm_btn a { background-image: url("../_imgs/_words/comm_btn.gif"); width: 27px; height: 79px; }

body.words #content #left dt#credits_btn,
body.words #content #left dt#credits_btn a { background-image: url("../_imgs/_words/credits_btn.gif"); width: 27px; height: 54px; }

body.words #content #left dt#comm_btn.active,
body.words #content #left dt#comm_btn.active a,
body.words #content #left dt#credits_btn.active,
body.words #content #left dt#credits_btn.active a { background-position: -54px 0; }

/* Global Middle Content
----------------------------------------------------------------------- */
#content #middle
{
	float: left;
	width: 476px;
	background: #fff;
	border-right: 3px solid #000;
}

#content #middle .padding
{
	padding: 31px 6px 0 6px; /*56px*/
	_padding: 31px 6px 0 3px;
	
}

/* Drummers Middle Content
----------------------------------------------------------------------- */
body.drummers #content #middle { height: 480px; }

body.drummers #content #middle #flash
{
	width: 465px;
	height: 420px;
	background: #fff;
}

/* Mission Middle Content
----------------------------------------------------------------------- */
body.mission #content #middle { height: 480px; }

body.mission #content #middle h1
{
	float: left;
	margin: 0;
	padding: 0;
	width: 442px;
	height: 328px;
	text-indent: -9000em;
	overflow: hidden;
	background: #fff url("../_imgs/_mission/mission_txt.gif") no-repeat;
}

/* Video Middle Content
----------------------------------------------------------------------- */
body.video #content #middle { height: 480px; }

body.video #content #middle #flash
{
	width: 465px;
	height: 450px;
	background: #fff;
}

/* Images Middle Content
----------------------------------------------------------------------- */
body.images #content #middle { height: 480px; }

body.images #content #middle #flash
{
	width: 465px;
	height: 450px;
	background: #fff;
}

/* Words Middle Content
----------------------------------------------------------------------- */
body.words #content #middle { height: 480px; }

/* Community */
body.words #content #middle dl, body.words #content #middle dl.entry
{
	float: left;
	width: 440px;
	padding-bottom: 12px;
}

body.words #content #middle dl.entry dt
{
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
}

body.words #content #middle p { padding-bottom: 6px; }

body.words #content #middle dl.entry dd.author
{
	float: left;
	width: 220px;
	text-transform: uppercase;
	padding-bottom: 12px;
}

/* Credits */

/* Words ScrollBar
----------------------------------------------------------------------- */
body.words #content #middle div#hold
{
	float: left;
	position: relative;
	width: 450px;
	height: 440px; 
	z-index: 100;
	background: #fff;
}

body.words #content #middle div#wn
{ 
	position: absolute; 
	left: 0px;
	top: 0px; 
	width: 450px;
	height: 440px; 
	clip:rect(0px, 449px, 440px, 0px); 
	overflow: hidden;	
	z-index: 1; 
}

body.words #content #middle div.content
{ 
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px; 
	width: 440px;
	z-index: 1;
	/*padding-right: 20px;*/
}

body.words #content #middle div#scrollbar
{
	float: left;
	position: relative;
	width: 5px;
	height: 440px; 
	z-index: 1;
}

body.words #content #middle div#track
{ 
	position: absolute;
	left: 0;
	top: 0px;
	width: 16px;
	height: 440px;
	background: url("../_imgs/_words/_scrollbar/track.gif") #666 repeat;
	z-index: 1;
}

body.words #content #middle div#dragBar
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 16px;
	height: 70px;
	z-index: 1;
	background: url("../_imgs/_words/_scrollbar/drag.gif") #fff repeat;
}

body.words #content #middle div#up { position: absolute; left: 0; top: 0; z-index: 5; background-color: #fff; }
body.words #content #middle div#down { position: absolute; left: 0; bottom: 0; z-index: 3; background: #fff; }

/* Viva Middle Logo
----------------------------------------------------------------------- */
#viva
{
	float: left;
	margin: 0 0 0 24px;
	_margin: 0 0 0 12px;
	width: 482px;
	height: 70px;
	background: #fff url("../_imgs/_global/bottom_border.gif") no-repeat;	
}

#viva .viva_icon
{
	text-indent: -9000em;
	overflow: hidden;
	float: left;
	margin: 0px 0 0 0px;
	width: 70px;
	height: 70px;
}

#viva a
{
	display: block;
	width: 70px;
	height: 70px;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
	background-image: url("../_imgs/_global/viva_logo.gif");
}

#viva a:hover { background-position: 0 -70px; }

/* Global Right Content
----------------------------------------------------------------------- */
#right
{
	margin-left: 506px;
	background: #fff;
}

#right .padding { padding: 0px 9px 0 9px; }

#right h1
{
	margin: 0px;
	padding: 0;
	text-indent: -9000em;
	overflow: hidden;
}

#right a#click_btn
{
	display: block;
	margin-left: 141px;
	height: 11px;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
	background-image: url("../_imgs/_global/click_btn.gif"); width: 99px;
}

#right a#click_btn:hover { background-position: 0 -11px; }

#right a#click_btn.active { background-position: 0 -11px; }

#right img { padding: 6px 0 6px 0; }

#right dl.adspace
{
	margin-top: 0; /* 95px */
	width: 240px;
	background: #fff;
	border-top: 3px dotted #000;
}

#right dl.adspace dd
{
	background: #fff;
}

/* TEMPORARY COMING SOON */
#right dl.adspace dd#tshirts_soon
{
	display: block;
	margin-top: 6px;
	height: 66px;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
	background-image: url("../_imgs/_global/tshirts_soon.gif"); width: 240px;
}

#right dl.adspace dd a#tshirts_btn
{
	display: block;
	margin-top: 6px;
	height: 66px;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
	background-image: url("../_imgs/_global/tshirts_btn.gif"); width: 240px;
}

#right dl.adspace dd a#tshirts_btn:hover { background-position: 0 -66px; }

#right dl.adspace dd a#listen_btn
{
	display: block;
	margin: 6px 0 0px 0;
	height: 94px;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
	background-image: url("../_imgs/_global/viva_btn.jpg"); width: 240px;
}

#right dl.adspace dd a#listen_btn:hover { background-position: 0 -94px; }

#right dl.adspace dd a#dl_btn
{
	display: block;
	margin: 6px 0 0px 0;
	height: 24px;
	text-indent: -9000em;
	overflow: hidden;
	background-position: 0 0px;
	background-repeat: no-repeat;
	background-image: url("../_imgs/_global/dl_player_btn.gif"); width: 240px;
}

#right dl.adspace dd a#dl_btn:hover { background-position: 0 -24px; }

/* Mailing List Form */
#right fieldset
{
	margin: 6px 0 0px 0;
}

#right fieldset input.field
{
	float: left;
	margin: 3px 0px 0 0;
	width: 175px;
	padding: 2px;
}

#right fieldset input.btn { float: right; }

/* Drummers Right Content
----------------------------------------------------------------------- */
body.drummers #right { }

body.drummers #right h1
{
	width: 240px;
	height: 40px;
	background: url("../_imgs/_drummers/drummers_header.gif") no-repeat;
}

body.drummers #right h1.drummer_name
{
	height: 40px;
	background: url("../_imgs/_drummers/ad_header.gif") no-repeat;
}

body.drummers #right h1.drummer_name
{
	height: 40px;
	background: url("../_imgs/_drummers/ad_header.gif") no-repeat;
}

body.drummers #right dl.info
{
	padding: 0 0 3px 0;
	font-weight: bold;
	text-transform: uppercase;
}

body.drummers #right div.img_wrapper
{
	height: 392px;
}

/* Mission Right Content
----------------------------------------------------------------------- */
body.mission #right { }

body.mission #right h1
{
	width: 150px;
	height: 40px;
	background: url("../_imgs/_mission/mission_header.gif") no-repeat;
}

body.mission #right div.img_wrapper { height: 392px; }

/* Video Right Content
----------------------------------------------------------------------- */
body.video #right { height: 556px; }

body.video #right h1
{
	width: 104px;
	height: 40px;
	background: url("../_imgs/_video/video_header.gif") no-repeat;
}

body.video #right div.img_wrapper { height: 352px; }

/* Images Right Content
----------------------------------------------------------------------- */
body.images #right { }

body.images #right h1
{
	width: 133px;
	height: 40px;
	background: url("../_imgs/_slideshow/images_header.gif") no-repeat;
}

body.images #right div.img_wrapper { height: 392px; }

/* Words Right Content
----------------------------------------------------------------------- */
body.words #right { }

body.words #right h1
{
	width: 128px;
	height: 40px;
	background: url("../_imgs/_words/words_header.gif") no-repeat;
}

body.words #right div.img_wrapper { height: 392px; }

/* Boredoms Right
----------------------------------------------------------------------- */

body.mission #right dl.adspace,
body.images #right dl.adspace,
body.words #right dl.adspace { width: 240px; }

/* Footer
----------------------------------------------------------------------- */
#end { clear: both; height: 50px; }

#footer
{
	clear: both;
	overflow: hidden;
	margin: -5em auto;
	width: 760px;
	height: 50px;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	background: #fff;
}