/*
Songlight
by Dylan Harris (dylanharris.org)
Songlight is a CSS ctylesheet

Copyright © Dylan Harris

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    To obtain a copy of the GNU General Public License, see
    <http://www.gnu.org/licenses/>.

*/


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

body {
    font-family: "Lucida Bright", Times, "Times New Roman", serif;
    font-stretch: normal;
        font-size: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    overflow: auto;
        background-color: black;
    border-color: black;
        color: gray;
    width: 825px;
}

table, tr, td, thead, tbody {
        border-spacing: 0;
        border-width: 0px;
}
table, thead, tbody {
    padding: 10px 50px;
}
table {
        margin: 0px;
}
tr, td {
    padding: 0.4em;
    margin: 1em;
    vertical-align: top;
}

img {
        background-color: black;
    border-color: black;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0;
  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-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;
  font-style: italic;
}
h4, h5, h6 {
  font-size: 90%;
  font-style: italic;
  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-top: 0em;
  margin-bottom: 0.4em;
}
li {
  padding: 0px;
  margin: 0px;
  padding-left: 0;
}


a {
        text-decoration: none;
    font-family: "Lucida Fax", Times, "Times New Roman", 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;
}



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

p.front-author, p.front-more, p.front-copy {
  color: #484848;
  margin: 0;
}
p.front-author, p.front-copy {
  text-align: left;
}
p.front-more {
  text-align: right;
}
p.front-author, p.front-more {
  font-size: 70%;
  margin: 0;
}
p.front-copy {
  font-size: 60%;
  margin-top: 2em;
}
p.front-author {
  font-style: italic;
}
.front-author a, .front-more a, .front-copy a {
  color: #484848;
}
.front-copy a {
  font-family: "Lucida Sans", Arial, sans-serif;
}
.front-author a:hover, .front-more a:hover, .front-copy a:hover {
  color: silver;
}



.copylic {
  font-size: 90%;
}


.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;
}


.latest em {
    color: #606060;
}
p.latest {
    font-size: 85%;
    color: #606060;
}
h4.latest {
    font-size: 70%;
}


.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_author {
  font-style: normal;
  font-size: 90%;
}

.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;
}


p.front-top {
  text-align: left;
  font-size: 140%;
  letter-spacing: 0.35em;
  margin: 0;
  margin-bottom: 0.8em;
}
.front-top a {
  font-family: "Lucida Sans", Arial, sans-serif;
  color: silver
}
.front-top a:hover {
  color: white
}



td.LHS {
    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: 800px;
    padding: 0;
    margin: 0;
    vertical-align: top;
}



td.session {
    text-align: center;
    vertical-align: top;
    width: 250px;
}
.album-note {
  font-style: italic;
  font-size: 75%;
}


td.tracks {
    text-align: center;
    vertical-align: top;
    width: 200px;
}


p.RHS-front {
    color: gray;
}
.RHS-front a {
    text-align: left;
}
td.RHS-front {
    width: 100px;
}


td.LHS-front, td.LHS-centre {
    text-align: left;
        font-size: 85%;
    vertical-align: top;
    width: 160px;
}
td.LHS-front {
    width: 160px;
}
td.LHS-centre {
    width: 250px;
}
p.LHS-front, p.LHS-centre {
    text-align: left;
}
h3.LHS-front, h4.LHS-front, h3.LHS-centre, h4.LHS-centre {
  margin: 0;
  margin-bottom: 2.0em;
}
h3.LHS-front a, h4.LHS-front a, h3.LHS-centre a, h4.LHS-centre a {
  color: #999999;
}
h3.LHS-front a:hover, h4.LHS-front a:hover, h3.LHS-centre a:hover, h4.LHS-centre a:hover {
  color: silver
}


.front-body {
  width: 825px;
}


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

.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;
}



.front {
  width:98%;
  margin-left:1%;
  margin-right:1%;
}


.music {
  width:98%;
  margin-left:1%;
  margin-right:1%;
}


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

.log {
  width:98%;
  margin-left:1%;
  margin-right:1%;
}


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 p, .poem h1, .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%;
}


.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;
}
.foto h1, .foto h2, .foto h3, .foto h4, .foto h5, .foto h6 {
  margin: 1% 0%;
  padding: 0 50px;
  color: #666666;
}
.foto h1, .foto h2 {
  text-align: center;
  padding: 10px 0px 0px 0px;
  font-size: 90%;
}
.foto p {
    text-align: left;
}
.foto h3 {
  text-align: center;
  font-size: 80%;
  color: gray;
}
.foto h4 {
  text-align: center;
  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 h3 {
  margin-top: 0;
  margin-bottom: 0.8em;
}


.index p {
    margin: 0em 1% 0.4em 1%;
}
p.subindex {
    margin-left: 3em;
}
.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%;
    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
}
.gallery2 h2, .gallery2 h3, .gallery2 h4, .gallery2 h5, .gallery2 h6 {
    margin: 0 0 0.2em 0;
    text-align: center
}

.essay p, .essay h1, .essay h2, .essay h3, .essay h4, .essay h5 {
    margin: 0 0 0.8em 0;
}



.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;
}