@charset "utf-8";
/* songshade, (c) 2009-2019 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; -webkit-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; } }
@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 {     -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; }

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-weight: normal; font-size: 100%; font-family: "Raleway", Verdana, sans-serif; }

h1 { font-size: 150%; letter-spacing: 0.25em; font-weight: 200; font-variant-ligatures: none; }
h2 { font-size: 120%; letter-spacing: 0.2em; }
h3 { font-size: 110%; letter-spacing: 0.1em; }
h4 { font-size: 105%; font-weight: 400; }
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: 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; }
strong { font-weight: bold; }
sup { font-size: 60%; }

.image, .front, .index, .general, .product, .info, .longer { 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; }
.product, .front { text-align: center; }
.product, .info, .longer{ max-width: 1000px; }
.first-under {  margin-top: 2em; }

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

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

.image img, .general img, .front img, .info img, .longer img { padding: 0.5em; }
.image img { height: 100px; }
.front img { max-height: 200px; }

.image a:hover img, .front a:hover img, .chunk 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: 1em 0 0.75em 0; text-align: center; }
.image h3 { margin: 1em 0 0 0; text-align: center; }

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

.product img { padding: 0.35em; }

.menu-name { font-size: 95%; }
.menu-form { font-size: 70%; margin-bottom: 0; }
.menu-form { justify-content: center; }
form.menu-form { display: flex; flex-direction: row; margin: auto; width: 100%; }
.menu-form.label, .menu-form.input, .menu-form.select, .menu-form.button, .menu-form.option { display: block; }
.menu-base, .menu-top { font-size: 85%; text-align: center; }
.menu-top { font-size: 90%; margin-bottom: 2em; }
.menu-post, .menu-copy { font-size: 80%; margin-top: 0; }
.menu-symbol { font-size: 140%; margin-top: 0; }
.menu-post, .subnav, .menu-base, .menu-top, .menu-form, .menu-symbol, .menu-copy, .menu-name { letter-spacing: 0em; font-family: Verdana, sans-serif; }
.menu-post a, .menu-form a, .menu-name a { color: #777777; }
.menu-copy a { color: #666666; }
.menu-base a, .menu-top a { color: #808080; }
.menu-base a:hover, .menu-top a:hover, .menu-form a:hover, .menu-name a:hover { color: silver; }
.menu-copy a:hover { color: silver; }
p.menu-post, p.menu-symbol, p.menu-copy, p.menu-name { font-style: normal; margin-bottom: 0.8em; }
p.menu-base { margin-bottom: 0; font-style: normal; }
p.menu-top { font-style: italic; }
p.menu-name, p.menu-top, p.menu-post, p.menu-symbol { color: #555555; }
p.menu-base { color: #666666; }
p.menu-post, p.menu-symbol, p.menu-copy, form.menu-form, p.menu-base, p.menu-top { text-align: center; }
.menu-form select { background-color: black; border-color: #777777; color: #999999; text-align: right; }

.product p { margin-bottom: 0.5em; text-align: center; }
.product h1, .info h1, .longer h1 { font-size: 200%; text-align: center; }
.product h1 { margin-top: 1.25em; margin-bottom: 0.5em; }
.longer h1, .info h1 { margin-top: 1em; margin-bottom: 1em; }

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

p.gen { margin-bottom: 1em; text-align: justify; }

.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: auto; margin-right: auto; }
.inline_product { float: left; padding: 0.4em 0 0 0; }
.product .inline_illustration_left, .product .inline_illustration_right { margin-top: 1.5em; }

.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; }
p.comment { margin-top: 0; margin-bottom: 0.5em; }
.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; }

.quoted-prose { padding-left: 3em; font-style: italic; font-size: 95%; }

.warning { color: red; }

.dated { text-align: right; font-style: italic; font-size: 90%; }
.blog .dated { text-align: right; font-style: italic; font-size: 90%; margin-right: 1em; color: #606060; }

.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: 70%; color: #606060; font-style: italic; }
.author { color: #909090; font-style: italic; }
a.author { font-style: normal; }
p.author { font-style: italic; }

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

.member { font-size: 90%; }
.footnote { font-size: 90%; color: #606060; }
p.published-quote { text-align: justify; margin-top: 1em; }
.published-quoted { font-style: italic; }
.book-title { font-style: italic; }

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

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


.chunk-title { letter-spacing: 0.1em; line-height: 150%; font-family: "Raleway", Verdana, sans-serif; color: #AAAAAA; font-size: 105%; font-variant-ligatures: none; }
.chunk-author { font-style: normal; color: #707070; }
.chunk-price, .chunk-date { font-size: 83%; color: #707070; }
.chunk-price { float: left; margin-left: 10%;  }
.chunk-date { float: right; margin-right: 10%; }
.chunk-base { font-size: 80%; padding-top: 2em; }
.chunk-part { font-size: 90%; }
.chunk-part, .chunk-base, .chunk-base a { color: #707070; }
.chunk-label { letter-spacing: 0em; font-size: 90%; }

.chunk .illustration { max-height: 175px; padding: 0.25em 0 0 0; }

.wee { font-size: 75%; }

.butter { font-size: 90%; color: #707070; margin-top: 3em; }
.butter a { color: #707070; }

.message { font-size: 80%; color: #505050; font-style: italic; text-align: center; }
