/* For the main index.html page */

object
{
	display:block; /* theoretically removes white pixel strips under SWF object, but doesn't seem to help. */
}

#main_body_tag
{
	background-color: #000040;
}

#bground_wrap
{
	position: relative;
	padding: 0;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid rgb(0,0,0);
	width: 1000px;
	height: 615px;
	background: url(../../images/nola_fire.jpg) no-repeat;
	z-index: 0;
}

#name_title
{
	display: inline;
	position: absolute;
	top: -100px;
	left: 8px;
	width: 300px;
	height: 81px;
	z-index: 10;
}

#mainstage_wrapper
{
	position: absolute;
	top: 90px;
	left: 0px;
	width: 1100px;
	/* clip:rect(0px, 4000px, 565px, -4000px); not in IE6? */
	overflow: hidden;
	height: 525px;
}

/* set display none in the div tag so scriptaculous will work
   apparently fades to whatever the css tells it to be (e.g. static/block, here) */ 
.mainstage_element
{
	position: absolute;
	/*top:0px;left:0%;width:100%;*/
	/* overflow: auto; */ /* ie has bug with overflow auto elements */
	width:100%;
	height:525px; /* = bg-wrap - mainstage-wrapper height */
}

#main_summary_wrap
{
	width: 720px;
	height: 186px;
	position: absolute;
	top: 52px;
	left: 57px;
	z-index: 5;
}

#main_summary
{
	font-size:18px;
	font-variant:normal;
	padding:5px;
}

#news_wrapper
{
	position: absolute;
	top: 314px;
	left: 350px;
}

#news_titlebar
{
	font-size: 12px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 436px;
	background-color:#006633;
	color:#CCFFD2;
	z-index: 5;
	text-align: center;
	padding: 5px 2px 1px;
}

.news_panel
{
	width: 440px;
	height:169px;
	position: absolute;
	top: 26px;
	left: 0px;
}

#news_background img
{
	width: 440px;
	height: 169px;
	opacity: 0.55;
	filter:alpha(opacity=55);
}

#main_news
{
	overflow: auto;
	font-size: 14px;
	z-index: 5;
	width: 426px;
	height: 165px;
	padding: 2px 7px;	
}

#sbids_link
{
	top:57px;
	left:840px;
	width:100px;
	padding:1px 0px 2px;
}

#myspace_link
{
	top:77px;
	left:840px;
	width:100px;
	padding:1px 0px 2px;
}

#ilike_link
{
	top:98px;
	left:840px;
	width:100px;
	padding:1px 0px 2px;
}

#movieplayer_wrapper
{
	position: absolute;
	left:15px;
	bottom:15px;
	width: 320px;
}

#audioplayer_wrapper
{
	position: absolute;
	right: 0;
}

#audioplayer_text
{
	font-size: 10px;
}

#ap_dname { font-style:italic; }
#ap_tname { text-transform:lowercase; }

#mallow
{
	position: absolute;
	left: 800px;
	bottom: -400px;
	z-index: 6;
}

/* For the navbar */

/* set display none in the div tag so scriptaculous will work
   apparently fades to whatever the css tells it to be (e.g. static/block, here) */
#navbar_parent
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.navbar_member
{
/*	display: inline; */
/*	height: 75px;
	padding: 0; */
	/* width: 30%; */ /* can't use right: 66%, etc, because IE bug? */
	/*top: 0px; */
	overflow: hidden;
/*	text-align: center; */
	position: absolute;
}

#testo
{
	width: 100px;
	height: 100px;
	background-color: black;
	top: 60px;
	left: 600px;
	position: absolute;
}

.navbar_member img
{
	position: absolute;
}

#nav_lyrics
{
	width: 137px;
	height: 44px;
	top: -70px;
	left: 300px;
}

#n_lyrics_img
{
	left: -2px;
	top: -45px;
}

#nav_email
{
	width: 196px;
	height: 30px;
	top: -75px;
	left: 850px;
}

#n_email_img
{
	left: 0px;
	top: -165px;
}

#nav_contact
{
	width: 170px;
	height: 35px;
	top: -70px;
	left:  1200px;
}

#n_contact_img
{
	left: -4px;
	top: -90px;
}

#nav_shows
{
	width: 115px;
	height: 37px;
	top: -75px;
	left: 275px;
}

#n_shows_img
{
	left: -4px;
	top: -128px;
}

#nav_other
{
	width: 102px;
	height: 38px;
	top: 2000px;
	left: 660px;
}

#n_other_img
{
	left: -138px;
	top: -43px;
}

#nav_bio
{
	height: 32px;
	width: 92px;
	top: -50px;
	left: 650px;
}

#n_bio_img
{
	left: -127px;
	top: -129px;
}

#nav_disco
{
	width: 195px;
	height: 44px;
	top: -60px;
	left: 400px;
}

#n_disco_img
{
	left: -4px;
	top: 0px;
}

/**************************************************/
/* ##Lyrics */
/**************************************************/

#lyr_album_chooser
{
	position:absolute;
	right:111px;
	top: 40px;
	width: 140px;
	height: 128px;
}

.songlist
{
	display: none;
}

#song_chooser
{
	position:absolute;
	right:111px;
	top: 175px;
	width: 232px;
	height: 287px;
}

#lyrics_div
{
	position:absolute;
	left: 71px;
	top: 31px;
	width: 600px;
	height: 431px;
}

#lyrics_title
{
	text-align: left;
	padding: 0 0 0 8px;
}

#lyrics_copy
{
	/* necessary if expecting scroll bars */
	overflow: auto;
	height: 407px;
}

.songtitle
{
	font-weight: bold;
}

.songlyrics
{
	font-size: 14px;
	margin:0px 0px 8px 0px;
}

/**************************************************/
/* ##Contact */
/**************************************************/

.formtext
{
	/* before editing; actual color set in div */
	color:#DD99BB;
}

#contact_form_wrapper
{
	position: absolute;
	right: 150px;
	top: 60px;
}

#contact_message
{
	/* background-color:#AE9DFF; */
	border: 1px solid #BFDFFF;
	position:absolute;
	width:326px;
	top:82px;
	left:95px;
	text-align:center;
	font-size:15px;
	padding:4px;
	overflow: hidden; /* IE6 for xpar img behind it */
}

#cinfo_wrap
{
	position:absolute;
	width:300px;
	top:200px;
	left:111px;
	height:89px;
}

#cinfo_title
{
	height:15px;
	font-size:11px;
	text-align:left;
}

#cinfo_copy
{
	text-align:center;
	font-size:15px;
	padding: 0px;
}

/**************************************************/
/* ##Mailing List Signup ; email list */
/* ##email
/**************************************************/

#email_signup
{
	position:absolute;
	width:555px;
	left:216px;
	top:5px;
}

#email_signup_copy
{
	padding: 15px 15px 7px 15px;
}

#email_formwrap
{
	text-align: left;
/*	position:absolute;
	height: 100px;
	width: 100px;
	left:25px;*/
}

.cd_allsh { padding-left: 20px; }
.cd_westcoast { padding-left: 60px; }
.cd_washington { padding-left: 80px; }
.cd_oregon { padding-left: 80px; }
.cd_california { padding-left: 80px; }
.cd_norcal { padding-left: 100px; }

/**************************************************/
/* ##Shows List */
/**************************************************/

#both_shows
{
	position:absolute;
	width:860px;
	left:70px;
	top:35px;
	padding:0;
	text-align:center;
}

#up_shows
{
	position: absolute;
	width:860px;
	left:0;
	top:0;
	height:470px;
}

#up_shows_copy
{
	overflow:auto;
	height:446px;
}

#shows_dirlink /* 'direct link' tag */
{
	font-size: 11px;
}

#show_switch
{
	left:70px;
	top:8px;
	font-size:12px;
}

#old_shows
{
	position:absolute;
	width:860px;
	left:0;
	top:185px;
	height:285px;
	display:none;
}

#old_shows_copy
{
	overflow: auto;
	height: 261px;
}

.shows_table
{
/*	text-transform: uppercase;*/
	border-collapse: collapse;
	font-family: arial;
	font-size:13px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.shows_header
{
	border: 1px solid #684d3e;
	background-color: #DACBC2;
	color:#684D3E;
	height: 16px; 
	vertical-align: middle;
	text-align:center;
}

#up_showsh_date { width: 85px; text-align: center;}
#up_showsh_venue { width: 300px; text-align: center; }
#up_showsh_etc { width: 146px; text-align: center; }
#up_showsh_location { width: 130px; text-align: center; }

.shows_cell
{
	padding: 2px;
	border: 1px solid #684d3e;
	text-align:left;
}

.up_showsc_date { width: 85px; }
.up_showsc_venue { width: 300px; }
.up_showsc_etc { width: 146px; }
.up_showsc_location { width: 130px; }

#old_showsh_date { width: 85px; text-align: center;}
#old_showsh_venue { width: 300px; text-align: center; }
#old_showsh_location { width: 130px; text-align: center; }
#old_showsh_etc { width: 146px; text-align: center; }

.old_showsc_date { width: 85px; }
.old_showsc_venue { width: 300px; }
.old_showsc_location { width: 130px; }
.old_showsc_etc { width: 146px; }

/**************************************************/
/* ##Bio */
/**************************************************/

#bio_wrap
{
	position:absolute;
	top:35px;
	left:10px;
	width:485px;
	height:280px;
}

#press_wrap
{
	position:absolute;
	top:35px;
	left:505px;
	width:485px;
	height:280px;
}

#formedia_wrap
{
	position:absolute;
	top:330px;
	left:10px;
	height:170px;
	width:980px;
}
	
.biop_copy
{
	overflow:auto;
	height:256px;
	text-align:left;
	font-size: 14px;
	font-variant:normal;
}

#formedia_copy
{
	height:146px;
}

.press_prev
{
	height:146px;
	position:absolute;
}

/* these two plenty weird, but to work in IE6, 7, FF, and safari */
.press_prev_img
{
	display:inline;
	float:left;
}

.press_prev_copy
{
	display:inline;
	width:100px;
	position:absolute;
	padding:20px 0px 0px 10px;
}

#prev1
{
	left:190px;
}

#prev2
{
	left:640px;
}

#preview_pane
{
	display:block; /* set to none in HTML */
	width:200px;
	height:320px;
	position:absolute;
	top:2px;
	left:200px;
	border: 2px solid #000000;
	overflow:hidden;
	text-align:center;
	background-color:#464646;
	color:#FFFFFF;
}

/**************************************************/
/* ##Discography */
/**************************************************/

#disco_album_chooser
{
	position:absolute;
	right:1200px;
	top: 40px;
	width: 140px;
	height: 106px;
}


#disco_status_line
{
	display: block;
font-size:15px;
left:220px;
top:0px;
width:574px;
z-index:9;
background-color:#FFFF80;
}

#d_description_wrap
{
left:220px;
position:absolute;
top:27px;
width:616px;
height:473px;
display:none;
}

#d_description
{
	padding: 0px 8px;
	overflow:auto;
	height:473px;
	font-size:14px;
	font-variant:normal;
}

#d_track_descr_wrap
{
display:block;
left:233px;
position:absolute;
top:110px;
width:576px;
z-index: 2;
background-color:#D1CCFF;
}

#d_track_descr
{
	padding: 5px;
	font-variant:normal;
}

/*#d_track_descr_img { opacity:1.0;filter:aplha(opacity=100); }*/

#d_policies_wrap
{
display:block;
font-size:12px;
left:847px;
position:absolute;
top:225px;
width:140px;
padding:0px;
}

#d_policies_copy
{
	/*IE6 needs a specific height in img tag to cover gap*/
	height: 155px;
}

#policy_title
{
	padding: 4px 0px 0px;
}

#d_tracklist_wrap
{
font-size:14px;
left:9px;
position:absolute;
top:204px;
display:none;
/*width: 200px;
height:308px; couldn't sort out IE6; this was before wrapwrap */
}

#d_tracklist_content { padding: 0px 3px 0px 3px; }

#d_track_tbl { border-collapse: collapse; }

/* no dice in IE6?
.d_track_tracknum
{
	display:none;
	color: #000000;
}*/


#d_cover
{
left:9px;
position:absolute;
top:0px;
}

#d_titleline
{
left:228px;
position:absolute;
top:4px;
}

#d_title { font-size: 17px; font-weight: bold}

#d_rel_mnyr { font-size: 11px; font-style:italic; position: relative; left: 17px; }

#d_dl_options
{
font-size:14px;
left:848px;
position:absolute;
top:167px;
width:142px;
}

#d_cdb
{
text-align:center;
font-size:11px;
color:#C6C7FF;
left:846px;
position:absolute;
top:467px;
width:142px;
}

#d_copyright
{
text-align:center;
font-size:10px;
color:#C6C7FF;
left:846px;
position:absolute;
top:418px;
width:142px;
display:none;
}

#d_copyright a
{
color:#C6C7FF;
}

#d_copyright a:hover
{
	text-decoration:none;
}

#d_play_instr
{
	position:absolute;
	top:280px;
	left:60px;
	display:block;
	z-index:2;
}

/**************************************************/
/* ##Other */
/**************************************************/

#other_wrap
{
	position:absolute;
	top:2px;
	left:259px;
	width:400px;
	font-size:14px;
	height:490px;
}

#other_copy
{
	overflow:auto;
	height:485px;
	padding:0px 0px 5px 0px;
	text-align:left;
}

/**************************/
/* ##error */
/**************************/

#er_wrap
{
position:absolute;
width: 400px;
left:300px;
top:150px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#er_copy { padding: 2px 5px 5px; }

/* mywindow template - 3 divs deep; make sure to set width of mainname and pos abs; for scroll, need height of _copy set, overflow auto

<div id="mainname" class="mywindow_wrap">

	<div class="mywindow_title">Title Here</div>

	<div class="mywindow_internal">

		<img src="../images/whitepixel.gif" style="height:100%;width:100%;position:absolute;left:0;opacity:0.5;filter:alpha(opacity=50);z-index:-1" />
		
		<div class="mywindow_copy">
		</div>
	</div>
</div>

*/