@charset "ISO-8859-1";

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

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: optimizeLegibility;
    font-variant-ligatures: common-ligatures; -webkit-font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "kern"; 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: bold 85%/1.18 Verdana, sans-serif; } }
@media screen and (max-width: 520px)
{ body { font: bold 80%/1.15 Verdana, sans-serif; } }
@media screen and (max-width: 460px)
{ body { font: bold 75%/1.10 Verdana, sans-serif; } }
@media screen and (max-width: 400px)
{ body { font: bold 70%/1.05 Verdana, sans-serif; } }

table { font-size:inherit; font-size: 100%; }
select, input, textarea { font-size: 99%; font-family: sans-serif; }
a {	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	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; }
.ie6 img.full, .ie6 embed.full, .ie6 object.full, .ie6 video.full { 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: silver; margin-bottom: 0.8em; margin-top: 0; font-size: 100%; }

h1 { font-size: 120%; letter-spacing: 0.25em; font-family: Verdana, sans-serif; font-weight: 200; font-variant-ligatures: discretionary-ligatures; -webkit-font-variant-ligatures: discretionary-ligatures; }
h2 { font-size: 115%; letter-spacing: 0.2em; }
h3 { font-size: 105%; letter-spacing: 0.1em; }
h4 { font-size: 102%; }
h5 { font-size: 95%; }
h6 { font-size: 90%; }
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: silver; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: white; }

cite { font-style: normal; }

.ie6 .site { zoom: 1; background-color: black; }

.choice { width: 20%; max-width: 160px; margin: 0 auto; float: right; font-size: 90%; }
.image, .front, .index, .general, .product, .poem
{ max-width: 80%; min-width: 125px; margin: 0 auto; position: relative; float: left; }
.officious
{ max-width: 100%; min-width: 125px; margin: 0 auto; position: relative; float: center; }

@media screen and (min-width: 1300px) {
  .choice { width: 15%; max-width: 250px; }
  .site { margin: 0 auto; max-width: 1300px; }
  .image, .front, .index, .general, .product, .poem
  { width: 85%; max-width: 1000px; } }
  .officious
  { width: 100%; max-width: 1300px; } }
@media screen and (max-width: 520px) { h1, h2, h3, h4, h5, h6 { font-weight: bold; } }

.image img, .general img { padding: 0.5em; }
.ie6 .general img { width: 500px; }
.image img { height: 100px; }

.image a:hover img, .front a:hover img
{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }

.image h1 { margin: 0em 1% 2em 0; }
.image h3 { margin: 1em 0 0 0; }

.index p { margin: 0em 1%; text-align: justify; }
.index h1 { margin: 0 1%; }
.index h2 { margin: 1.5em 1% 0 1%; }
.index h3, .index h4 { margin: 1.5em 1% 0 1%; }
.index h5 { margin: 1em 1% 0 1%; font-size: 90%; }
.index h6 { margin: 1em 1% 0 1%; font-size: 80%; }

.product p { margin: 0em 1% 0.5em 1%; }
.product h1 { text-align: left; margin-left: 1%; }

.general h2, .general h3, .general h4, .general h5, .general h6 { margin: 0.8em 0 0 1%; }

.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, .poem h4 { color: gray; }
.poem h3 + p, .poem h4 + p { margin: 0 10% 0 2%; }
.poem p { letter-spacing: 0.02em; line-height: 125%; margin-bottom: 1.25em; }

.inline_illustration_left { float: left; padding: 0.4em 1em 1em 0; }
.inline_illustration_right { float: right; padding: 0.4em 0 1em 1em; }
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: 0; margin-right: auto; }
.inline_product { float: left; padding: 0.4em 1em 0 0; }
.choice .illustration { float: none; padding: 1em 0em 1em 0em; display: block; margin-left: auto; margin-right: 0; }

.artsego, .corrupt { text-align: right; font-style: normal; font-size: 90%; color: #666666; }
h1.artsego, h1.corrupt { text-align: right; 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.item { color: silver; font-size: 90%; margin-top: 0.2em; margin-bottom: 0; margin-left: 5%; }
p.comment { margin-top: 0; margin-bottom: 0.5em; margin-left: 5%; }
.subtitle { color: grey; font-size: 70%; letter-spacing: 0.1em; font-style: italic; }
.poster p { margin-top: 3em; margin-bottom: 3em; text-align: center; }
.separator { color: #303030; }

.navigate, .navigate-name { font-size: 95%; }
.navigate-copy { font-size: 75%; }
.navigate, .navigate-centre { letter-spacing: 0.15em; }
.navigate-name, .navigate-copy { letter-spacing: 0em; font-family: Verdana, sans-serif; }
.navigate a, .navigate-name a, .navigate-copy a, .navigate-centre a { color: #777777; }
.navigate a:hover, .navigate-name a:hover, .navigate-copy a:hover, .navigate-centre a:hover { color: silver; }
p.navigate, p.navigate-centre { letter-spacing: 0.15em; font-family: "Andale Mono", monospace; }
p.navigate { font-size: 90%; }
p.navigate, p.navigate-name, p.navigate-copy, p.navigate-centre { color: #606060; margin-bottom: 0.8em; text-align: right; font-style: normal; }
h1.navigate, h4.navigate { font-size: 90%; color: #606060; font-style: normal; letter-spacing: 0em; text-align: right; margin: 0;
                           font-family: Verdana, sans-serif; }
p.navigate-centre { text-align: center; }

@media screen and (max-width: 520px)
{ .navigate-copy { font-size: 70%; } }

.quoted-prose { padding-left: 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; }
.warning { color: red; }
.arsehat { font-variant: small-caps; }

.published { padding-bottom: 0.5em; }
.published-title { font-weight: bold; font-size: 110%; }
.published-press { font-style: italic; }
.published-details { font-size: 90%; padding-bottom: 1.5em; color: #606060; }
.published-details a { color: #606060; }
.published-details a:hover { color: grey; }
.published-quote { padding-bottom: 0.5em; text-align: justify; }
.published-quoted { font-style: normal; font-style: italic; }
.published-more { padding-bottom: 0; }

.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; }
.blog .dated { text-align: right; font-style: italic; font-size: 90%; margin-right: 1em; color: #606060; }

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

.corrupttitle { font-size: 95%; color: #606060; font-style: italic; }
.author { font-size: 95%; color: #909090; font-style: italic; }

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

.member { font-size: 90%; }

.officious { font-size: 80%; text-align: center; color: #404040; bottom: -10em; position: absolute; }
.officious a { color: #404040; }
.officious a:hover { color: #606060; }