<!--
/* ******** */

@media only screen and (max-width: 800px)
{
	td.only_when_wide
	{
		display:none;
	}
}
@media only screen and (min-width: 801px)
{
	td.only_when_narrow
	{
		display:none;
	}
}

/* ******** */

	.bottom_spacer
	{
		margin: 0px !important;
		padding: 0px !important;
		font-size: 6pt !important;
		color:yellow !important;
	}
	div.dimmer
	{
	//	border:1px solid yellow;
		background-color: rgba(000,000,000,0.70);
		margin:20px 10px 0px 10px;
		padding:10px 10px 10px 10px;
		box-shadow: 4px 4px 8px rgba(000,000,000,0.60), 8px 8px 16px rgba(000,000,000,0.60), 16px 16px 32px rgba(000,000,000,0.60) !important;
	}
	div.dimmer-shorter
	{
	//	border:1px solid yellow;
		background-color: rgba(000,000,000,0.70);
		margin:20px 10px 0px 10px;
		padding:4px 10px 4px 10px;
		box-shadow: 4px 4px 8px rgba(000,000,000,0.60), 8px 8px 16px rgba(000,000,000,0.60), 16px 16px 32px rgba(000,000,000,0.60) !important;
	}
	div.black
	{
	//	border:1px solid yellow;
		background-color: rgba(000,000,000,1.00);
	//	margin:20px 10px 0px 10px;
	//	padding:4px 10px 4px 10px;
		box-shadow: 4px 4px 8px rgba(000,000,000,0.60), 8px 8px 16px rgba(000,000,000,0.60), 16px 16px 32px rgba(000,000,000,0.60) !important;
	}
	table.underlay
	{
//		background-color: rgba(100,100,100,0.80); /* lighter */
//		background-color: rgba(000,000,000,0.20); /* darker */
	}
	table.main_pg
	{
	//	border:1px solid red;
  		margin-left: auto;
  		margin-right: auto;
  		width:100%;
		max-width:900px;
	}
	.menublock
	{
		display:inline-table !important;
		border-collapse:collapse !important;
		margin:8px !important;
		position:relative !important;
		vertical-align:middle !important;
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;
		width:200px;
		height:200px;
	}
	
	div.bcamp
	{
		width:100%;
	//	height: 100%;
	//	outline:2px solid yellow;
		background-image: url("./pics/bandcamp_banner.jpg");
	//	background-color: #cccccc;
		padding:10px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		box-shadow: 4px 4px 8px #000000, 8px 8px 16px #000000, 16px 16px 32px #000000 !important;
	}
	table.bc
	{
	//	outline:2px solid red;
	//	border-collapse:collapse !important;
	}
	.bcamptxt1
	{
		font-size:14pt;
	//	font-size:20pt;
	//	font-family:'courier new';
		color:#ffffff;
	//	color:#ccaaff;
	//	font-weight:bold !important;
		letter-spacing:6px;
		text-shadow: 1px 1px 1px #000000, 3px 3px 4px #000000, 6px 6px 6px #000000, 10px 10px 8px #000000  !important;
	}
	.bcamptxt1:hover
	{
	//	font-size:14pt;
	//	font-size:20pt;
	//	font-family:'courier new';
		color:#bb99ff;
	//	color:#ccaaff;
	//	font-weight:bold !important;
	//	letter-spacing:6px;
	//	text-shadow: 1px 1px 1px #000000, 3px 3px 4px #000000, 6px 6px 6px #000000, 10px 10px 8px #000000  !important;
	}
	.bcamptxt2
	{
	//	font-size:16pt;
		font-size:18pt;
		font-family:'courier new';
	//	color:#eeddff;
		color:#bb99ff;
	//	color:#a090e0 !important;
	//	font-weight:normal !important;
		font-weight:bold !important;
		letter-spacing:6px;
		text-shadow: 1px 1px 2px #000000, -1px -1px 2px #000000, -3px -3px 6px #000000, -6px -6px 12px #000000, -10px -10px 20px #000000  !important;
	//	text-shadow: 1px 1px 1px #ffffff, 0px 0px 2px #000000, 1px 1px 4px #000000, 2px 2px 6px #000000, 4px 4px 8px #000000  !important;
	}
	.purple
	{
		color:#a090e0 !important;
	}
	.primo
	{
		color:#a090e0 !important;
		text-shadow: 1px 1px 2px #000000,  1px 1px 6px #000000, 1px 1px 10px #000000, 1px 1px 12px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff !important;
	}
	.andmaybemore
	{
		font-family:'courier new';
		color:#bb99ff;
		font-size:10pt;
		letter-spacing:6px;
		text-shadow: 1px 1px 2px #000000,  1px 1px 6px #000000, 1px 1px 10px #000000, 1px 1px 12px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff !important;
	}
	.andmaybemore:hover
	{
	//	font-family:'courier new';
		color:#ffffff;
		text-decoration: underline;
		text-decoration-color: #88ff44;
		text-decoration-thickness: 3px;
	//	font-size:10pt;
	//	letter-spacing:6px;
	//	text-shadow: 1px 1px 2px #000000,  1px 1px 6px #000000, 1px 1px 10px #000000, 1px 1px 12px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff !important;
	}

	.lnk
	{
		display:inline-table !important;
		border-collapse:collapse !important;
		margin:8px !important;
		position:relative !important;
		vertical-align:middle !important;
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;
	//	width:200px;
	//	height:200px;
	}
	.small		{ font-size:85%; }
	.smaller	{ font-size:70%; }

	.fltrht		{ position:relative; float:right; top:0px; border:0px none; margin:4px; }
	.fltlft		{ position:relative; float:left;  top:0px; border:0px none; margin:4px; }

//	.hearnow_spc	{ width:80px; height:1px; }
//	.hearnow_txt	{ width:200px; height:50px !important; }
	.larger		{ width:260px; height:260px; }
	.bright		{ filter:contrast(1.0) brightness(1.2) !important; }
	
	.menublock-mid
	{
		display:inline-table !important;
		border-collapse:collapse !important;
		margin:4px !important;
		position:relative !important;
		vertical-align:middle !important;
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;
		width:100px;
		height:100px;
	}
@media only screen and (min-width: 600px)
{
	.menublock-mid
	{
		width:140px;
		height:140px;
	}
}
	.menublock-link
	{
	//	width:140px;
		height:1px;
	}
	.menublock-middle
	{
		display:inline-table !important;
		border-collapse:collapse !important;
		margin:4px !important;
		position:relative !important;
		vertical-align:middle !important;
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;
		width:140px;
		height:140px;
	}
	.menublock-stream
	{
//	outline:1px solid yellow;
		display:inline-table !important;
		border-collapse:collapse !important;
		margin:0px 0px 0px 0px !important;
		position:relative !important;
		vertical-align:middle !important;
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;
	}
	.menublock-small
	{
		display:inline-table !important;
		border-collapse:collapse !important;
		margin:4px !important;
		position:relative !important;
		vertical-align:middle !important;
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;
		width:90px;
		height:90px;
	}
	.menublock-smaller
	{
		display:inline-table !important;
		border-collapse:collapse !important;
		margin:4px !important;
		position:relative !important;
		vertical-align:middle !important;
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;
		width:80;
		height:80;
	}
	.menublock-smallest
	{
		display:inline-table !important;
		border-collapse:collapse !important;
		margin:4px !important;
		position:relative !important;
		vertical-align:middle !important;
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;
		width:50px;
		height:50px;
	}
	.smllr
	{
		filter: contrast(1.1) brightness(0.6);
		box-shadow: 4px 4px 10px #000000,  8px 8px 30px #000000 !important;
		margin:24px !important;
		width:50px;
		height:50px;
		transition: all 1.0s ease !important;
		transform: scale(1.0) !important;
	}
	.smllr:hover
	{
		filter: contrast(1.0) brightness(1.20) !important;
		transition: all 1.0s ease !important;
		transform: scale(1.7) !important;
	}
	.menublock:hover, .menublock-small:hover
	{
		box-shadow: 10px 10px 30px #000000, 15px 15px 40px #000000 !important;
		transition: all 1.0s ease !important;
	}
	span.whtr
	{
		color:#88eeff;
		transition: color 1.0s ease !important;
	}
	span.whtr:hover
	{
		color:#ffffff;
	}
	.menucell
	{
	//	border:1px solid red;
		font-size:8pt !important;
		padding:10px !important;
		text-align: center;
		vertical-align: bottom;
		background-image: url("./pics/projects_full.jpg");
		background-repeat: no-repeat;
		background-size:cover;
	}
	.menucell-hearnow
	{
//	outline:1px solid yellow;
		font-family:'courier new' !important;
		font-size:12pt !important;
		font-weight:bold !important;
		letter-spacing:2px;
	//	color:#ffffff !important;
		text-shadow: 2px 2px 2px #000000, -2px -2px 2px #000000, 1px 1px 2px #000000, -1px -1px 2px #000000, -3px -3px 6px #000000, -6px -6px 12px #000000, -10px -10px 20px #000000  !important;
		padding:10px 12px 10px 12px !important;
		text-align: left;
		vertical-align: bottom;
		background-image: none;
	//	background-image: radial-gradient(black, rgba(0,0,0,0.5), rgba(0,0,0,0));

	}
	.menucell:hover
	{
		//	font-size:8pt !important;
		//	border:4px solid black !important;
		//	padding:12px !important;
		//	box-shadow: inset 0px 0px 80px #000000 !important;
		//	box-shadow: inset 0px 0px 80px #dddddd !important;
	}
	.menuheader
	{
		font-size:10px !important;
		color:#aa99ff !important;
		letter-spacing:1px !important;
		text-shadow: -1px -1px 0px #333333 !important;
	}
	.menuheaderlink
	{
		font-size:10px !important;
		//	padding:8px !important;
		color:#aa99ff !important;
		letter-spacing:1px !important;
		text-shadow: -1px -1px 0px #333333 !important;
	}
	.menuheaderlink:hover
	{
		font-size:10px !important;
		color:#8877dd !important;
		letter-spacing:1px !important;
		text-shadow: -1px -1px 0px #333333, 3px 3px 10px #444444 !important;
	}
	.menucont
	{
		display:inline-block !important;
		padding:4px !important;
	}
	div.thumbdiv
	{
		position:relative !important;
		display:inline-block !important;
		margin: 4px 0px 4px 0px !important;
		text-margin:10px !important;
		filter: contrast(1.1) brightness(0.90);
		transform: scale(1.0) !important;
		transition: all 1.0s ease !important;
		z-index:0 !important;
	}
	div.thumbdiv:hover
	{
		cursor:pointer;
		position:relative !important;
		display:inline-block !important;
		margin: 4px 0px 4px 0px !important;
		text-margin:10px !important;
		filter: contrast(0.9) brightness(1.1);
		transform: scale(1.3) !important;
		z-index:999 !important;
	}
	div.streamdiv
	{
//	outline:1px solid green;
		position:relative !important;
		display:inline-block !important;
		margin: 4px 0px 4px 0px !important;
		text-margin:10px !important;
		filter: contrast(1.0) brightness(0.70);
	//	transform: scale(1.0) !important;
//		transition: all 1.0s ease !important;
	//	z-index:0 !important;
	}
	div.streamdiv:hover
	{
	//	cursor:pointer;
		position:relative !important;
		display:inline-block !important;
	//	margin: 4px 0px 4px 0px !important;
	//	text-margin:10px !important;
		filter: contrast(0.9) brightness(-1.0);
	//	transform: scale(1.2) !important;
	//	z-index:999 !important;
	}
	div.streamlink
	{
//		position:relative !important;
//		display:inline-block !important;
//		margin: 4px 0px 4px 0px !important;
//		text-margin:10px !important;
		filter: contrast(1.1) brightness(0.90);
//		transform: scale(1.0) !important;
//		transition: all 1.0s ease !important;
		z-index:0 !important;
	}
	div.streamlink:hover
	{
//		cursor:pointer;
//		position:relative !important;
//		display:inline-block !important;
//		margin: 4px 0px 4px 0px !important;
//		text-margin:10px !important;
		filter: contrast(1.0) brightness(1.00);
//		transform: scale(1.2) !important;
		z-index:999 !important;
	}
	td.streamlinktd
	{
	background-color:none;
	border-radius:0px;
		filter: contrast(1.1) brightness(0.90);
		transform: scale(1.0) !important;
		transition: all 0.5s ease !important;
		z-index:0 !important;
	}
	td.streamlinktd:hover
	{
	background-color:#a090e0;
	border-radius:16px;
	color:white !important;
	text-shadow:1px 1px 4px black !important;
	box-shadow:1px 1px 10px black !important;
		cursor:pointer;
		filter: contrast(1.0) brightness(1.00);
		transform: scale(1.5) !important;
		z-index:999 !important;
	}
	td.streamlinkbt
	{
	//	filter: contrast(1.1) brightness(0.90);
	//	transform: scale(1.0) !important;
		transition: all 0.5s ease !important;
	//	z-index:0 !important;
	}
	td.streamlinkbt:hover
	{
		cursor:pointer;
	//	filter: contrast(1.0) brightness(1.00);
	//	transform: scale(1.2) !important;
	//	z-index:999 !important;
	}
	td.streamshadow
	{
		box-shadow: inset 2px 2px 4px rgba(000,000,000,0.60), inset 4px 4px 12px rgba(000,000,000,0.60) !important;
	}
	td.streamshadow:hover
	{
		box-shadow: inset 0px 0px 10px rgba(000,000,000,0.40) !important;
	}
	td.strm
	{
		font-family:Arial,sans-serif !important;
		font-weight:normal !important;
		font-size:8pt !important;
		text-align:center !important;
		color:black !important;
		text-shadow:-1px -1px 2px #cccccc, 1px 1px 2px #cccccc !important;
	}
	td.mtp
	{
	//	outline:1px red solid;
		color:black;
		vertical-align: top;
	}
	td.mbt
	{
	//	outline:1px blue solid;
		height:70%;
		color:black;
		vertical-align: bottom;
	}
	table.stream-table
	{
		width:160px;
		height:160px;
	}
	.stlink:hover
	{
		cursor:pointer !important;
	}
	div.thumbdivbc
	{
		position:relative !important;
		display:inline-block !important;
		margin: 0px 0px 0px 0px !important;
	//	text-margin:10px !important;
		filter: contrast(1.1) brightness(0.90);
		transform: scale(1.0) !important;
		transition: all 1.0s ease !important;
		z-index:0 !important;
	}
	div.thumbdivbc:hover
	{
		cursor:pointer;
		position:relative !important;
		display:inline-block !important;
		margin: 0px 0px 0px 0px !important;
		text-margin:10px !important;
		filter: contrast(0.9) brightness(1.1);
		transform: scale(1.3) !important;
		z-index:999 !important;
	}
	div.thumbbandcmp
	{
		transform: scale(1.0) !important;
	}
	div.thumbbandcmp:hover
	{
		transform: scale(1.1) !important;
	}
	
	h1,h2,h3,h4,h5,h6
	{
		font-family: "courier new" !important;
		text-shadow: -1px -1px 0px #000000,  1px 1px 3px #000000, 1px 1px 4px #000000, 2px 2px 8px #000000, 2px 2px 12px #000000, 1px 1px 20px #ffffff !important;
	//	letter-spacing:2px;
	}
	.copy
	{
		font-family: "courier new" !important;
		color:#cccccc !important;
		font-weight:bold !important;
		letter-spacing:4px;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
	}
	p
	{
		font-size:10pt !important;
	//	font-weight:bold !important;
		color:#dddddd !important;
	}
	h1
	{
		font-size:30pt !important;
		font-weight:bold !important;
		color:#a090e0 !important;
	}
	h1.infolink
	{
		cursor:pointer;
		position:relative; top:0px;

		font-size:30pt !important;
		font-weight:bold !important;
		color:#a090e0 !important;
		
		transition: all 2.0s ease !important;
	//	transform: scale(1.0) !important;
	}
	h1.infolink:hover
	{
		position:relative; top:10px;
		
		font-size:30pt !important;
		font-weight:bold !important;
		color:#b090f0 !important;
		
		transition: all 2.0s ease !important;
	//	transform: scale(1.05) !important;
	}
	h2
	{
		color:#a090e0 !important;
	}
	h2.divhead
	{
		color:#a090e0 !important;
		font-size:12pt !important;
		position:relative; left:16px;
	}
	h2.smlr
	{
		color:white;
		font-size:16pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
	//	position:relative; top:-46px; right:-20px; margin:0px;
	}
	h3.uptop_x
	{
		color:#a090e0;
		font-size:20pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 2px #000000,  1px 1px 6px #000000, 1px 1px 10px #000000, 1px 1px 12px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff !important;
		position:relative; top:-120px; right:0px; margin:0px;
	}
	h3.uptop_p
	{
		color:#a090e0;
		font-size:20pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff !important;
		position:relative; top:-150px; right:0px; margin:0px;
	}
	h3.uptop_w
	{
		color:#dddddd;
		font-size:20pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff !important;
		position:relative; top:-150px; right:0px; margin:0px;
	}
	h3.upsmlr
	{
		color:white;
		font-size:14pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
		position:relative; top:-46px; right:-20px; margin:0px;
	}
	h3.streaming
	{
		color:#111111;
		font-size:9pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 5px #444444  !important;
//		text-shadow: none !important;
		position:relative; top:-105px; margin:0px;
	}
	h3.streamingloc
	{
		color:#111111;
		font-size:9pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 5px #444444  !important;
//		text-shadow: none !important;
		position:relative; top:-9px; margin:0px;
	}
	h3.upsmlrr
	{
		color:white;
		font-size:6pt !important;
		font-weight:bold;
		letter-spacing:2px;
//		text-align: left !important;
		vertical-align: top !important;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
		position:relative; top:-46px; right:-4px; margin:0px;
	}
	h3.upsmlrrr
	{
		color:white;
		font-size:10pt !important;
		font-weight:bold;
		letter-spacing:2px;
//		text-align: left !important;
		vertical-align: top !important;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
		position:relative; top:-22px; right:-4px; margin:0px;
	}
	h3.upsmlrrrr
	{
		color:white;
		font-size:10pt !important;
		font-weight:bold;
		letter-spacing:2px;
//		text-align: left !important;
		vertical-align: top !important;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
		position:relative; top:-52px; right:-4px; margin:0px;
	}
	h3.upsmllrr
	{
		color:white;
		font-size:7pt !important;
		font-weight:normal;
		letter-spacing:1px;
//		text-align: left !important;
		vertical-align: top !important;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
		position:relative; top:-48px; right:-2px; margin:0px;
	}
	h3.smlr
	{
		color:#bbbbbb;
		font-size:10pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
	//	position:relative; top:-46px; right:-20px; margin:0px;
	}
	h3.wmnu
	{
		color:white !important;
	//	font-size:12pt !important;
	}
	h3.wide
	{
		letter-spacing:5px;
	}
	h4.smlr
	{
		color:#aaaaaa;
		font-size:8pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
	//	position:relative; top:-46px; right:-20px; margin:0px;
	}
	h5.wide
	{
		letter-spacing:7px;
		font-size:10pt !important;
	}
	
	span.instr
	{
		font-family: "courier new" !important;
		color:white;
		font-size:10pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff;
	}
	.plyr
	{
		font-family: "courier new" !important;
		color:white;
		font-size:10pt !important;
		font-weight:normal;
		letter-spacing:2px;
		padding:4px 8px 4px 8px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff;
	}
	.plyrl
	{
		background-image: linear-gradient(to right,rgba(0,0,0,0.01),#444444);
	}
	.plyrr
	{
		background-image: linear-gradient(to left,rgba(0,0,0,0.01),#444444);
	}
	span.excpt
	{
		font-family: "courier new" !important;
		color:#dddddd;
		font-size:10pt !important;
		font-weight:normal;
		letter-spacing:2px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff;
		position:relative; top:4px; left:0px; border:0px none; margin:4px;
 		}
	span.smalll
	{
		font-family: "courier new" !important;
		color:white;
		font-size:10pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff;
		position:relative; float:left; top:0px; left:30px; border:0px none; margin:4px;
	}
	span.smallr
	{
	//	outline:2px solid blue;
		display:block !important;
		font-family: "courier new" !important;
		color:white;
		font-size:10pt !important;
		font-weight:bold;
		letter-spacing:2px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff;
		position:relative; float:right; top:0px; right:30px; border:0px none; margin:4px;
	}
	span.smallrr
	{
	//	outline:2px solid green;
		display:block !important;
		font-family: "courier new" !important;
		color:#dddddd;
		font-size:10pt !important;
		font-weight:normal;
		letter-spacing:2px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff;
		position:relative; float:right; top:0px; right:30px; border:0px none; margin:4px;
	}
	span.smallrl
	{
	//	outline:2px solid green;
		display:block !important;
		font-family: "courier new" !important;
		color:#dddddd;
		font-size:10pt !important;
		font-weight:normal;
		letter-spacing:2px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff;
		position:relative; float:left; top:0px; left:30px; border:0px none; margin:4px;
	}
	.visit
	{
		outline:2px solid white;
		cursor:pointer;
		display:inline-block;
		color:white;
		position: relative;
		left:-80px;
		top:24px;
		text-align:center;
		background-color:rgba(000, 000, 000, 0.5);
		border-radius: 10px;
		padding:4px 12px 4px 12px;
		text-shadow: -1px -1px 2px #000000,  1px 1px 2px #000000, 1px 1px 4px #000000, 1px 1px 8px #000000;
		box-shadow: 4px 4px 8px #000000, 8px 8px 16px #000000;
		
	}
	.grayed
	{
		filter: brightness(0.50);
	}
	
//	.off		{ display:none; }
	.red		{ color:red;	}
	.purple		{ color:#a090e0;	}
	.peacok		{ color:#00dddd;	}
	.blue		{ color:#66aaff;	}
	.softwhite	{ color:#bbbbbb;	}
	
	div.artist
	{
		font-family: "courier new" !important;
		text-decoration:none !important;
		font-size:18pt;
		font-weight:bold !important;
		position:relative !important;
		display:inline-block !important;
		margin: 4px 2px 5px 2px !important;
		text-margin:10px !important;
		filter: contrast(1.1) brightness(0.90);
		transform: scale(1.0) !important;
		transition: all 1.0s ease !important;
		z-index:0 !important;
		text-shadow: 1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;
	//	left:14px;
	}
	div.artist:hover
	{
		color:white;
		cursor:pointer;
		text-decoration:underline !important;
	//	font-weight:normal !important;
		position:relative !important;
		display:inline-block !important;
		margin: 4px 2px 5px 2px !important;
		text-margin:10px !important;
		filter: contrast(0.9) brightness(1.1);
		transform: scale(1.4) !important;
		z-index:999 !important;
	}
	b.song_name
	{
		display:block;
		color:ffa022;
		color:ff7711 !important;
		font-size:110%;
	}
	b.song_name_drkr
	{
		display:block;
	//	color:ffa022;
		color:ff7711 !important;
		font-size:110%;
	}
	span.except
	{
	//	display:block;
		position:relative;
	//	left:-80px;
		color:665577 !important;
		font-size:110%;
	}
	
	/* TOOLTIPS START*/
	
	/* Tooltip container */
	.tooltip
	{
		position: relative;
		display: inline-block;
	//	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
	}

	/* Tooltip text */
	.tooltip .tooltiptext
	{
		/* box */
	//	visibility: hidden; /* breaks fade out transition*/
		width: 160px;
		background-color: #eeeeee;
		text-align: center;
		padding: 10px 0;
		border-radius: 20px;

		/* font */
		font-family:Tahoma,sans-serif;
		color: #666666;
		font-size:8pt !important;
		font-weight:normal !important;
		text-shadow: none; //1px 1px 4px #000000, 1px 1px 6px #000000, 2px 2px 10px #000000, 2px 2px 15px #000000, 1px 1px 20px #ffffff !important;

		/* Position the tooltip text */
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;

		/* Fade in tooltip */
		box-shadow: 10px 10px 20px #000000,  15px 15px 60px #000000 !important;

		opacity: 0 !important;
		transition: opacity 0.3s !important;
		transition-delay: 0.8s !important;
	}

	/* Tooltip arrow */
	.tooltip .tooltiptext::after
	{
		content: "";
		position: absolute;
		top: 97%;
		left: 43%;
		margin-left: -20px;
		border-width: 10px;
		border-style: solid;
		border-color: #eeeeee transparent transparent transparent;
	}

	/* Show the tooltip text when you mouse over the tooltip container */
	.tooltip:hover .tooltiptext
	{
	//	visibility: visible; /* breaks fade out transition */
		color: #000000 !important;
		opacity: 1 !important;
	}
	/* TOOLTIPS END*/


	/* MUSING NOVEL STYLES*/
	
	span.fotnot0
	{
		position:relative;
		top:0px;
		color:#a090e0;
		font-size:10pt;
	}
	span.fotnot1
	{
		position:relative;
		top:0px;
		color:#66aaff;
		font-size:10pt;
	}
	span.fotnot2
	{
		position:relative;
		top:0px;
		color:#22ff22;
		font-size:10pt;
	}
	span.fotnot3
	{
		position:relative;
		top:2px;
		color:#ffbb44;
		font-size:12pt;
	}
	span.fotnot4
	{
		position:relative;
		top:2px;
		color:#ff6666;
		font-size:12pt;
	}
	span.art	{ cursor:pointer; text-decoration:none;		font-family:Tahoma,sans-serif; font-size:10pt; font-weight:none; color:#a090e0; }
	span.art:hover	{ text-decoration:underline;	font-family:Tahoma,sans-serif; font-size:10pt; font-weight:none; color:#9988dd; text-shadow:0px 0px 1px #000000, 0px 0px 2px #000000, 1px 1px 10px #ffffff; text-decoration-color: white; }
	span.drk
	{
		color:#888888;
	}
	span.astrisk
	{
		display:none;
		color:#00dddd;
		font-family:Georgia;
		font-size:16pt;
		position: relative;
		bottom: -0.3em;
	}
	b.song_name
	{
		display:block;
		color:ffc022;
		font-size:110%;
	}
	span.except
	{
	//	display:block;
		position:relative;
	//	left:-80px;
		color:665577 !important;
		font-size:110%;
	}
	
	/* UPC CODE LIST STYLES*/
	
	li.upc_name
	{
		color:white;
	}
	li.upc_nodot
	{
		color:white;
		list-style-type: none;
	}

-->