/* songlight, (c) 2009-2019 dylan harris, licensed by GPL 3 */

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; hyphens: none;
    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; }

@media print
{ body { font: lighter 11pt/1.25 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 { 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 { font-size: 115%; margin-top: 3em; margin-bottom: 0.75em; letter-spacing: 0.25em; font-weight: 200; font-variant-ligatures: none; text-align: center; }
h2 { margin-top: 1em; letter-spacing: 0.2em; color: silver; }
h3 { margin-top: 0.75em; letter-spacing: 0.15em; }
h4 { margin-top: 0.5em; letter-spacing: 0.1em; }
h5 { font-size: 90%; font-weight: 400; color: #666666; }
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, .chewed, .banner, .front, .summaried, .produce, .simple, .home, .stage, .cast, .log, .music, .crumb { max-width: 1000px; min-width: 250px; margin: 0 auto; position: relative; }
.shot { max-width: 1500px; min-width: 250px; margin: 0 auto; position: relative; }
.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; }
.shot, .thumb, .banner { text-align: center; }

.clunk { text-align: center; min-width: 75px; max-width: 150px; min-height: 75px; max-height: 150px; width: 33%; padding: 0 2.5em; display: inline-block; font-size: 90%; margin-bottom: 3em; padding-top: 2em; }
.navchunk, .navtext { text-align: center; min-height: 50px; max-height: 90px; width: 33%; padding: 0 0.9em; display: inline-block; margin-bottom: 0.5em; }

.navchunk { min-width: 50px; max-width: 50px; }
.navtext, .navtext h1 { min-width: 90px; max-width: 90px; font-size: 90%; vertical-align: 70%; font-family: Verdana, sans-serif; text-align: left; }
.navtext h1 { font-size: 80%; }
div.navtext a { color: silver; }
div.navtext a:hover { color: white; }

.shot img, .general img, .thumb img, .chewed img, .blog img, .banner img, .simple img { padding: 0.5em; }
.thumb img { max-height: 150px; max-width: 150px; }

.front a:hover img, .produce a:hover img, .summaried a:hover img, .home a:hover, .sampled a:hover img, .clunk a:hover img, .cast a:hover img, .crumb a:hover img
{ transform: scale(1.02); }

.thumb a:hover img
{ transform: scale(1.01); }

.navchunk a:hover img
{ transform: scale(1.05); }

.chewed h1, .banner h1, .shot h1 { margin-bottom: 1.75em; }
.thumb h1 { margin-bottom: 0em; }
.thumb h3, .chewed h3, .banner h3 { margin-top: 1em; text-align: center; }
.thumb h1, .chewed h1, .banner h1 { font-size: 100%; }

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

.home h1 { margin: 0; }
.home a { color: #888888; }
.home a:hover { color: silver; }

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

.simple { text-align: center; }

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

.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: monospace; }
.blog .config { margin: 0em 5% 1.5em 5%; color: #777777; }
.general h3, .general h4, .general h6, .simple h3, .simple h4, .simple h6 { margin-top: 0.8em; }
.blog h3 { font-size: 110%; margin-top: 1em; color: #666666; }
.blog h4, .blog h6 { color: #666666; font-size: 90%; margin-top: 0; }
.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 h6 { color: #666666; font-size: 90%; margin-top: 0.5em; 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 { max-width: 1000px; min-width: 250px; margin: 0 auto; position: relative; display: table; }
.poem::after { margin-bottom: 5em; }
.poem h1 { margin-bottom: 1.75em; font-size: 100%; font-weight: normal; }
.poem h3 { font-size: 107%; }
.poem h3, .poem h4, .poem h6 { margin: 2% 0 0 0; font-style: italic; color: #555555; }
.poem p  { letter-spacing: 0.02em; line-height: 125%; margin-bottom: 1.25em; }
.poem div { display: table; margin: 0 auto; }
.poem article { margin-bottom: 2em; }
.poem blockquote { margin: 1% 25%; font-style: italic; }
.poem h3 + p, .poem h4 + p { margin: 0 20%; }

.potato td { padding: 1% 0.25em; }
.potato h3, .potato h4, .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,.w20l { float: left; padding: 0.4em 1em 1em 0; }
.inline_illustration_right,.w20r { float: right; padding: 0.4em 0 1em 1em; }
.produce .inline_illustration_left, .crumb .inline_illustration_left { margin-top: 3em; }
img.inline_illustration_left,.img.w20l { float: left; padding: 0.4em 1em 0 0; }
img.inline_illustration_right,.img.w20r { 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,.w20l,.w20r { width: 20%; }
.w18 { width: 18%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }
.w2 { width: 2%; }
.w150 { width: 1.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, .mw30t { max-width: 30%; }
.mw25 { max-width: 25%; }
.mw20 { max-width: 20%; }
.mw18 { max-width: 18%; }
.mw15 { max-width: 15%; }
.mw10 { max-width: 10%; }
.mw5 { max-width: 5%; }
.mw2 { max-width: 2%; }
.mw150 { max-width: 1.5%; }

.wee { font-size: 70%; }
.big { font-size: 130%; }
.humungous { font-size: 200%; }
p.pre-l { margin-bottom: 0; }
p.centred { text-align: center; }
p.italics { font-style: italic; }
p.chorus { font-style: italic; color: #999999; }

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

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

.menumatic, .tismoi { margin-left: 10%; margin-right: 10%; }
.uptop, .smallscreen { margin-left: 0; margin-right: 0; font-size: 100%; text-align: center; }
.menumatic, .menu-copy, .tismoi { font-size: 90%; text-align: center; }
.menu-media, .menu-copy { margin-top: 0; }
.menumatic, .menu-media, .menu-copy, .uptop, .smallscreen, .tismoi { letter-spacing: 0em; font-family: Verdana, sans-serif; }
.uptop, .menu-copy a, p.menu-copy { color: #404040; }
.menumatic a, .uptop a, .smallscreen a, .tismoi a { color: #606060; }
.menumatic a:hover, .menu-copy a:hover, .uptop a:hover, .smallscreen a:hover, .tismoi a:hover { color: silver; }
.menumatic img { padding: 0; margin: 0; }

p.menu-media, p.menu-copy { font-style: normal; margin-bottom: 0.8em; }
p.menumatic, p.tismoi { margin-bottom: 0; }
.menu-media, .menumatic, p.menu-media, p.menumatic, .tismoi, p.tismoi { color: #555555; }
p.menumatic, p.menu-copy, p.tismoi { text-align: center; }

.frontify { margin-left: 10%; margin-right: 10%; font-size: 80%; text-align: center; letter-spacing: 0em; font-family: Verdana, sans-serif; color: #808080; }
.frontify a { color: #808080; }
.frontify a:hover { color: silver; }
div.frontify { margin-top: 3em; margin-bottom: 0; text-align: center; }
div.deeper { margin-top: 5em; }

.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: center; font-style: normal; font-size: 70%; 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; }

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

.chunk-title { letter-spacing: 0.1em; line-height: 150%; font-family: Verdana, sans-serif; color: #AAAAAA; font-variant-ligatures: none; font-size: 80%; }
.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 .clunk, a:hover .chunk-info { color: silver; }
a:hover .chunk-title { color: white; }
.chunk-label { letter-spacing: 0em; font-size: 90%; }
.nctxt { font-size: 50%; margin: 0; padding: 0; letter-spacing: 0; color: #666666; }

.clunk .illustration { max-height: 150px; padding: 0.25em 0; }
.navchunk .illustration { max-height: 65px; 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: monospace; }

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

.shot .flow, .shot .first_flow { color: gray; font-size: 140%; }
.photo_poem { text-align: left; margin: 0; font-size: 85%; }
.chapbook { color: #606060; }

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

.footnote em { color: #505050; font-style: italic; }
.footnote a { color: #606060; padding: 0; margin: 0; border-width: 0; }
.footnote a:hover { color: silver; }
.footnote a:focus { outline: none; }
p.footnote { padding: 1em 0 0 0; font-size: 75%; color: #505050; 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: monospace; 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; }
p.wherewhen { font-size: 85%; color: #606060; text-align: center; margin-bottom: 0.5em; margin-bottom: 1.5em; }

.centre,p.centre { text-align: center; }
.j,p.j { text-align: justify; }
.gamename { font-style: italic; }
.biggerscreen,.mediumscreen { background-color: black; }

@media screen and (min-width: 1600px)
{ .site { margin: 0 auto; max-width: 1600px; }
  .schema,.blog,.index,.general,.potato,.poem,.sampled,.thumb,.chewed,.banner,.front,.summaried,.produce,.simple,.home,.stage,.cast,.log,.music,.crumb { max-width: 1000px; }
  .shot { max-width: 1600px; } }
@media screen and (max-width: 1100px)
{ .navchunk,.navtext { padding: 0 0.75em; } }
@media screen and (max-width: 955px)
{ h1,h2,h3,h4,h5,h6 { font-size: 98%; }
  p,ol,ul,div { font-size: 99%; }
  .frontify,.uptop,.tismoi { font-size: 80%; }
  .smallscreen,.chunk-poem,.chunk-info,.chunk-date,.chunk-title { font-size: 90%; }
  .nctxt { display: none; }
  .navtext, .navtext h1 { vertical-align: 210%; }
  .navchunk,.navtext { padding: 0 0.25em; } }
@media screen and (max-width: 800px)
{ h1,h2,h3,h4,h5,h6 { font-size: 95%; }
  p,ol,ul,div { font-size: 98%; }
  .navchunk,.navtext { padding: 0 0.25em; }
  .biggerscreen,.menumatic { display: none; } }
@media screen and (max-width: 660px)
{ h1,h2,h3,h4,h5,h6 { font-size: 92%; }
  .section h1 { margin-top: 2.5em; margin-bottom: 0.5em; }
  p,ol,ul,div { font-size: 97%; }
  .clunk,.navchunk,.navtext { font-size: 80%; padding-top: 1em; }
  .frontify,.chunk-poem,.chunk-info,.chunk-date,.chunk-title { font-size: 70%; }
  .navtext, .navtext h1 { vertical-align: 235%; }
  .navchunk,.navtext { padding: 0 0.15em; } }
@media screen and (max-width: 580px)
{ h1,h2,h3,h4,h5,h6 { font-size: 90%; }
  .section h1 { margin-top: 2em; }
  p,ol,ul,div { font-size: 96%; }
  .inline_illustration_left,.inline_illustration_right, img.inline_illustration_left, img.inline_illustration_right { float: none; padding: 1em 0em 1em 0em; display: block; margin-left: auto; margin-right: auto; }
  .w90,.w80,.w75,.w70,.w60,.w50,.w40,.w35,.w30,.w25,.w20,.w18,.w15 { width: 80%; }
  .w20l,.w20r { display: none; }
  .w10 { width: 40%; }
  .w5,.w2 { width: 20%; }
  .mw90,.mw80,.mw75,.mw70,.mw60,.mw50,.mw40,.mw35,.mw30,.mw25,.mw20,.mw18,.mw15 { max-width: 80%; }
  .mw10,.mw30t { max-width: 40%; }
  .mw5,.mw2 { max-width: 20%; }
  .thumb { font-size: 90%; }
  .clunk,.navchunk,.navtext { font-size: 90%; padding: 1em; padding-top: 0; margin-top: 0em; margin-bottom: 0.5em; }
  .thumb img { max-height: 125px; max-width: 125px; }
  div.frontify { margin-bottom: 1em; }
  .mediumscreen { display: none; }
  .navtext, .navtext h1 { vertical-align: 220%; }
  .navchunk,.navtext { padding: 0em; }
  .menu-media,.menu-copy,.menumatic { font-size: 70%; } }
@media screen and (max-width: 520px)
{ h1.artsego, h1.corrupt { font-size: 80%; } }
@media screen and (max-width: 420px)
{ h1,h2,h3,h4,h5,h6 { font-size: 100%; }
  .section h1 { margin-top: 1.5em; margin-bottom: 0.25em; }
  p,ol,ul,div { font-size: 96%; }
  .inline_illustration_left,.inline_illustration_right, img.inline_illustration_left, img.inline_illustration_right { float: none; padding: 1em 0em 1em 0em; display: block; margin-left: auto; margin-right: auto; }
  .w90,.w80,.w75,.w70,.w60,.w50,.w40,.w35,.w30,.w25,.w20,.w18,.w15 { width: 100%; }
  .w10 { width: 50%; }
  .w5,.w2 { width: 25%; }
  .mw90,.mw80,.mw75,.mw70,.mw60,.mw50,.mw40,.mw35,.mw30,.mw25,.mw20,.mw18,.mw15 { max-width: 100%; }
  .mw10,.mw30t { max-width: 50%; }
  .mw5,.mw2 { max-width: 25%; }
  .thumb { font-size: 80%; }
  .thumb img { max-height: 100px; max-width: 100px; }
  .tismoi,.uptop { font-size: 70%; }
  .navtext { vertical-align: baseline; margin-bottom: 0; font-size: 150%; letter-spacing: 0.25em; text-align: center; max-width: 100%; }
  .frontify { font-size: 90%; }
  .navchunk { display: none; } }
@media screen and (max-width: 350px)
{ .section h1 { margin-top: 1em; } }