@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 { 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; } */
{   color: silver; margin-bottom: 0.8em; margin-top: 0; font-weight: normal; font-size: 100%; font-family: 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%; }

.front, .prod, .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; }
.prod, .front { text-align: center; }
.prod, .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; }
  .front, .prod, .info, .longer { width: 100%; } }
@media screen and (max-width: 520px) { h1, h2, h3, h4, h5, h6 { font-weight: bold; } }

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

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

.prod img { padding: 0.35em; }

.menu-base, .menu-top { font-size: 85%; text-align: center; }
.menu-top { font-size: 90%; margin-bottom: 2em; }
.menu-base, .menu-top { letter-spacing: 0em; font-family: Verdana, sans-serif; }
.menu-base a, .menu-top a { color: #808080; }
.menu-base a:hover, .menu-top a:hover { color: silver; }
p.menu-base { margin-bottom: 0; font-style: normal; }
p.menu-top { font-style: italic; }
p.menu-top { color: #555555; }
p.menu-base { color: #666666; }
p.menu-base, p.menu-top { text-align: center; }

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

.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; }
.prod .inline_illustration_left, .prod .inline_illustration_right { margin-top: 1.5em; }

.separator { color: #303030; }
.dated { text-align: right; font-style: italic; font-size: 90%; }

.corrupttitle { font-size: 70%; color: #606060; font-style: italic; }
.poet { color: #909090; font-style: italic; }
a.poet { font-style: normal; }
p.poet { font-style: italic; }

p.published-details { text-align: justify; margin-top: 1em; }
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; }

.w30 { width: 30%; }
.w15 { width: 15%; }
.mw30 { max-width: 30%; }
.mw10 { max-width: 10%; }


.chunk-title { letter-spacing: 0.1em; line-height: 150%; font-family: 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 .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; }