body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #ffffff;
    font-family: "gill sans", verdana, helvetica, arial, sans-serif; 
    color:#333333; 
}

A { font-weight: bold; text-decoration: none; }
A:link { color:#333333; }
A:visited { color:#999999; }
A:active {color:#ff9999; }
A:hover { color: #999999; }

h1 { font-size: 30pt; }

P {
    line-height: 24pt;
}

LI {
    margin-top: 30pt;
}

p#honourablementions span.item {
    font-weight: bold;

}
p#honourablementions span.item a{
    font-weight: bold;
}

p#honourablementions a {
    font-weight: normal;
    text-decoration: dashed underline;
}

.band,.author,.artist { color:#330066; }

#main {
    position: relative;
    display: flex;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#content { padding-left: 8px; padding-right: 8px; width: 80%; font-size: 14pt; }
#sidebar { margin-left: 8px; margin-right: 8px; width: 16%; font-size: 14pt;
    position: relative;
    top: 0px; right: 0px;
}
#footer { 
    padding-top: 18pt;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    font-size: 10pt; 
    background-color: #eee;
}

ul.yearlist {
    padding-inline-start: 0px;
}
ul.yearlist li {
    display: block;
    margin-top: 6pt;
}

@media only screen and (max-width: 800px) {
	#main { display: block; }
	#content { width: 95%; }
	#sidebar { width: 95%; position: revert; }
	ul.yearlist li {
		display: inline flow-root;
		margin-right: 1em;
	}
}

#sidebar h2 { font-size: 12pt; }

.storelink { font-size: 12pt; }
.surtitle { font-size: 12pt; font-weight: bold; color: #cccccc; letter-spacing: 0.1em; }