html
{
	height: 100%;
}

body
{
	overscroll-behavior-y: none;
  margin-left: auto;
  margin-right: auto;
	background-color:#000000;
}

body.music
{
	overscroll-behavior-y: none;
  margin-left: auto;
  margin-right: auto;
	background-color:#000000;
}

h1
{
	font-family: arial;
	font-size: 50px;
	color: #F6F6F6;
	/* Prefix required. Even Firefox only supports the -webkit- prefix */
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
}

h2
{
	font-family: arial;
	font-size: 30px;
	color: #F6F6F6;
	/* Prefix required. Even Firefox only supports the -webkit- prefix */
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #00000000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0000007F;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #404040;
}

#contact
{
	background: #000000 url('/images/ridercontactbg.jpg');
	background-size: 896px 896px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position-x: center;
}

#voiceacting
{
	background: #000000 url('/images/ridervo1a.jpg');
	background-size: 896px 896px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position-x: center;
}

#shows
{
	background: #000000 url('/images/ridergigs.jpg');
	background-size: 896px 896px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position-x: center;
}


.navigationstack
{
	position: fixed;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto;
}


#rider1
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	z-index: 0;
}

#rider2
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	visibility: hidden;
	z-index: -1;
}


#rider3
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	visibility: hidden;
	z-index: -2;
}

#rider4
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	visibility: hidden;
	z-index: -3;
}

#rider5
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	visibility: hidden;
	z-index: -4;
}

#rider6
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	visibility: hidden;
	z-index: -5;
}

#rider7
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	visibility: hidden;
	z-index: -6;
}

#rider8
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	visibility: hidden;
	z-index: -7;
}

#riderSH
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 896px;
	height: 251px;
	margin: 0 auto;
	z-index: 3;
}


#musicpage {
position: relative;
width: 100%;
height: 100%;
max-width: 896px;
max-height: 896px;
background: #3F3F3F;
margin: 0;
padding: 0;
}

#vopage {
position: relative;
width: 100%;
height: 100%;
max-width: 896px;
max-height: 896px;
background: #3F3F3F;
margin: 0;
padding: 0;
}

#contactbody
{
	display: flex;
  justify-content: center;
  align-items: center;
	height: 100%;
	max-height: 896px;
}

#contactdiv
{
	background: #000000;
	width: 100%;
	height: 100%;
	max-width: 896px;
	max-height: 896px;
	margin: 0 auto;
}

#contactform
{
	background: #F2F2F2;
	width: 600px;
 	height: 320px;

 	margin: 0 auto;
 	left: 0;
	right: 0;
 	position: absolute;
  top: 25%;
}

#contactResult
{
	background: #F2F2F2;
	width: 600px;
 	height: 200px;
 	margin: 0 auto;
 	left: 0;
	right: 0;
	text-align: center;
	position: absolute;
  top: 25%;
}

.formlabel
{
	display: inline-flex;
	width: 100px;
}

#landingheader
{
	display: none;
}

#picturesheader
{
	position: sticky;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	max-width: 896px;
	height: 150px;
	margin: 0 auto;
	z-index: 1;
}

#musicheader
{
	position: sticky;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	max-width: 896px;
	height: 150px;
	margin: 0 auto;
	z-index: 1;
}

#showsheader
{
	position: sticky;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	max-width: 896px;
	height: 150px;
	margin: 0 auto;
	z-index: 1;
}

#vaheader
{
	position: sticky;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	max-width: 896px;
	height: 260px;
	margin: 0 auto;
	z-index: 1;
}

#songsdiv
{
	position: fixed;
	display: block;
	top: 0px;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000000 url('/images/ridermusicbg.jpg');
	background-size: 896px 896px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position-x: center;
	color:#F0F0F0;
}

#songlist
{
	position: relative;
	display: block;
	overflow-y: scroll;
	width: 100%;
	max-width: 896px;
	height: 590px;
	bottom: 0px;
	left 0;
	right: 0;
	margin: 0 auto;
	z-index: 1;

	background: #FF000000;
}

#showsdiv
{
	position: fixed;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000 url('/images/ridergigs.jpg');
	background-size: 896px 896px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position-x: center;
	color:#F0F0F0;
}

#pictures
{
	position: fixed;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000 url('/images/riderphotos.jpg');
	background-size: 896px 896px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position-x: center;
	color:#F0F0F0;
}

#music
{
	position: fixed;
	display: block;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000 url('/images/ridermusicbg.jpg');
	background-size: 896px 896px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position-x: center;
	color:#F0F0F0;
}

#socialMedia
{
		display: none;
}

.photo
{
  width: 512px;
}

.riderLabel
{
		display: none;
}

.musicLabel
{
		display: none;
}

.vaLabel
{
		display: none;
}

.picturesLabel
{
		display: none;
}

.showsLabel
{
		display: none;
}

.contactLabel
{
		display: none;
}

.gigHeader
{
		display: none;
}

.vaSplash
{
	display: none;
}

.musicSplash
{
	display: none;
}

.gigSplash
{
	display: none;
}

p.gigs
{
	width:512px;
	font-family: impact,arial;
	font-size: 48px;
	color:#F0F0F0;
	background-color:#0000007F;
	padding:5px;
}

p.pictures
{
	width:512px;
	color:#F0F0F0;
	background-color:#000000;
	padding:5px;
}

p.lastmoddate
{
	width:300px;
	color:#F0F0F0;
	background-color:#000000;
	padding:5px;
}


div.bio
{
	position: absolute;
	display: inline;
	top: 0px;
	height: 0px;

	background: #00000000;

	visibility: hidden;

	z-index: -11;
}

div.table
{
	display: table;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
}

div.tablerow
{
	display: table-row;
}

div.centeredTablerow
{
	display: table-row;
	margin:auto;
	left: 0;
	right: 0;
	text-align:center;
}

div.tablecell
{
	display: table-cell;
	padding: 8px;
}

.youtubeFrame
{
  width: 512px;
  height: 288px;
}

.songLabel
{
}

div.copyrightTableCell
{
	display: table-cell;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 896px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #F0F0F0;
	text-align: center;
}

div.copyrightTableCellScreen
{
	display: table-cell;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 896px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #F0F0F0;
	text-align: center;
}

div.copyrightTableCellMobile
{
	display: none;
}


div.copyright
{
	position: fixed;
	bottom:0px;
	margin:auto;
	left: 0;
	right: 0;
	text-align:center;
	color:#FFF;
	background-color:#000;
	padding:3px;
	z-index: 2;
}


div.cat_links
{
	position: fixed;
	bottom:0px;
	margin:auto;
	left: 0;
	right: 0;
	text-align:center;
	z-index: 3;
}

div.cat_table
{
	display:table;
	margin:0 auto;
	width:896px;
	background:#000;
}

div.catTableCell
{
	display:table-cell;
	margin:auto;
	left: 0;
	right: 0;
	padding-top:7px;
	padding-bottom:7px;
	width:234px;
	color:#F0F0F0;
	text-align:center;
}

a.cat_link
{
	margin:auto;
	font-family:Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background:#000;
}

a.cat_link:link { text-decoration: none; COLOR:#FFFFFF}
a.cat_link:visited { text-decoration: none; COLOR:#F0F0F0}
a.cat_link:hover
{
	text-decoration: none;
	color:#000;
	background:#FFF;
}