html {font-size: 1em;}

body {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	margin:0px;
	background-image: url("https://heavyharmonies.com/NewImages/hhback.jpg");
	background-attachment: fixed;
}

.midimage {
	vertical-align: middle;
	border: none;
}
td {
	vertical-align:top;
}
a:link {color: #0000AA; text-decoration: none}
a:visited {color: #008800; text-decoration: none}
a:hover {color: #AA0000; text-decoration: underline}
.ebay {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 8pt; font-weight: bold; margin-bottom: 4pt; margin-top: 4pt;}
.title {font-size: 11pt;}
.justified {text-align: justify }
.sitetitle {clear:both;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
        margin-top: 0.3em;
        line-height: 1.2; }
.numbers {font-size: 12pt;
	font-weight: bold;
	text-align: center;
	margin-top:4px;
        line-height: 1.3;
	margin-bottom:24px; }
.toctable {border-width: medium; border-color: #0c0c67; border-style: groove;
        background-color: white; padding: 4px; text-align: center; }
.bandpage {border-width: thin; border-color: #0c0c67; border-style: ridge;
        background-color: white; padding: 6px; }


h1 {font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size: 2em;
	margin-top: 4px;
	margin-bottom: 2px;
	text-align:center;
	color:red;
}
h2 {font-size: 1.5em;
	text-align:center;
}

ul {
	padding-inline-start: 20px;
}

.navbar {font-size: 8pt; font-weight: bold; vertical-align: bottom; }
.EPNdisc {
	font-size: 9pt;
	font-weight: bold;
	vertical-align: bottom;
	background-color:white !important;
	padding:0px;
	margin:0px;
	line-height:1.1;
}

.audioimage {
	width:100%;
	max-width:150px;
	box-shadow: 6px 6px 3px grey;
}

.audioimage:hover {
	-webkit filter: grayscale(100%);
	filter: grayscale(100%);
}

.audiodiv {
	width:122px;
	text-align:center;
	background-color: #dedede;
}

.audiodiv img {
	border: 1px solid black;
	margin-bottom: 16px;
	box-shadow: 6px 6px 3px grey;
}

.ebaylinks {
	max-width:200px;
	margin-top:18px;
	box-shadow: 6px 6px 3px grey;
	background-color:white;
	padding:4px;
	border-radius:4px;
	border:1px solid black;
	text-align:left;
}

.AlbumCover {
	box-shadow: 6px 6px 3px grey;
	margin-right: 10px;
	margin-bottom: 10px;
}

.hhUL2020 {
	width:300px;
	padding:0px;
}
.hhULcontainer {
	padding:5px;
	border-radius:8px;
	background-color:white;
	margin-left:0px;
	margin-right:6px;
	margin-top:12px;
	margin-bottom:16px;
	border:1px solid black;
	box-shadow: 6px 6px 3px grey;
}

/*
.hhUL2020 iframe {
height:115% !important;
zoom: 0.85;
  -moz-transform: scale(0.85);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.85);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.85);
  -webkit-transform-origin: 0 0;
}
*/

.hhinput {
        height: 22px;
        font-size: 9pt;
        border-width: 1px;
        border-style: none;
        width: 170px;
        vertical-align:bottom;
}

.hhsubmit {
        width:13px;
        height:13px;
        padding:6px 27px;
        min-width: 13px;
        margin-top:0px;
        margin-left:9px;
        border: 1px solid rgb(47,91,183);
        border-radius: 2px 2px 2px 2px;
        background-color: rgb(53,122,232);
        vertical-align:bottom;
}


.bannerpar {
	text-align:center;
	font-size: 10px;
}

.bannerpar img {
	max-width:90%;
}

.glettertabledivcol1, .glettertabledivcol2 {
	width:48%;
	min-width:300px;
	float:left;
	padding:6px;
	margin-top: 12px;

}

.glettertabledivcol1 {
	border-right: 2px solid black;
}

.glettertabledivcol1 th, .glettertabledivcol2 th {
	text-align:left;
}

.centercol {
float:left;
	left:280px;
	background-color:#ddddaa;
	padding:6px;
	width:calc(100% - 434px);
}

.footer {
	clear:both;
	z-index:999;
}

.bottomkit {
	background-color:white;
	padding:6px;
	border:1px solid black;
	border-radius:4px;
	box-shadow:3px 6px 6px gray;
	margin:12px;
}

.vid {
	position: relative;
	padding-bottom: 56.25%;
	margin-right:10px;
	height: 0;
	overflow: hidden;
	box-shadow: 6px 6px 3px grey;
}

.vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hhlink {
        display:block;
        margin:4px;
}

.hhlinktwo {
        display:inline-block;
        margin-top:10px;
        margin-bottom:10px;
        margin-left:12px;
        margin-right:12px;
	border:1px solid black;
	font-weight:bold;
	padding:6px;
	background-color:#fff;
	border-radius:4px;
	box-shadow: 5px 5px 2px grey;
}

.hhlinktwo:hover {
	text-decoration:none;
	color:#fff;
	background-color: #009;
}

.greenaudio {
	font-weight: bold;
	color:#0a0;
	white-space:nowrap;
}

.audioimagetwo {
	width:100px;
	box-shadow: 6px 6px 3px grey;
	float:left;
}

.audiodivtwo {
	max-width:100%;
	margin-top:18px;
	margin-right:12px;
	min-height:106px;
	box-shadow: 6px 6px 3px grey;
	background-color:white;
	padding:6px;
	border-radius:4px;
	border:1px solid black;
	display:inline-block;
}

.audiorow {
	display:block;
	margin-left:114px;
}

.audioURL {
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-word;
}

.smartplacementwide {
	background-color:white;
	padding:6px;
	border:1px solid black;
	border-radius:4px;
	box-shadow:3px 6px 6px gray;
	margin-top:24px;
	margin-bottom:28px
	margin-left: 8px;
	margin-right:8px;
}

.smartplacementtop {
	background-color:white;
	padding:6px;
	border:1px solid black;
	border-radius:4px;
	box-shadow:3px 6px 6px gray;
	margin-top:0px;
	margin-bottom:8px;
	margin-left: 8px;
	margin-right:8px;
}


.leftcol {
	float:left;
	width:300px;
	background-color:#dedede;
	text-align:center;
	padding:6px 0px 6px 0px;
	line-height:1.9;
}

.epn-placement {
	margin-top:8px;
}

.ratelink {
	color:white !important;
	font-size: 0.8em;
	background-color: #57328f;
	padding:0.4em;
	border:none;
	border-radius:3px;
	box-shadow:2px 4px 4px gray;
}

.ratelink:hover {
	text-decoration:none;
	-webkit filter: grayscale(80%);
	filter: grayscale(80%);
}

.pad2 {padding:0.2em;}
.pad4 {padding:0.4em;}
.pad6 {padding:0.6em;}
.pad8 {padding:0.8em;}




/* Screen width LESS than 1271px */

@media screen and (max-width: 1270px) {
.glettertabledivcol1, .glettertabledivcol2 {
	width:100%;
}
.glettertabledivcol1 {
	border-right:none;
}
}

/* Screen width LESS than 970px */

@media screen and (max-width: 970px) {
.ulnew, .hhUL2020 {
	display:none;
}

.leftcol {
	width:180px;
}

.centercol {
	width:calc(100% - 314px);
}


}

/* Screen width GREATER than 970px */

@media screen and (min-width: 970px) {

.smartplacementtop {
	display:none;
}

}

.listenlink {
	font-weight: bold;
	font-size:10px;
	letter-spacing: 1px;
	background-color: #00a;
	color: #fff !important;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:2px;
	margin:0px;
	border: 1px solid #005;
	border-radius: 4px;
	box-shadow: 3px 3px 3px grey;
}

.listenlink:hover {
	text-decoration:none;
	color:#000 !important;
	background-color:#c0c0c0;
}

.tracktable td {
	vertical-align:top;
}

.flag {
	width:32px;
	height:32px;
}

.emabove {margin-top:1em !important;}
.emabove2 {margin-top: 2em !important;}
.embelow {margin-bottom:1em !important;}
.embelow2 {margin-bottom:2em !important;}