/*
   min height is .5625 times min width
   max height is .5625 times max width

iframe, video {
   display: block;
   width: 80%;
   margin: 1em auto;
   height: calc(.5625 * 80vw);
   min-width: 320px;
   min-height: 180px;
   max-width: 1920px;
   max-height: 1080px;
}
*/

/* -------------------------------------- */
/*     Pseudo-Classes for menu links:     */
/* -------------------------------------- */
a.menuoptions:link {
}
a.menuoptions:visited {
}
a.menuoptions:hover {
   color: black;
   background-color: yellow;
   text-decoration: underline;
   font-weight: bold;
}
a.menuoptions:active {
   color: yellow;
   background-color: black;
   text-decoration: none;
   font-weight: normal;
}
/* -------------------------------------- */
/*     end: menu link Pseudo-Classes      */
/* -------------------------------------- */

/* -------------------------------------- */
/*  Pseudo-Class Column Header for Page:  */
/* -------------------------------------- */
tr.artistAlbumHdr {
   color:white;"
   background-color:blue;
}

/* -------------------------------------- */
/*    Pseudo-Classes to hilight album:    */
/* -------------------------------------- */
tr.albumtracks:hover {
   color: blue;
   background-color: #eaeff7;
}
/* -------------------------------------- */
/*  end: Pseudo-Classes to hilight album  */
/* -------------------------------------- */

/* -------------------------------------- */
/*   Pseudo-Classes to hilight concert:   */
/* -------------------------------------- */
tr.concertRow:hover {
   color: blue;
   background-color: #eaeff7; /* cyan; */ /* #eaeff7; */
}
/* -------------------------------------- */
/* end: Pseudo-Classes to hilight concert */
/* -------------------------------------- */

#wrapper {
	width: 740px;
	margin: 0px auto;
	border: 1px solid #000000;
}
#header {
	background-color: black;
	color: rgb(255, 255, 255);
	text-align: center;
	margin: 0px;
}
#nav {
	background-color: #b0e0e6; /* #d1d6e4; PowderBlue: b0e0e6 */
	text-align: center;
	border: 2px solid #0000FF;
}
#main {
	text-align: center;
}

#albumhdr {
   width:90%;
   /* background-color: #89cff0; */
   /* background-color: #00ffff; */
   background-color: #eaeff7; /* LightSilver: eaeff7 */
   margin: 0px auto;
   /* color: rgb(255, 255, 255); */
   color: rgb(0, 0, 255);
   text-align: center;
}

#albuminfo {
   width:80%;
   text-align:center;
   /* padding is shorthand for 'padding-top padding-right padding-bottom padding-left': */
   padding-bottom: 4px;
   /* Border is shorthand for 'border-width border-style border-color' */
   /* border: 4px ridge #0000ff; */
   border-width: 2px;
   border-style: solid none;
   border-color: #0000ff;
}

table.stripedrows {
   margin: 1em auto;
   /* border-collapse: collapse; */
   border-spacing: 2px;
}

.stripedrows tr:nth-child(even) {
   /* background-color: #cceeff; */
   /* background-color: #ffff00; YELLOW */ 
   /* background-color: #eaeff7; Light Silver */
   background-color: #e0ffff; /* Light Cyan */
}

.stripedrows tr {
   padding: 4px;
}

td.artistname,
td.albumyear {
   font-family: Georgia; /* Comic Sans MS; Brush Script MT; */
   font-size: 18pt;
   font-weight: bold;
   font-style: italic; /* normal; */
   text-shadow: -2 2;
}

}
/* ---------------------
table {
}
------------------------ */
/* To use:
   <table class="tblname">
*/

#tracknumber {
   width: 10%;
}
#tracklength {
   width: 20%;
}

#trackcontrols {
   width: 70%;
}