/* songlight, (c) 2009-2017 dylan harris, licensed by GPL 3 */
/* In its current state, it's not worth borrowing. The site needs a deep CSS class prune. */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote::before,blockquote::after,q::before,q::after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
table, tr, td, thead, tbody { border-width:0; }
tr, td { vertical-align:top; }

.mod::after, .section::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body
{   font: lighter 100%/1.25 Verdana, sans-serif;
    font-stretch: normal; padding: 1em; overflow: auto; background-color: black; border-color: black;
	color: gray; height: 100%; letter-spacing: -0.015em; overflow-y: scroll; text-rendering: geometricPrecision;
    font-variant-ligatures: common-ligatures; font-feature-settings: "kern"; font-kerning: normal; }
.ie7 body { background-color: black; }

@media print
{ body { font: lighter 11pt/1.25 Verdana, sans-serif; } }
@media screen and (max-width: 768px)
{ body { font: lighter 95%/1.23 Verdana, sans-serif; } }
@media screen and (max-width: 668px)
{ body { font: lighter 90%/1.20 Verdana, sans-serif; } }
@media screen and (max-width: 590px)
{ body { font: lighter 85%/1.18 Verdana, sans-serif; } }
@media screen and (max-width: 520px)
{ body { font: lighter 80%/1.15 Verdana, sans-serif; } }
@media screen and (max-width: 460px)
{ body { font: lighter 75%/1.10 Verdana, sans-serif; } }
@media screen and (max-width: 400px)
{ body { font: lighter 70%/1.05 Verdana, sans-serif; } }

table { font-size:inherit; font-size: 100%; }
select, input, textarea { font-size: 99%; font-family: Verdana, sans-serif; }
a {	transition: color 0.1s linear;
    text-decoration: none; font-stretch: condensed; color: #989898; }
a:hover { color: silver; }
a:focus { outline: none; }
sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }


input.text, input[type=text], p, ul, ol { margin-bottom: 1em; }
abbr[title], dfn[title]
{	border-bottom: 1px dotted #666;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	cursor: help; }
hr, .skip, .ineffable { left: -1000em; overflow: hidden; position: absolute; top: 0; width: 0; }

img, embed, object, video { max-width: 100%; border-color: black; }

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

h1, h2, h3, h4, h5, h6 { color: #888888; margin: 0; font-weight: normal; font-family: Verdana, sans-serif; }

h1 { margin-top: 3em; letter-spacing: 0.25em; font-weight: 200; font-variant-ligatures: none; text-align: center; }
h2 { margin-top: 1em; letter-spacing: 0.2em; }
h3 { margin-top: 0.75em; letter-spacing: 0.15em; }
h4 { margin-top: 0.5em; letter-spacing: 0.1em; }
h5 { font-size: 95%; font-weight: 400; }
h6 { font-size: 90%; font-weight: 400; }

p { margin-top: 0; margin-bottom: 0.4em; }
em { text-decoration: none; }
ol,ul { padding: 0; padding-left: 2.5%; margin: 0; margin-bottom: 0.4em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
li { padding: 0; margin: 0; padding-left: 0; }

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

cite { font-style: normal; }
strong { font-weight: bold; }
sup { font-size: 60%; }

.schema, .blog, .index, .general, .potato, .sampled, .thumb, .conthumb, .chewed, .sa, .banner, .front, .summaried, .produce, .simple, .home, .stage, .cast, .log, .music, .track, .crumb, .ffoto, .sacon { max-width: 1000px; min-width: 250px; margin: 0 auto; position: relative; }
.conshot, .shot, .image { max-width: 1500px; min-width: 250px; margin: 0 auto; position: relative; }
.poem, .track { max-width: 1000px; min-width: 250px; margin: 0 auto; position: relative; display: table; }
.under { text-align: center; position: relative; clear: both; width: 100%; top: auto; left: 0; right: 0; bottom: 0; padding: 0; }
.first-under {  margin-top: 2em; }
.ffoto, .sa, .damcon, .sacon, .shot, .conshot, .thumb, .conthumb, .banner { text-align: center; }

.chunk { min-width: 75px; max-width: 150px; min-height: 75px; max-height: 150px; width: 33%; padding: 2em 2.5em; display: inline-block; font-size: 90%; }
.sachunk { min-width: 75px; max-width: 200px; min-height: 75px; max-height: 150px; width: 33%; padding: 1em; display: inline-block; font-size: 90%; }
.imgchunk { min-width: 50px; max-width: 120px; min-height: 60px; max-height: 125px; width: 25%; padding: 1.25em; display: inline-block; font-size: 70%; padding-bottom: 0; text-align: center; }
.clunk { min-width: 75px; max-width: 150px; min-height: 75px; max-height: 150px; width: 25%; display: inline-block; font-size: 70%; padding: 0 1.5em; text-align: center; }

@media screen and (min-width: 1600px) {
  .site { margin: 0 auto; max-width: 1600px; }
  .schema, .blog, .index, .general, .potato, .poem, .sampled, .thumb, .conthumb, .chewed, .sa, .banner, .front, .summaried, .produce, .simple, .home, .stage, .cast, .log, .music, .track, .crumb, .ffoto, .sacon { max-width: 1000px; }
  .shot, .conshot, .image { max-width: 1600px; } }
@media screen and (max-width: 520px) { h1, h2, h3, h4, h5, h6 { font-weight: bold; } }

.image img, .ffoto img, .shot img, .conshot img, .sacon, .general img, .thumb img, .conthumb img, .chewed img, .sa img, .blog img, .banner img, .simple img, .damcon img { padding: 0.5em; }
.thumb img, .conthumb img { height: 150px; }
.sa img { width: 200px; }
.image img, .ffoto img, .damcon img, .sacon img { height: 100px; }

.image a:hover img, .front a:hover img, .produce a:hover img, .summaried a:hover img, .ffoto a:hover img, .home a:hover, .chunk a:hover img, .sampled a:hover img, .damcon a:hover img, .sachunk a:hover img, .cast a:hover img, .crumb a:hover img
{ transform: scale(1.02); }

.thumb a:hover img, .sa a:hover img, .sacon a:hover img, .conthumb a:hover img
{ transform: scale(1.01); }

.image h1, .ffoto h1, .thumb h1, .conthumb h1, .chewed h1, .sa h1, .banner h1, .sacon h1 { margin-top: 2em; margin-bottom: 0.75em; }
.image h3, .ffoto h3, .thumb h3, .conthumb h3, .chewed h3, .sa h3, .banner h3, .sacon h3 { margin-top: 1em; text-align: center; }
.shot h1, .conshot h1 { margin-bottom: 1.75em; color: silver; }
.sa h3, .sacon h3 { font-size: 100%; }

.index p { text-align: justify; margin: 0; }
.index h1 { margin-top: 2em; margin-bottom: 0; }
.index h2, .index h3, .index h4 { color: #999999; margin-top: 1.25em; margin-bottom: 0; }
.index h5, index h6 { color: #666666; margin-top: 0.5em; margin-bottom: 0; }

.home h1 { color: #888888; font-size: 80%; margin: 0; margin-top: 3.5em; }
.home a { color: #888888; }
.home a:hover { color: silver; }

.stage h1 { margin-top: 2em; margin-bottom: 0.75em; }
.cast h1 { margin-top: 1.75em; }
.summaried, .home, .stage, .cast, .produce, .crumb { width: 100%; text-align: center; }
.summaried img, .home img, .cast img, .crumb img { padding: 0.75em; padding-bottom: 0.35em; }
.stage img { padding: 0; margin: 0; }
.summaried a { color: #888888; }
.summaried a:hover { color: white; }
.stage p { margin-bottom: 2em; }
.summaried p { margin-bottom: 1em; }
.home p { margin-bottom: 0; margin-top: 0; }
.cast p { margin-bottom: 1em; margin-top: 0; }

.music h1 { margin-bottom: 0.5em; }

.simple { text-align: center; }

.sampled img { padding: 0.5em 0; }
.sampled h1 { margin-top: 2em; margin-bottom: 0.5em; }
.sampled h3 { margin-top: 0; }
.sampled table { margin: 0 auto; }
.sampled td { padding: 1em 0.25em; }

.schema h1, .blog h1, .simple h1, .cast h1, .log h1, .general h1 { margin-top: 2em; margin-bottom: 0.75em; }
.crumb h1 { margin-top: 2em; margin-bottom: 1.25em; }
.produce h1 { margin-top: 2.75em; margin-bottom: 0.75em; }
.blog p, .general p, .log p, .sampled p, .produce p, .simple p, .crumb p { margin-bottom: 0.5em; }
.schema p { margin-bottom: 0; }
.blog p { text-align: justify; }
.blog blockquote { margin: 0em 5% 0.5em 5%; }
.blog li { margin: 0; text-align: justify; }
.blog ol, .blog ul { margin: 0 0 0.5em 0; text-align: justify; }
.blog .config, .blog .code { font-family: "Andale Mono", monospace; font-size: 90%; }
.blog .config { margin: 0em 5% 1.5em 5%; color: #777777; }
.general h2, .general h3, .general h4, .general h5, .general h6, .simple h2, .simple h3, .simple h4, .simple h5, .simple h6 { margin-top: 0.8em; }
.blog h2, .blog h3 { font-size: 110%; margin-top: 1em; color: #666666; }
.blog h4, .blog h5, .blog h6 { color: #666666; font-size: 90%; margin-top: 0; }
.schema h2, .schema h3 { font-size: 110%; margin-top: 1.5em; margin-bottom: 0.75em; color: #666666; }
.log td { padding: 1% 0.25em; }
.schema td { padding: 0.5% 0.25em; }
.schema h4, .schema h5, .schema h6 { color: #666666; font-size: 90%; margin-top: 0.5; margin-bottom: 0.25em; }
.blog td { padding: 0; padding-right: 2em; font-size: 90%; width: 25%; vertical-align: top; text-align: left; }
.blog td p { margin: 0; text-align: left; margin-left: 1.5em; text-indent: -1.5em; }

.poem h1, .track h1 { text-align: center; margin-bottom: 1.25em; }
.poem h2, .track h2 { font-size: 115%; margin: 2% 0 1% 0; }
.poem h3, .track h3 { font-size: 107%; }
.poem h3, .poem h4, .poem h5, .poem h6, .track h3, .track h4, .track h5, .track h6 { margin: 2% 0 0 0; font-style: italic; color: #555555; }
.poem p, .track p  { letter-spacing: 0.02em; line-height: 125%; margin-bottom: 1.25em; }

.poem div, .track div { display: table; margin: 0 auto; }

.track blockquote { margin: 1% 25%; font-style: italic; }
.track h3 + p, .track h4 + p { margin: 0 20%; }

.potato td { padding: 1% 0.25em; }
.potato h1 { margin-bottom: 0.5em; }
.potato h2, .potato h3, .potato h4, .potato h5, .potato h6 { text-align: left; margin-top: 1.25em; }
.potato p { margin-bottom: 0.5em; text-align: justify; }

.vispo-left { letter-spacing: 0.05em; width: 40%; font-size: 90%; }
.vispo-centre { letter-spacing: 0.02em; width: 60%; font-size: 90%; }

.inline_illustration_left { float: left; padding: 0.4em 1em 1em 0; }
.inline_illustration_right { float: right; padding: 0.4em 0 1em 1em; }
.produce .inline_illustration_left, .crumb .inline_illustration_left { margin-top: 3em; }
img.inline_illustration_left { float: left; padding: 0.4em 1em 0 0; }
img.inline_illustration_right { float: right; padding: 0.4em 0 0 1em; }
.illustration { float: none; padding: 1em 0em 1em 0em; display: block; margin-left: auto; margin-right: auto; }
.inline_produce { float: left; padding: 0.4em 1em 0 1em; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }
.mw90 { max-width: 90%; }
.mw80 { max-width: 80%; }
.mw75 { max-width: 75%; }
.mw70 { max-width: 70%; }
.mw60 { max-width: 60%; }
.mw50 { max-width: 50%; }
.mw40 { max-width: 40%; }
.mw35 { max-width: 35%; }
.mw30 { max-width: 30%; }
.mw25 { max-width: 25%; }
.mw20 { max-width: 20%; }
.mw15 { max-width: 15%; }
.mw10 { max-width: 10%; }
.mw5 { max-width: 5%; }

.wee { font-size: 70%; }
p.pre-l { margin-bottom: 0; }
p.centred { text-align: center; }
p.minion { color: #666666; font-size: 85%; margin-bottom: 0; font-style: italic; margin: 0 10%; }
.minion a { color: #666666; }
.minion a:hover { color: silver; }

.artsego, .corrupt { text-align: right; font-style: normal; font-size: 90%; color: #666666; }
h1.artsego, h1.corrupt { text-align: right; }
h1.corrupt { font-style: italic; }

@media screen and (max-width: 520px)
{ h1.artsego, h1.corrupt { font-size: 80%; } }

p.question { color: silver; font-size: 90%;  margin-top: 1em; margin-bottom: 0; }
p.answer { margin-top: 0; margin-bottom: 0.4em; }
p.comment { margin-top: 0; margin-bottom: 0.5em; }
.subtitle { color: gray; font-size: 70%; letter-spacing: 0.1em; font-style: italic; }
.stage subtitle { font-size: 40%; font-style: normal; }
.poster p { margin-top: 1em; margin-bottom: 1em; text-align: center; }
.separator { color: #444444; }

.menu-name { font-size: 95%; }
.menu-form { font-size: 70%; margin-bottom: 0; }
.menu-form { justify-content: center; }
.menu-form.input, .menu-form.select, .menu-form.button, .menu-form.option { display: block; }
.menu-base, .menu-top { margin-left: 10%; margin-right: 10%; }
.menu-copy { font-size: 75%; }
.menu-base, .menu-top, .menu-copy { font-size: 80%; text-align: center; }
.album-base { font-size: 80%; margin-top: 2em; margin-left: 20%; margin-right: 20%; }
.cast-basegroup, .menu-post, .menu-copy { margin-top: 0; }
.menu-symbol { font-size: 140%; margin-top: 0; }
.menu-post, .subnav, .menu-base, .menu-top, .album-base, .cast-basegroup, .menu-form, .menu-symbol, .menu-copy, .menu-name { letter-spacing: 0em; font-family: Verdana, sans-serif; }
.cast-basegroup { font-style: italic;  color: #555555; }

.menu-post a, .menu-form a, .menu-name a { color: #777777; }
.album-base a { color: #666666; }
.menu-copy a { color: #555555; }
.menu-base a, .menu-top a { color: #808080; }
.menu-base a:hover, .menu-top a:hover, .album-base a:hover, .menu-form a:hover, .menu-name a:hover, .menu-copy a:hover { color: silver; }

.menu-form select { background-color: black; border-color: #777777; color: #999999; text-align: right; }
form.menu-form { display: flex; flex-direction: row; margin: 0 auto; width: 100%; }

p.cast-basegroup, p.menu-post, p.menu-symbol, p.menu-copy, p.menu-name { font-style: normal; margin-bottom: 0.8em; }
p.menu-base, p.album-base, p.menu-top { margin-bottom: 0; text-align: center; }
p.album-base { font-style: normal; }
/* p.menu-base, p.menu-top { font-style: italic; } */
p.cast-basegroup, p.menu-name { color: #555555; }
p.menu-copy, p.menu-base, p.album-base, p.menu-top, p.menu-post, p.menu-symbol { color: #555555; text-align: center; }
form.menu-form { text-align: center; }

@media screen and (max-width: 520px)
{ .cast-basegroup, .menu-port, .menu-copy, .menu-base, .menu-top { font-size: 70%; }
  .menu-symbol { font-size: 85%; } }

.sprache, .cymraig, .deutsch, .english, .francais, .italiano, .latin, .letzebuergesch, .nederlands { font-style: italic; }
.roman { white-space: nowrap; }
.cloud { padding: 0 40px; font-style: oblique; }
.jazz { font-style: oblique; }
.fotosub { text-align: left; font-style: normal; font-size: 50%; color: gray; margin: 0; margin-bottom: 1em; letter-spacing: 0.1em; }
.fotosub a { color: gray; }
.quoted-prose { padding-left: 3em; padding-right: 3em; font-style: italic; font-size: 95%; }
.quoted_poem { font-style: italic; }

.shout-loudly { font-size: 250%; font-weight: bold; padding: 1em 0 0.5em 0; }
.arsehat { font-variant: small-caps; }

.summaried .chunk { margin-bottom: 1.25em; }
.produce .chunk { margin-bottom: 0; }
.home .chunk { margin-top: 0; padding-bottom: 3.25em; padding-top: 0.75em; }
.crumb .clunk { font-size: 85%; margin-bottom: 2.5em; }
.chunk-title { letter-spacing: 0.1em; line-height: 150%; font-family: Verdana, sans-serif; color: #AAAAAA; font-variant-ligatures: none; }
.chunk-info, .chunk-date { font-size: 83%; color: #707070; }
.chunk-info { float: left; margin-left: 5%;  }
.chunk-date { float: right; margin-right: 5%; }
.chunk-base { font-size: 80%; padding-top: 2em; }
.chunk-part { font-size: 90%; }
.chunk-poem { font-size: 80%; }
.chunk-part, .chunk-poem, .chunk-base, .chunk-base a { color: #707070; }
a:hover .chunk, a:hover .chunk-info { color: silver; }
a:hover .chunk-title { color: white; }
.chunk-label { letter-spacing: 0em; font-size: 90%; }

.chunk .illustration, .sachunk .illustration { max-height: 175px; padding: 0.25em 0; }
.imgchunk .illustration { max-height: 50px; padding: 0.25em 0; }
.clunk .illustration { max-height: 100px; max-width: 150px; padding: 0; }

p.albums, p.album-note { margin-bottom: 0; text-align: center; margin-left: 10%; margin-right: 10%; }
p.album-note { color: #666666; }
.albums p { letter-spacing: 0.02em; }
.album-note { font-style: italic; font-size: 70%; color: #666666; }
a.track-title { padding: 0; margin: 0; border-width: 0; font-size: 90%; }
a.track-poem { padding: 0; margin: 0; border-width: 0; font-size: 80%; color: #666666; }
.track-note { font-style: italic; font-size: 80%; color: #666666; }
.track-note a, .album-note a { color: #666666; }
.track-note a:hover, .album-note a:hover { color: #999999; }
.track-speaker { font-family: "Andale Mono", monospace; }

.dated { text-align: right; font-style: italic; font-size: 90%; }
.poem .dated { text-align: left; font-style: italic; font-size: 90%; margin-top: 3em; color: #606060; }
.track .dated { text-align: left; font-style: italic; font-size: 90%; margin-top: 3em; color: #606060; }
.schema .dated, .blog .dated { text-align: right; font-style: italic; font-size: 90%; color: #606060; }

.shot .flow, .shot .first_flow, .conshot .flow, .conshot .first_flow { color: #606060; font-size: 140%; }
.photo_poem { text-align: left; margin: 0; font-size: 85%; }
.new_gallery { width: 100%; margin: 0; text-align: center; }
.new_gallery td { padding: 1em; }
.chapbook { color: #606060; }

.sequence { font-size: 95%; color: #606060; }
.sequence, .flow { font-style: italic; }

.footnote em { color: #606060; font-style: italic; }
.footnote a { color: #707070; padding: 0; margin: 0; border-width: 0; }
.footnote a:hover { color: #606060; }
.footnote a:focus { outline: none; }
p.footnote { padding: 1em 0 0 0; font-size: 85%; color: #606060; font-style: italic; }

.topnote em { color: #606060; }
p.topnote { padding: 0 4em 1em 4em; font-size: 85%; color: #606060; }
p.harmonic { padding: 0 4em; font-style: italic; }

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

.member { font-size: 90%; }
p.member { margin: 0.25% 0 0.25% 3%; text-indent: -3%; }
.dark, .dark a, .dark p { color: #333333; }

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

.subtext { text-align: justify; }
p.subtext { margin: 0 3em 1% 3em; }
.subtext p { margin: 0 3em 1% 3em; font-size: 90%; }
ol.subtext { margin: 0 1.5em 1% 1.5em; }
.subtext ol { margin: 0 1.5em 1% 1.5em; font-size: 90%; }

img.visible-border, .visible-border img { border-top-width: thin; border-bottom-width: thin; border-color: #666666; border-style: dotted; }

.archive, .archive a, a .archive, .archive p, p .archive { color: #555555; }

.schema .source { font-family: "Andale Mono", monospace; font-size: 80%; margin-top: 1em; margin-bottom: 0; }
p.usage { font-style: italic; margin-bottom: 1em; font-size: 90%; color: #606060; }
p.desc { font-style: normal; font-size: 90%; color: #606060; }
p.discussion { font-style: normal; font-size: 90%; color: #606060; margin-bottom: 0.5em; margin-top: 0; }