/*    Based on content from  http://www.cssportal.com    */

/* @import url("reset.css"); */

/* =================================================
PAGE LAYOUT AND COLUMNS
================================================= */

html {
  scroll-padding-top: 80px; /* height of sticky header */
}
/* intended to solve jump link problems with  pages with header - works with Chrome/Edge NOT Firefox */

/* THIS GOES AROUND  LEFTCOLUMN, NAVIGATION AND CONTENT */
#wrapper {
/*    margin: 0 auto; */
    width: 100%;
}

/* FORMATS LEFT COLUMN */
#leftcolumn {
    position: fixed;
    border: none;
    padding-left: -5px;
    margin: 0px;
    margin-left: -6px;
    top: 0;
    height: 1500px;                  /* makes column go off bottom of screen */
    background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(201,178,234,1));
/* USES GRADIENT FILL - ALTERNATIVE SOLID -  background: #33CCFF; */
    width: 75px;
/*    float: left;  DOES NOT SEEM TO BE NECESSARY*/
}

/* MENU STYLES ADDED IN FROM TRY 46  WORKING*/

 body {
  font-family: Oswald, sans-serif;
}



.setlistright {
	font-family: 'Open Sans', sans serif;
	font-size: 12pt;
	font-weight: normal;
	color: #4B0082;
	float: right;
	width: 33%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px ;
	border-style: solid;
	border-width: 1px;
	background-color:  #f7cffe;
	padding: 10px 10px 10px 10px;
	text-align: left;
}


/* has to be there or  fly in menu not fornatted 
beware of unintended formatting elsewher e*/

.sidenav {
  font-face: Oswald, sans serif;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #ffffff; /*white background */
  overflow-x: hidden;
  overflow-y: hidden;  /* added to ensure no scroll bar when menu flying in */
  transition: 0.2s; /*speeded up from 0.5 */
  padding-top: 5px; /* was 60 - 20 bring menu items back  */
}

/* governs appearance of links */
.sidenav a {
  font-face: Oswald, sans serif;
  padding: 2px;
  text-decoration: none;
  font-size: 18px;
  line-height: 94%; /*lines moved closer */
  text-align: right; /*ranged right */
  color: #cc0000;
  display: block;
  margin-right: 10px; /* this gives a bit more white space on the right */
  transition: 0.2s; /*speeded up from 0.5 */
}

.sidenav a:hover {
  color: #4B0082;
}
/* ENDS SIDENAV MENU STUFF */

/* formatting links */

/* FORMATS TOP MENU */
#navigation { /*ie NAVBAR */
   position: fixed;
   top: 0px; 
   margin-left: 75px; 
/*  margin-right: auto; */
   float: left;  
/*   word-wrap; */
/*   overflow: hidden; */
   white-space: nowrap;
   left: -34px; /* THIS CENTERS ABOVE THE CONTENT - WHY?  DUNNO! **/
   height: 80px;
/* THIS HEIGHT ALLOWS FOR THREE ROWS */
/*   text-align: center; */
/* THE LACK OF TEXT-DECORATION AND CENTERING HANDLED BY CENTERMENU */
   width: 100%;
   background:  #FFFFFF; /*eceaf2; gives H&H tinge, but not margins*/
/*  font-family: 'Oswald', 'sans serif'; */
}

/* FORMATS MAIN CONTENT */
#content { 
/* TEXT SIZE APPEARANCE HANDLED BY <h>, <p> etc CODES */
    top: 60px;  
/* WHY NOT 80PX; DOES NOT SEEM TO WORK */
    left: 15px;
/* THIS DOES WORK */
    background: #FFFFFF; /*eceaf2; gives H&H tinge, but not margins*/
    margin-left: 75px; 
    padding: 5px;
    width: auto;
    text-align: justify;
/*    z-index: -1;   DOES NOT SEEM TO BE NECESSARY TO KEEP NAVIGATION OPAQUE*/ 
}

/* =================================================
TEXT FORMATTING
================================================= */

.text {
	font-family: 'Open Sans', 'sans serif'; 
	color: #4B0082; /* purple */
	font-size: 11pt;
	margin-left: 5px;
	margin-right: 5px;
}


.shout {
	font-family: 'Open Sans', 'sans serif'; 
	color: red; /* purple */
	font-size: 11pt;
	margin-left: 5px;
	margin-right: 5px;
}

.quotation {
	font-family: 'Open Sans', 'sans serif'; 
	color: #4B0082; /* purple */
	font-size: 11pt;
	margin-left: 15px;
	margin-right: 15px;
}

.centertext {
  text-align: center;
  font-family: 'Open Sans', 'sans serif'; 
  color: #4B0082; /* purple */
  font-size: 11pt;
  margin-left: 5px;
  margin-right: 5px;
}

.center {
  text-align: center;
 }

.footertext {
  font-family: 'Open Sans', sans serif;
  font-size: 9pt;
  font-weight: normal;
  color: #4B0082;
  text-align: center
  margin-left: 5px;
  margin-right: 5px;
}

.indent {
  font-family: 'Open Sans', 'sans serif'; 
  color: #4B0082; /* purple */
  font-size: 11pt;
  font-weight: normal; /*works */
  margin-right: 10px; /*doesn't work */
  width=99%; /* this keeps text to screen */
  list-style-position: inside;
  margin-left: 15px;
}

.indent2 {
  font-family: 'Open Sans', 'sans serif'; 
  color: #4B0082; /* purple */
  font-size: 11pt;
  font-weight: normal;
  margin-right: 10px; /*doesn't work */
  width=99%; /* this keeps text to screen */
  list-style-position: inside;
  margin-left: 30px;  /*this should push it further in*/
}
/*doesn't seem to work */

.crash {
  font-family: 'Open Sans', 'sans serif'; 
  color: #4B0082; /* purple */
  font-size: 11pt;

}


/*HEADINGS*/

h1 { 
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0099;  /* pink */
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 20pt;
}
h2 {
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0099;  /* pink */
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 18pt;
}
h3 { 
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0099;  /* pink */
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 16pt;
}
h4 { 
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0099;  /* pink */
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 14pt;
  margin-top: 0px;
  margin-bottom:0px;
  /* this stops there being a space under h5 - used in 
  Live/Versions Contents */
}
h5 {
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0099;  /* pink */
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bold;
  font-size: 11pt;
  margin-top: 0px;
  margin-bottom:0px;
  /* this stops there being a space under h5 - used in 
  Live/Versions Contents */
}

.text40 { 
  width=99%;
  font-family: 'Oswald', 'sans serif'; 
  font-weight: bold;
  font-size: 11pt;
  color: #cc0099;  /* pink */
  margin-left: 5px;
  margin-top: -8px;
  margin-bottom: -8px;
           /*   margin-top: 50px; */
  }

.text50 { 
  width=99%;
  font-family: 'Oswald', 'sans serif'; 
  font-weight: bold;
  font-size: 14pt;
  color: #cc0099;  /* pink */
  margin-left: 5px;
  margin-top: -8px;
  margin-bottom: -8px;
           /*   margin-top: 50px; */
  }

.reverse { 
  width=99%;
  font-family: 'Oswald', sans-serif; 
  font-weight: bold;
  font-size: 18pt;
  margin-left: 5px;
  line-height: 32pt;
  background-color: #cc0099;
  color: #ffffff; /* white */
  padding: 5px;
  }

.reversecenter { 
  width=99%;
  font-family: 'Oswald', sans-serif; 
  font-weight: bold;
  font-size: 18pt;
  margin-left: 5px;
  text-align: center;
  line-height: 32pt;
  background-color: #cc0099;
  color: #ffffff; /* white */
  padding: 5px;
  }

.legend {
  font-family: 'Open Sans', 'sans serif'; 
  /* NB font face is case-sensitive */
  color: #4B0082; /* purple */
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
/*  margin-bottom: -1px; */
/* THIS REDUCES SPACE BETWEEN LEGEND AND DISPLAYED PIX  BUT NOT NEEDED AFTER GENERAL PADDING REMOVED*/
}

/* RETAINING RTPANEL FOR NOW - SAME AS LEGEND */
.rtpanel {
  font-family: 'Open Sans', 'sans serif'; 
  color: #4B0082; /* purple */
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
/*  margin-bottom: -1px; */
/* THIS REDUCES SPACE BETWEEN LEGEND AND DISPLAYED PIX  BUT NOT NEEDED AFTER GENERAL PADDING REMOVED*/
}

.linklegend {
  font-family: 'Open Sans', 'sans serif'; 
  color: #cc0000; /* red */
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  margin-left: -2px;
  margin-right: 5px;
/*  margin-bottom: -1px; */
/* THIS REDUCES SPACE BETWEEN LEGEND AND DISPLAYED PIX  BUT NOT NEEDED AFTER GENERAL PADDING REMOVED*/
}

/* USED TO CENTER LOGO ON COLUMN 1 */
.centermenu {
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0000; /* red */
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  font-weight: normal;
  font-size: 14pt; /* doesn't work to change size */
}

/* THESE USED ON ALBUM INDEX PAGES */

.alblinklegend {
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0000; /* red */
  font-size: 13pt;
  font-weight: normal;
  text-align: left;
  line-height: 110%;
  float: left; 
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 0px;
/*  margin-bottom: -2px;  */
/* NOT -WORKING - THIS IS SUPPOSED TO REDUCE SPACE BETWEEN LEGEND AND DISPLAYED PIX  BUT NOT NEEDED AFTER GENERAL PADDING REMOVED*/
}

.nonalblinklegend {
  font-family: 'Oswald', 'sans serif'; 
  color: ##C810B0; /* dusky pink */
  font-size: 13pt;
  font-weight: normal;
  text-align: left;
  line-height: 110%;
  float: left; 
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 0px;
/*  margin-bottom: -2px;  */
/* NOT -WORKING - THIS IS SUPPOSED TO REDUCE SPACE BETWEEN LEGEND AND DISPLAYED PIX  BUT NOT NEEDED AFTER GENERAL PADDING REMOVED*/
}


.alblinktext {
	font-family: 'Open Sans', 'sans serif'; 
	color: #4B0082; /* purple */
	font-size: 12pt;
	margin-left: 5px;
	float: left;
	font-weight: bold;
	text-align: left; /*doesn't change */
	vertical-align: top;
}

.submenulink {
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0000; /* red */
  font-size: 14pt; /* works*/
  font-weight: normal;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
/*  margin-bottom: -1px; */
/* THIS REDUCES SPACE BETWEEN LEGEND AND DISPLAYED PIX  BUT NOT NEEDED AFTER GENERAL PADDING REMOVED*/
}

.topmenulink {
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0000; /* red */
  font-size: 14pt; /* works*/
  font-weight: normal;
  text-align: left;
  line-height: 97%; /* scrunches up if more than 3 lines required  - works Firefox/Chrome but NOT in Edge*/
  margin-left: 0px;
  margin-right: 0px;
/*  margin-bottom: -1px; */
/* THIS REDUCES SPACE BETWEEN LEGEND AND DISPLAYED PIX  BUT NOT NEEDED AFTER GENERAL PADDING REMOVED*/
}

.footernavlink {
  font-family: 'Oswald', 'sans serif'; 
  color: #cc0000; /* red */
  font-size: 14pt; /* works*/
  font-weight: normal;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
/*  margin-bottom: -1px; */
/* THIS REDUCES SPACE BETWEEN LEGEND AND DISPLAYED PIX  BUT NOT NEEDED AFTER GENERAL PADDING REMOVED*/
}

.reltext {
	font-family: 'Open Sans', 'sans serif'; 
	color: #4B0082; /* purple */
	font-size: 11pt;
	margin-left: 9px; 
	float: left;
	text-align: left; /*doesn't change */
	vertical-align: top;
}

.ixtext {
	font-family: 'Open Sans', 'sans serif'; 
	color: #4B0082; /* purple */
	font-size: 11pt;
	float: left;
	text-align: left; /*doesn't change */
	vertical-align: top;
}
 
 /* not certain if this used until fly in implemented */
.menuoswaldtype {
  font-family: 'Oswald', 'sans serif'; 
  font-size: 11pt; /* works */
  font-weight: normal; /* works */
  color: #cc0000; /*  red */
/*  color: #990033;  OLD RED*/
  text-align: center;
  position: fixed; 
  margin-top: 0px;
  margin-left: 10px; /*works not sure why needed but set right to go under logo */
}

/* used in Rivals  Friends &  Fellow Travellers pages  EXCEPT IT WON'T - INCLUDED AS <style>*/


.linktitle	        { font-family: Oswald, sans serif;
                       font-size: 9pt;
                       font-weight: bold;
	         color: #cc0099 }


/*  ============================================================= */	

/* not used any special formatting on /albtrack/alphtrck.asp */



/*  ============================================================= */	

/*  Used in new 2020 setlist pages  */

.gig 	  	{ font-weight: normal;
		       font-family: georgia, times, serif; 
		       font-weight: bold;
		       font-size: 12pt;
		       color: #cc0099;
		       margin-top: 30px;
		       margin-bottom: 0px;}

.gigartist	{font-family: Georgia, Times, serif;
                       font-size: 11pt;
                       font-weight: bold;
                       color: #4B0082;
                       margin-bottom: 3px;}

.gigtracks	{font-family: Georgia, Times, serif;
                       font-size: 10pt;
                       font-weight: normal;
                       color: #4B0082;
                       text-align: left;
                       margin-top: 0;}

.gignotes     {font-family: Georgia, Times, serif;
                       font-size: 11pt;
                       font-weight: bold;
		       color: #cc0099;
                       text-align: left;
                       margin-bottom: 3px; 
                       margin-top: 5px;}

.gignotestxt     {font-family: Georgia, Times, serif;
                       font-size: 10pt;
                       font-weight: normal;
                       color: #4B0082;
                       margin-left: 10px; 
                       margin-bottom: 5px; 
                       margin-top: 5px;}

.gigtracknotes  {font-family: Georgia, Times, serif;
     		       font-size: 9pt;
                       font-style: italic;
                       color: #4B0082;
                       text-align: left;
                       margin-left: 25px; 
                       margin-bottom: 2px; 
                       margin-top: 0;}

.gigpersonnel	{
	float: right;
	width: 40%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;
	background-color:  #f7cffe;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 15px;
	font-family: Georgia, Times, serif;
	font-size: 9pt;
        font-style: italic; 
	font-weight: normal;
	color: #4B0082;
	text-align: left;
	}




.eyecandytall	     {float: right;
			width: 150px;
			hspace: 5px;
			vspace: 5px;
			margin-right: 10px;}

.eyecandywide	     {float: right;
			width: 200px;
			hspace: 5px;
			vspace: 6px;
			margin-left: 10px;
			margin-right: 10px;}

.eyecandytallup     {float: right;
			width: 150px;
			hspace: 5px;
			vspace: 5px;
			margin-right: 10px
			margin-top: 30px}

.eyecandywideup     {float: right;
			width: 200px;
			hspace: 5px;
			vspace: 5px;
			margin-right: 10px
			margin-top: 30px}

			
.eyecandyplus     {float: right;
			width: 150px;
			hspace: 5px;
			vspace: 5px;
			margin-right: 10px
			margin-top: 30px}



/*  ============================================================= */	
/*  Used in 2020 lyrics pages */

.albumor45s     {
	font-family: 'Open Sans' sans  serif;
	font-size: 10pt;  
                  font-weight: bold;
                  color: #cc0099;
	text-align: justify;}

.album         {
	font-family: 'Open Sans', sans serif;
	font-size: 11pt;  
                  font-weight: bold;
	color: #4B0082;
	text-align: justify;
                  margin-top: 3px;}
/*
Albumor45s – PINK – 10pt not indented
Album – 10pt indented - 	 .album	
Tracknotes – 9pt indented - margin-top: 0 - .tracknotes

*/
.title   	{ 
	font-family:  'Oswald', sans serif; 
	font-weight: bold;
	font-size: 14pt;
	color: #cc0099; 
	margin-left: 0px;
	margin-bottom: -15px;
	 }


.writer	 {
	font-family:  'Oswald', sans serif; 
                  font-weight: bold;
                  font-size: 12pt;
                  color: #cc0099;
	 margin-left: 0px;
	 text-align: left;
                 	 margin-bottom: -8px;
                  }

.publisher      {
	 font-family:  'Oswald', sans serif; 
                  font-size: 11pt;
                  font-weight: normal;
	margin-left: 0px;
                  color: #4B0082;
                  text-align: left;
                  }

/*  publisher not used in 2020 version */

.lyrics	        {
	font-family:  'Open Sans', sans serif; 
                  font-size: 11pt;
                  font-weight: normal;
                  color: #4B0082;
	margin-left: 5px;
                  text-align: left;
                  margin-left: 10px; 
                  }

.lyriccop	        {
	font-family:  'Open Sans', sans serif; 
                  font-size: 9pt;
                  font-weight: normal;
                  color: #4B0082;
	margin-left: 5px;
                  text-align: left;
                  margin-left: 10px; 
                  }

.tracknotes     {
	font-family: 'Open Sans', sans sserif;
                  font-size: 10pt;
                  font-weight: normal;
                  color: #4B0082;
                  text-align: left;
                  margin-left: 10px; 
                  margin-top: 0;
                  }



/* =================================================
REMOVAL OF LINK TEXT DECORATION
================================================= */

/* GENERAL APPLICATION */
/* THIS APPLIES TO THE LOGO MENU IN COLUMN 1*/
a.centermenu:link {text-decoration:none;}    
a.centermenu:visited {text-decoration:none;}
a.centermenuhover {text-decoration:none;}

/* THIS APPLIES TO THE TOP LINE MENU IN COLUMN 2*/
a.topmenulink:link {text-decoration:none;}
a.topmenulink:visited {text-decoration:none;}
a.topmenulink:hover {text-decoration:none;}

/* ALBUM PAGES */
/* THIS APPLIES TO  SUBMENUS IN ALBUM PAGES IN COLUMN 2 */
a.submenulink:link {text-decoration:none;}
a.submenulink:visited {text-decoration:none;}
a.submenulink:hover {text-decoration:none;}

/* THIS APPLIES TO  NAVIGATION LINKS AT THE FOOT OF ALBUM PAGES IN COLUMN 2 */
a.footernavlink:link {text-decoration:none;}
a.footernavlink:visited {text-decoration:none;}
a.footernavlink:hover {text-decoration:none;}

/* ALBUM INDEX PAGES */
/* THIS APPLIES TO THE MAIN LINKS IN ALBUM INDEX PAGES - CAN BE REPURPOSED */
a.alblinklegend:link {text-decoration:none;}
a.alblinklegend:visited {  text-decoration:none;}
a.alblinklegend:hover {text-decoration:none;}


/* =================================================
IMAGES
================================================= */
    
img { 
  border: 0;
  margin-left: 5px;
  max-width: 100%;
  /* seems to disallow shrinking below size of images in VERSIONS pages */
  margin-right: auto;
  } 

img.cover300rt {
  float: right;
  margin-left: 1em;
  width: 300px;
  height: 300px;
  }

/* used on albums footer nav */
img.50pix {
	width: 50px;
	height: 50px;
}

img.35pix {
	width: 35px;
	height: 35px;
}
img.center {
 align: center;
}
.centerlogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
  
/* ENDS */