/* INNER PAGE STYLE SHEET */

html {
	padding: 0; margin: 0;
	background: url(../images/MusicBkg-bw3.gif) #545454 -80px 0px fixed; color: #D1D1D1; color: #E1E1E1; 
}

body {
	margin: 0; padding: 0;
	position: relative;
	top: -1em;
}

#rightstrip {  /* needed to cover the far right edge of the window, because different browsers disagree about the #content width. */ 
	position: fixed; 
	float: left;
	margin: 0; 
	/*width: 60%;  was 12 */
	height: 100%;
	right: 0;
	background: #A30001; color: #C1C1C1;
	border-left: 0px solid #000000;
	border-bottom: 0px solid #000000;
	min-height: 787px; 
}






/* MENU LINKS */

#container {
	position: relative;
	width: 95%;   /* width: 88%;   SETS RIGHT MARGIN OF ENTIRE CONTENT SECTION  */  
	padding: 0 0 1em 0; margin: 0;
	/*border: 0px solid #ff279b;  pink solid border */
}

#content {
	position: relative; /*relative;*/
	margin: 0; 
	width: 92%;
	margin-right: 0;
	margin-left: 0%; /* was 8% SETS LEFT MARGIN OF ENTIRE CONTENT SECTION  */
	left: 0;
	border: 0px solid #000000;
	
}


#container h1 {
	position: relative;
	height: 15%;
	margin-top: 0;
	margin-right: -14%; /* - 14 THIS IS NEEDED TO EXTEND THE TITLE TO THE WINDOW EDGE */
	margin-left: 180px;
	padding-top: 12px; padding-bottom: 12px; 
	background: #A30001; /*color: #FFFFFF; */
	border-left: 2px solid #000000;
}

#container h1 img {
	left: 20px;
	line-height: 3em;
}



#navbar { /*  outline: 1px dashed lightgreen;  */
	position: fixed; /*fixed; */
	top: 20px;
	left: 0;
	margin-left: -60px; /* was 0 */
	z-index: 50 !important;
}




ul#menu { 
	position: relative; 
	top: 20px; 
	left: 0;
	margin-left: 25px;
	list-style-type: none;
	z-index: 15;
} 

#mainpage {
	position: relative; 
	top: -18px;
	margin-left: 180px; /* was 180 DISTANCE FROM LEFT EDGE OF CONTAINER TO LEFT EDGE OF MAINPAGE */
	margin-top: 0;
	padding: 0em 0em; /*padding: 2em 3em; */
	border: 0px solid #000000; /* was 2px
	border-left: 0;
	border-bottom: 0;
	line-height: 1.4em;
	/*background-image: url(../images/bkg-FFF-17alpha.png); color: #C1C1C1;*/
}

#whatsnew {
	position: fixed; 
	top: -18px;
	width: 99%;
	margin-left: 450px; /* was 180 DISTANCE FROM LEFT EDGE OF CONTAINER TO LEFT EDGE OF MAINPAGE */
	/* margin-top: 150px; */
	background: #A30001; color: #C1C1C1;
	min-height: 787px;
	height: 100%;
	padding: 15px ; /*padding: 2em 3em; 
	border-right: 2px solid #000000;*/
	border-left: 2px solid #000000; /* was 2px
	
	border-left: 0;
	border-bottom: 0;
	line-height: 1.4em;
	/*background-image: url(../images/bkg-FFF-17alpha.png); color: #C1C1C1;*/
}
#whatsnewp {
	font-family: Arial, Helvetica, sans-serif;
	size: 12px;
	margin-top: 8px;
	color: #FFFFFF;
	font-weight:500;
	}


#whatsnewp a { 
	text-decoration: none; 
	padding: 2px 4px; 
	margin-right: -4px; 
	margin-left: -4px; }

#whatsnewp a:link, #whatsnewp a:visited { background: inherit;  color: #33FFFF; }

#whatsnewp a:hover, #whatsnewp a:active { 
	background-color: #585858; background-color: #7E5556; 
	color: #FFFFCC; color: #A30001; color: #FFFFFF; }




/* SOUND CLIPS PAGE: */

div.playingclip {
	position: relative;
	top: 10px;
	left: 8px;
	margin-left: 65px !important; /* ?? */
	padding: 5px 0 17px;
	width: 150px;
	height: 80px;
	background: #444444; color: #CCCCCC;
	font: 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #333333;
	z-index: 5 !important;
}

div.playingclip p { margin: 0 5px 7px 5px; text-align: left; }

div.playingclip object { position: absolute; top: 62px; left: 0; } /* FOR USE WITH AUDIO OBJECT FOR IE */
div.playingclip object object{ position: absolute; top: 0; left: 0; } /* FOR USE WITH NESTED AUDIO OBJECTS */
div.playingclip object#controller2, div.playingclip object#controller2a { top: 60px !important; } /* Needed for Safari, Gecko/Mozilla and Opera *
/*div.playingclip object embed{ position: absolute; top: 0; left: 0; } *//* FOR USE WITH EMBEDDED AUDIO NESTED IN OBJECT FOR STANDARDS BROWSERS */
/* div.playingclip embed { position: absolute; top: 62px; left: 0; } *//* FOR USE WITH EMBEDDED AUDIO ONLY */

div.playingclip a.back:link, div.playingclip a.back:visited { 
	position: absolute;
	display: block;
	width: 4em !important;
	height: 1em !important;
	right: 0;
	bottom: 0 !important;
	margin: 3px 5px 5px auto !important;
	padding: 2px 2px 3px 2px !important; 
	background-color: #646464; color: #000000;
	font-size: 0.8em !important;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
}

div.playingclip a.back:hover { 
	background-color: #646464; color: #FFFFFF;
	border: 1px solid #333333;	
}

#controller {	
	background-color: #444444; color: #E1E1E1;	
}





/* Hack for Opera 6+ (it must come after values are set for other browsers): */
@media screen and (min-width: 0px) { 
#mainpage { left:2px; }
}