/* songlight 1, (c) 2015 dylan harris, licensed by GPL 3 
   mind you anyone would be daft to reuse this! :-) */

html {
	font-size: 100%;
    font-stretch: normal;
}
font, basefont {
	font-size: 100%;
    font-stretch: normal;
}

body {
    font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
    font-stretch: normal;
	font-size: 100%;
	margin: 0;
	padding: 20px;
    overflow: auto;
	background-color: black;
    border-color: black;
	color: gray;
/*    width: 1000px; */
}

table, tr, td, thead, tbody {
	border-spacing: 0;
	border-width: 0px;
}
tr, td {
    vertical-align: top;
}


h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
  color: silver;
  font-weight: normal;
}
h1 {
  font-size: 120%;
  text-align: center;
  letter-spacing: 0.25em;
  margin-top: 0em;
  margin-bottom: 0.8em;
}
h2 {
  font-size: 110%;
  letter-spacing: 0.2em;
  margin-top: 0.8em;
}
h3 {
  font-size: 95%; 
  letter-spacing: 0.1em;
  margin-top: 0.8em;
}
h4 {
  font-size: 90%;
  margin-top: 0.8em;
}
h5 {
  font-size: 80%;
  margin-top: 0.8em;
}
h6 {
  font-size: 70%;
  margin-top: 0.8em;
}
p {
  margin-top: 0em;
  margin-bottom: 0.4em;
}
em {
  text-decoration: none;
  font-weight: normal;
}
ul {
  padding: 0px;
  padding-left: 25px;
  margin: 0px;
  list-style-type: circle;
  margin-bottom: 0.4em;
}
li {
  padding: 0px;
  margin: 0px;
  padding-left: 0;
}


a {
	text-decoration: none;
    font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
    font-stretch: condensed;
    color: #989898;
}
a:hover {
    color: silver;
}
a:focus {
	outline: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: silver;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: white;
}

img {
    border-color: black;
}



.intro, .intro-top, .intro-base {
  font-style: normal;
}

.intro {
  margin: 0%;
  font-size: 65%;
  font-style: normal;
  letter-spacing: 2pt;
}

.intro-top, .intro-base {
  letter-spacing: 2pt;
  color: #666666;
}

.intro-base {
    font-size: 90%;
}

.intro p {
    margin: 0;
    margin-bottom: 0.2em;
}

h1.intro-top {
  margin: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 100%;
}

.intro-base a {
    color: #666666;
}

.intro-base a:hover {
    color: silver;
}



.navigate, .navigate-name, .navigate-next, .navigate-copy {
  font-family: "Lucida Sans", Helvetica, Arial, sans-serif;
  margin: 0;
}
.navigate, .navigate-next {
  letter-spacing: 0.15em;
}
.navigate-name, .navigate-copy {
  letter-spacing: 0;
}
.navigate-copy {
  font-size: 80%;
}
.navigate a, .navigate-name a, .navigate-next a, .navigate-copy a {
  color: #777777;
}
.navigate a:hover, .navigate-name a:hover, .navigate-next a:hover, .navigate-copy a:hover {
  color: silver;
}
table.navigate {
    vertical-align: top;
}
p.navigate, p.navigate-name, p.navigate-next, h6.navigate-next, p.navigate-copy {
  color: #606060;
  margin-bottom: 0.8em;
}
p.navigate, p.navigate-name, p.navigate-next {
  font-size: 70%;
}
p.navigate-copy {
  font-size: 60%;
}
h6.navigate-next {
  font-size: 80%;
}
p.navigate, p.navigate-name, p.navigate-copy {
  text-align: right;
  font-style: normal;
}
p.navigate-next, h6.navigate-next {
  text-align: center;
  font-style: italic;
}
h4.navigate, h4.navigate-next {
  font-size: 70%;
  color: #606060;
  font-style: normal;
  letter-spacing: 0em;
  text-align: right;
  margin: 0;
}
.navigate-less a {
  padding: 0;
  margin: 0;
  border-width: 0;
  color: #787878;
}


.footnote em {
    color: #606060;
}
.footnote a {
  color: #606060;
  padding: 0;
  margin: 0;
  border-width: 0;
}
.footnote a:hover {
  color: gray;
}
.footnote a:focus {
  outline: none;
}
p.footnote {
    padding: 10px 0 0 0;
    font-size: 85%;
    color: #606060;
}


.topnote em {
    color: #606060;
}
p.topnote {
    padding: 0 0 10px 50px;
    font-size: 85%;
    color: #606060;
}


.sprache {
  font-style: italic;
}

.english {
  font-style: italic;
}
.francais {
  font-style: italic;
}
.nederlands {
  font-style: italic;
}
.deutsch {
  font-style: italic;
}
.latin {
  font-style: italic;
}
.italiano {
  font-style: italic;
}
.cloud {
  padding: 0 40px;
  font-style: oblique;
}
.jazz {
  font-style: oblique;
}

p.harmonic {
    padding: 0 50px;
    font-style: italic;
}



.separator {
  color: #303030;
}

.quoted_poem {
  font-style: italic;
}

.quote {
  font-style: italic;
  font-size: 90%;
}

.context {
  font-style: italic;
  font-size: 80%;
  padding: 5px 0px 10px 40px;
}


.illustration {
  text-align: center;
  float: none;
}
.inline_illustration_left {
  float: left;
  padding: 10px;
}
.inline_illustration_right {
  float: right;
  padding: 10px;
}
.inline_product {
  float: left;
  padding: 0px 10px 0px 0px;
}


p.subtitle {
  font-size: 80%;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.1em;
}
.subtitle {
  font-size: 70%;
  font-weight: normal;
  letter-spacing: 0.1em;
}


.warn {
  color: red;
}


td.LHS {
  font-size: 90%;
    text-align: left;
    vertical-align: top;
    width: 600px;
}
td.RHS {
    text-align: right;
    padding: 10px 10px;
    margin: 1em;
    vertical-align: top;
    width: 100px;
}


td.colleft {
    text-align: right;
    width: 100px;
    min-width: 100px;
    padding: 0 3%;
    margin: 0;
    vertical-align: top;
}
td.colright {
    text-align: left;
    width: 100px;
    min-width: 100px;
    padding: 0 3%;
    margin: 0;
    vertical-align: top;
}

td.goodie {
    text-align: center;
    width: 600px;
    padding: 0;
    margin: 0;
    vertical-align: top;
}



.music {
  width:700px;
}


td.session {
    text-align: center;
    vertical-align: top;
    width: 250px;
}
.session p {
  letter-spacing: 0.02em;
  line-height: 120%;
  font-size: 80%;
}

.album-note {
  font-style: italic;
  font-size: 75%;
}

.session h1 {
    margin: 0 1%;
}

td.tracks {
    text-align: center;
    vertical-align: top;
    width: 200px;
    letter-spacing: 0.02em;
    font-size: 80%;
}




.reviews {
  width:98%;
  margin-left: 1%;
  margin-right: 1%;
    font-size: 90%;
}

.reviewed {
  font-size: 90%;
  font-style: italic;
}

td.revleft {
    text-align: left;
    vertical-align: top;
    width: 100px;
    min-width: 100px;
    font-style: italic;
}
td.revright {
    text-align: left;
    vertical-align: top;
    width: 400px;
    min-width: 400px;
}



.old_gallery, .new_gallery {
  width: 100%;
  margin: 0;
  text-align: center;
}

.old_gallery td, .new_gallery td {
  padding: 10px;
}


.log td {
  font-style: normal;
  letter-spacing: 1pt;
  padding: 2px 5px;
  font-size: 90%;
}



a.track-poem {
  padding: 0;
  margin: 0;
  border-width: 0;
  font-size: 80%;
}


.dated {
  text-align: right;
  font-style: italic;
  font-size: 90%;
}
.poem .dated {
  text-align: left;
  font-style: italic;
  font-size: 90%;
  margin-top: 30px;
  color: #606060;
}

.poem p, .poem h1, .poem h2, .poem h3, .poem h4, .poem h5, .poem h6 {
    text-align: left;
}
.poem h1  {
    margin: 2% 10% 4% 2%;
}
.poem p, .poem h2  {
    margin: 2% 10% 2% 2%;
}
.poem h3, .poem h4, .poem h5, .poem h6 {
    margin: 2% 10% 0 2%;
}
.poem h3 {
  font-size: 80%;
  color: gray;
}
.poem h4 {
  font-size: 70%;
  color: gray;
}
.poem h3 + p, .poem h4 + p {
    margin: 0 10% 0 2%;
}
.poem p {
  letter-spacing: 0.02em;
  line-height: 125%;
  font-size: 90%;
  margin-bottom: 1.25em;
}


.set p, .set h1, .set h2, .set h3, .set h4, .set h5, .set h6 {
  margin: 2% 20%;
  text-align: center;
}
.set h3 {
  font-size: 80%;
  color: gray;
}
.set h4 {
  font-size: 70%;
  color: gray;
}


.foto p {
  margin: 1% 0%;
  padding: 0 50px;
    text-align: left;
}
.foto h1, .foto h2, .foto h3, .foto h4, .foto h5, .foto h6 {
  margin: 1% 0%;
  padding: 0 50px;
  color: #666666;
  text-align: center;
}
.foto h1, .foto h2 {
  padding: 10px 0px 0px 0px;
  font-size: 90%;
}
.foto h3 {
  font-size: 80%;
  color: gray;
}
.foto h4 {
  font-size: 70%;
  color: gray;
}
p.postscript {
  font-size: 70%;
  font-weight: normal;
  margin-top: 1em;
  margin-left: 1em;
  color: #606060;
}
.postscript a {
  color: #606060;
}
.postscript a:hover {
  color: #909090;
}




.foto_essay h1 {
    text-align: left;
    margin: 0;
}
.foto_essay p {
    text-align: left;
    margin: 15em 0 0;
}

.photo_poem {
  text-align: left;
  margin: 0;
  font-size: 85%;
}


.chewed h1 {
  text-align: center;
  margin: 0;
}
.chewed p {
  text-align: center;
  margin: 15em 0 0;
}


.foto_show {
  font-size: 90%;
}

.foto_show h1 {
  text-align: center;
  margin: 0;
}
.foto_show p {
  text-align: center;
  margin: 3em 0 0;
}
.foto_show h1 a {
  font-size: 70%;
  color: #606060;
}


.misc p, .misc ul {
  margin: 0em 20% 0.4em 20%;
}
.misc h1 {
  margin: 0 20%;
}
.misc h2, .misc h3, .misc h4, .misc h5, .misc h6 {
  margin: 0.8em 20% 0 20%;
}
.misc table {
  width:60%;
  margin-left:20%;
  margin-right:20%;
}

p.scribe {
    color: black;
    font-size: 10%;
}

.tannoy {
  letter-spacing: 0.02em;
  line-height: 125%;
  font-size: 90%;
}

.tannoy h3 {
/*  margin-top: 0;
  margin-bottom: 0.8em; */
    margin: 0 1%;
}
.tannoy h3 {
/*  margin-top: 0;
  margin-bottom: 0.8em; */
    margin: 0em 1% 0.8em 1%;
}
.tannoy p {
/*  margin-bottom: 0.8em; */
    margin: 0em 1% 0.8em 1%;
  text-align: justify;
}
p.tannoy {
     margin: 0em 1% 0.8em 1%;
}


.index p {
    margin: 0em 1% 0.4em 1%;
    font-size: 90%;
}

p.subindex {
    margin: 0em 1% 0em 3em;
}
.subindex p {
    margin: 0em 1% 0em 1%;
    font-size: 90%;
}
p.subtext {
    margin: 0em 1% 1% 3em;
}
.subtext p {
    margin: 0em 1% 1% 3em;
    font-size: 90%;
}
.index h1 {
    margin: 0 1%;
}
.index h2, .index h3, .index h4, .index h5, .index h6 {
    margin: 0.8em 1% 0 1%;
}


.sequence {
  font-size: 95%;
  color: #606060;
}

.first_flow, .flow {
  font-size: 90%;
  color: #666666;
}

.sequence, .flow {
  font-style: italic;
}


.chapbook {
    color: #606060;
}


.member {
  font-size: 90%;
}

.lesser {
  font-size: 85%;
}

.top-new {
  font-size: 70%;
  margin: 0.8em 0 0 0;
}

.archive {
  font-size: 85%;
}


.fade1 {
  color: #CCCCCC;
}
.fade2 {
  color: #999999;
}
.fade3 {
  color: #666666;
}
.fade4 {
  color: #333333;
}


.arsehat
{
  font-variant: small-caps;
}


.gallery p {
/*    margin: 0em 15% 0.4em 15%; */
    margin: 0em 5% 0.4em 5%;
    font-size: 90%;
    text-align: justify
}
.gallery h1 {
    margin: 0 15%;
}
.gallery h2, .gallery h3, .gallery h4, .gallery h5, .gallery h6 {
    margin: 0.8em 15% 0 15%;
}


p.sep {
  margin: 0;
  text-align: center;
  color: #303030;
  font-style: normal;
}


.noted {
  font-style: italic;
  font-size: 90%;
}



.gallery2 p {
    margin: 0;
    font-size: 90%;
    text-align: center;
}
.gallery2 h1 {
    margin: 0 0 1.0em 0;
    text-align: center;
  margin-top: 15px;
}
.gallery2 h2, .gallery2 h3, .gallery2 h4, .gallery2 h5, .gallery2 h6 {
    margin: 0 0 0.2em 0;
    text-align: center;
}


.essay h1, .essay h2, .essay h3, .essay h4, .essay h5, .essay2 h1, .essay2 h2, .essay2 h3, .essay2 h4, .essay2 h5 {
    margin: 0 0 0.8em 0;
}
.essay p, .essay2 p {
  letter-spacing: 0.02em;
  line-height: 125%;
  font-size: 90%;
    text-align: justify;
}
.essay p {
    margin: 0 0 1em 0;
}
.essay2 p {
    margin: 0 0 1em 3em;
}



.RHS-footnote a {
  color: #606060;
  padding: 0;
  margin: 0;
  border-width: 0;
}
.RHS-footnote a:hover {
  color: gray;
  text-align: left;
}
.RHS-footnote a:focus {
  outline: none;
}
p.RHS-footnote {
    font-size: 70%;
    color: #606060;
    text-align: left;
    vertical-align: middle;
    margin: 0 20px;
    margin-bottom: 0.4em;
    font-style: italic;
}


.processed {
  color: #484848;
  text-align: center;
  font-size: 70%;
  margin: 0;
  font-style: italic;
}

.processed a {
  color: #484848;
}
.processed a:hover {
  color: #666666;
}


.vispo-left {
  width: 200px;
  font-size: 90%;
}

.vispo-centre {
  width: 300px;
  font-size: 80%;
}