/* songlight, (c) 2009-2026 dylan harris, licensed by GPL 3, more info at https://dylanharris.org/ */

/* castrated from normalize.css v8.0.1, github.com/necolas/normalize.css (MIT licence), given W3's 2024 CSS Snapshot. */
html { line-height: 1.15; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,strong { font-weight: bolder; }
pre,code,kbd,samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.4em; }
img { border-style: none; }
button,input,optgroup,select,textarea { font-size: 100%; line-height: 1.15; margin: 0; }
button,input { overflow: visible; }
button,select { text-transform: none; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"],[type="radio"] { box-sizing: border-box; padding: 0; }
[type="search"] { outline-offset: -2px; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

/* nowt below can be blamed on anyone but me */
body
{   font: lighter 100%/1.25 Verdana, sans-serif; hyphens: none; font-stretch: normal;
    margin: 0;padding: 1rem; overflow: auto; background-color: black; border-color: black;
    color: gray; height: 100%; letter-spacing: -0.015rem; overflow-y: scroll; text-rendering: geometricPrecision;
    font-variant-ligatures: common-ligatures; font-feature-settings: "kern"; font-kerning: normal; }

@font-face { font-family: 'Marain'; src: url('/and/front/marain-punct.ttf'); }
.marain { font-family: Marain; font-size: 90%; }
span.marain { font-family: Marain; font-size: 60%; }

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; 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: 1rem; }
abbr[title], dfn[title]
{ border-bottom: 1px dotted #808080;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  cursor: help; }
hr,.skip { left: -1000rem; 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: #808080; margin: 0; font-weight: normal; font-family: Verdana, sans-serif; }

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

p,footer { margin-top: 0; margin-bottom: 0.4rem; }
em { text-decoration: none; font-style: italic; }
ol,ul { padding: 0; padding-left: 2.5%; margin: 0; margin-bottom: 0.4rem; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
li { padding: 0; margin: 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%; }

.column { columns: 2; }
.column-unit { break-inside: avoid-column; }

.schema,.cv,.blog,.index,.general,.potato,.samp,.thumb,.photo,.chewed,.banner,.front,.sum,.prod,.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: 1rem; }
.shot,.thumb,.banner,.photo { text-align: center; }

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

.front a:hover img,.prod a:hover img,.sum a:hover img,.home a:hover,.samp a:hover img,.chunk a:hover img,.cast a:hover img,.crumb a:hover img { transform: scale(1.02); }
.thumb a:hover img,.photo a:hover img { transform: scale(1.01); }
.navchunk a:hover img { transform: scale(1.05); }

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

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

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

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

.simple { text-align: center; }

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

.blog p,.general p,.log p,.samp p,.prod p,.simple p,.crumb p,.cv p,.cv div { margin-bottom: 0.5rem; }
.schema p { margin-bottom: 0; }
.blog p,.cv p,.cv div { text-align: justify; }
.blog blockquote { margin: 0rem 5% 0.5rem 5%; }
.blog li { margin: 0; text-align: justify; }
.blog ol,.blog ul { margin: 0 0 0.5rem 0; text-align: justify; }
.blog .config,.blog .code { font-family: monospace; }
.blog .config { margin: 0rem 5% 1.5rem 5%; color: #808080; }
.general h3,.general h4,.general h6,.simple h3,.simple h4,.simple h6 { margin-top: 0.8rem; }
.blog h3,.cv h3 { font-size: 110%; margin-top: 1rem; color: #808080; }
.blog h4,.blog h6,.cv h4,.cv h6 { color: #808080; font-size: 90%; margin-top: 0; }
.schema h3 { font-size: 110%; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #808080; }
.log td { padding: 1% 0.25rem; }
.schema td { padding: 0.5% 0.25rem; }
.schema h4,.schema h6 { color: #808080; font-size: 90%; margin-top: 0.5rem; margin-bottom: 0.25rem; }
.blog td { padding: 0; padding-right: 2rem; font-size: 90%; width: 25%; vertical-align: top; text-align: left; }
.blog td p { margin: 0; text-align: left; margin-left: 1.5rem; text-indent: -1.5rem; }

.poem { max-width: 1000px; min-width: 250px; margin: 0 auto; position: relative; display: table; }
.poem::after { margin-bottom: 5rem; }
.poem h1 { margin-bottom: 1.75rem; 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.02rem; line-height: 125%; margin-bottom: 1.25rem; }
.poem div { display: table; margin: 0 auto; }
.poem article { margin-bottom: 2rem; }
.poem blockquote { margin: 1% 25%; font-style: italic; }
.poem h3 + p,.poem h4 + p { margin: 0 20%; }

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

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

.inline_illustration_left,.w20l { float: left; padding: 0.4rem 1rem 1rem 0; }
.inline_illustration_right,.w20r { float: right; padding: 0.4rem 0 1rem 1rem; }
.prod .inline_illustration_left,.crumb .inline_illustration_left { margin-top: 3rem; }
img.inline_illustration_left,.img.w20l { float: left; padding: 0.4rem 1rem 0 0; }
img.inline_illustration_right,.img.w20r { float: right; padding: 0.4rem 0 0 1rem; }
.illustration { float: none; padding: 1rem 0 1rem 0; display: block; margin-left: auto; margin-right: auto; }
.inline_product { float: left; padding: 0.4rem 1rem 0 1rem; }
.w125 { width: 125%; }
.w100 { width: 100%; }
.w90 { width: 90%; }
.w80,.cw80 { width: 80%; }
.w75 { width: 75%; }
.w70,.cw70 { width: 70%; }
.w60,.cw60 { width: 60%; }
.w50,.cw50 { width: 50%; }
.w45,.cw45 { width: 45%; }
.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%; }
.w1 { width: 1%; }
.w150 { width: 1.5%; }
.mw125 { max-width: 125%; }
.mw100 { max-width: 100%; }
.mw90 { max-width: 90%; }
.mw80 { max-width: 80%; }
.mw75 { max-width: 75%; }
.mw70 { max-width: 70%; }
.mw60 { max-width: 60%; }
.mw50 { max-width: 50%; }
.mw45 { max-width: 45%; }
.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%; }
.mw1 { max-width: 1%; }
.mw150 { max-width: 1.5%; }

.wee { font-size: 70%; }
.smaller { font-size: 90%; }
.big { font-size: 130%; }
.humungous { font-size: 200%; }
p.pre-l, footer.pre-l { margin-bottom: 0; }
p.centred, footer.centred { text-align: center; }
p.italics, footer.italics, span.italics { font-style: italic; }
p.chorus,footer.chorus,.chorus { font-style: italic; color: #808080; }
p.timewall,footer.timewall,.timewall { font-style: italic; color: #808080; }
p.client,footer.client,.client { font-size: 95%; color: #AAAAAA }
p.start,footer.start,.start { font-style: italic; font-size: 95%; color: #AAAAAA }
p.aside,footer.aside,.aside { font-style: italic; }

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

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

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

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

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

.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: 1rem; letter-spacing: 0.1rem; }
.fotosub a { color: gray; }
.quoted-prose { padding-left: 3rem; padding-right: 3rem; font-style: italic; font-size: 95%; }
.quoted_poem { font-style: italic; }
.poet,p.poet,footer.poet { font-style: italic; }
.leet,.noclue { font-style: italic; }
.arsehat { font-variant: small-caps; }

.pubd { padding-bottom: 0.5rem; }
.published-title { font-family: Verdana, sans-serif; font-size: 120%; color: #AAAAAA; }
.published-press { font-style: italic; }
.published-details { font-size: 90%; }
.published-quote { padding-bottom: 0.5rem; font-style: italic; }
.published-quoted { font-style: normal; }
.published-more { padding-bottom: 0; font-style: italic; font-size: 80%; }

.navchunk,.navtext,.navlan { text-align: center; min-height: 0; max-height: 90px; width: 33%; padding: 0 0.75rem; display: inline-block; margin-bottom: 0.5rem; }
.navchunk { min-width: 50px; max-width: 50px; }
.navtext,.navtext h1 { font-size: 110%; text-align: left; font-family: Verdana, sans-serif; }
.navtext,.navtext h1 { min-width: 100px; max-width: 100px;  }
.navlan,.navlan h1 { min-width: 100px; max-width: 150px; }
.navtext,.navtext h1 { vertical-align: 150%; }
.navlan,.navlan h1 { vertical-align: 130%; }
.navtext h1,.navlan h1 { font-size: 90%; }
.navtext h1 a,.navlan h1 a { color: silver; }
.navtext h1 a:hover,.navlan h1 a:hover { color: white; }
.navchunk .illustration { max-height: 65px; padding: 0; }

.chunk { text-align: center; min-width: 75px; max-width: 150px; min-height: 75px; max-height: 150px; width: 33%; padding: 0 2.5rem 5rem 2.5rem; display: inline-block; font-size: 100%; margin-bottom: 3rem; padding-top: 2rem; overflow: clip; text-overflow: ellipsis; }
.chunk .illustration { max-height: 150px; padding: 0.25rem 0; }
.chunk-title,.chunk-info,.chunk-date,.chunk-shout,.chunk-label { max-width: 150px; overflow: clip; white-space: nowrap; }
.chunk-title { letter-spacing: 0.1rem; line-height: 150%; font-family: Verdana, sans-serif; color: #AAAAAA; font-variant-ligatures: none; font-size: 95%; }
.chunk-info,.chunk-date { font-size: 83%; color: #808080; }
.chunk-info { float: left; margin-left: 5%; }
.chunk-date { float: right; margin-right: 5%; }
.chunk-base { font-size: 80%; padding-top: 2rem; }
.chunk-shout { font-family: monospace, serif; font-size: 600%; }
.chunk-part { font-size: 90%; }
.chunk-poem { font-size: 80%; overflow: clip; max-height: 6em; }
.chunk-burble,.churble { letter-spacing: 0.05rem; font-size: 80%; color: #808080; width: 150px; overflow: clip; text-overflow: ellipsis; }
.churble { white-space: nowrap; }
.chunk-part,.chunk-poem,.chunk-shout,.chunk-base,.chunk-base a { color: #808080; }
.chunk-burble a,.churble a { color: #999999; }
a:hover .chunk,a:hover .chunk-info,a:hover .chunk-burble,a:hover .churble { color: silver; }
a:hover .chunk-title { color: white; }
.chunk-label { letter-spacing: 0rem; font-size: 90%; }
.nctxt,.toptxt,.dktxt { font-size: 70%; margin: 0; padding: 0; letter-spacing: 0; }
.nctxt,.toptxt { color: #808080; }
.dktxt { color: #808080; }
.toptxt { text-align: center; }
.thumb .chunk,p.thumb .chunk,a.thumb .chunk,.thumb p.chunk { padding-bottom: 0; }
.photo .chunk,p.photo .chunk,a.photo .chunk,.photo p.chunk { padding-bottom: 2rem; }

.mention-text { letter-spacing: 0.1rem; line-height: 150%; font-family: Verdana, sans-serif; color: #999999; font-variant-ligatures: none; font-size: 80%; }
.mention-text a { color: #999999; }
.mention-text a:hover { color: silver; }

p.lp, p.lp-note { margin-bottom: 0; text-align: center; margin-left: 10%; margin-right: 10%; }
p.lp-note { color: #808080; }
.lp p { letter-spacing: 0.02rem; }
.lp-note { font-style: italic; font-size: 70%; color: #808080; }
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: #808080; }
.track-note { font-style: italic; font-size: 80%; color: #808080; }
.track-note a,.lp-note a { color: #808080; }
.track-note a:hover,.lp-note a:hover { color: #808080; }
.track-speaker { font-family: monospace; }

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

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

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

.footnote em { color: #808080; font-style: italic; }
.footnote a { color: #999999; padding: 0; margin: 0; border-width: 0; }
.footnote a:hover { color: silver; }
.footnote a:focus { outline: none; }
p.footnote,footer.footnote { padding: 1rem 0 0 0; font-size: 75%; color: #808080; font-style: italic; }
p.footnote a,footer.footnote a { padding: 1rem 0 0 0; color: #999999; font-style: italic; }
.footnote sub { bottom: -0.10em; }
.footnote sup { top: -0.15em; }

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

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

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

.fade1 { color: #CCCCCC; }
.fade2 { color: #999999; }
.fade3 { color: #808080; }
.fade4 { color: #606060; }

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

p.subindex { margin: 0 0 0 1rem; }
.subindex p { margin: 0 1% 0 0; font-size: 90%; }
h2.subindex { margin: 0.8rem 1% 0 0; }
.subindex h4 { margin: 0.8rem 1% 0 0; }

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

.archive,.archive p,p .archive { color: #808080; }
.archive a,a .archive { color: #999999; }

.schema .source { font-family: monospace; margin-top: 1rem; margin-bottom: 0; }
p.usage { font-style: italic; margin-bottom: 1rem; font-size: 90%; color: #808080; }
p.desc { font-style: normal; font-size: 90%; color: #808080; }
p.discussion { font-style: normal; font-size: 90%; color: #808080; margin-bottom: 0.5rem; margin-top: 0; }
p.wherewhen { font-size: 85%; color: #808080; text-align: center; margin-bottom: 0.5rem; margin-bottom: 1.5rem; }

.screenshot img { padding: 2rem; margin-bottom: 1rem; }

.centre,p.centre { text-align: center; }
.links,p.links { text-align: left; }
.j,p.j { text-align: justify; }
.gamename { font-style: italic; }
.decentscreen,.biggerscreen,.mediumscreen,.weescreen { background-color: black; }
.ss1080 { display: inline; }
.dotdotdot,.ss720,.ss480,.ss320 { display: none; }
.emphasis { font-style: italic; }
.hard { font-weight: bold; }
.big { font-size: 150% }
.bigish { font-size: 110% }
.smallish { font-size: 85%; }
.st { font-size: 60%; }
.half { font-size: 50%; }
.year { letter-spacing: 0.15rem; font-family: droid-sans-mono, "Lucida Console", Monaco, monospace; font-size: 90%; }
.quitebright { color: #AAAAAA; }
.bright { color: silver; }
.humungous { font-size: 750%; color: #808080; }
.dull,a.dull,.dull a { color: #606060; }
.caps { font-size: 95%; }
.fig { letter-spacing: 0.15rem; font-family: droid-sans-mono, "Lucida Console", Monaco, monospace; font-size: 80%; text-align: center; }
.officious { font-size: 90%; color: #808080; text-align: center; }
.shine { color: silver; }

.paypal-print { border: 0; padding: 0; width: 25%; margin: 0 auto; }
table.paypal-print { display: flex; justify-content: center; align-items: center;  }
td.paypal-print, th.paypal-print { padding: 0.6em; }
input[type=submit] { background-color: black; color: gray; }

@media print
{ body { font: lighter 11pt/1.25 Verdana, sans-serif; } }
@media screen and (min-width: 1600px) and (orientation: landscape)
{ .site { margin: 0 auto; max-width: 1600px; }
  .schema,.blog,.index,.general,.potato,.poem,.samp,.thumb,.photo,.chewed,.banner,.front,.sum,.prod,.simple,.home,.stage,.cast,.log,.music,.crumb,.cv { max-width: 1000px; }
  .shot { max-width: 1600px; } }
@media screen and (max-width: 1100px) and (orientation: landscape)
{ .inline_illustration_left, img.inline_illustration_left { float: right; padding: 0.4rem 0 0 1rem; }
  .ss1080,.ss480,.ss320 { display: none; }
  .ss720 { display: inline; }
 .navchunk,.navtext,.navlan { padding: 0 0.5rem; }
  .menu-copy { font-size: 85%; }
  .decentscreen { display: none; } }
@media screen and (max-width: 955px) and (orientation: landscape)
{ .navchunk,.navtext,.navlan { padding: 0 0.25rem; }
  .biggerscreen { display: none; } }
@media screen and (max-width: 800px) and (orientation: landscape)
{ .dotdotdot { display: inline; }
  .column { columns: 1; }
  .menumatic { display: none; } }
@media screen and (max-width: 720px) and (orientation: landscape)
{ .ss1080,.ss720,.ss320 { display: none; }
  .ss480 { display: inline; }
  .mediumscreen { display: none; } }
@media screen and (max-width: 660px) and (orientation: landscape)
{ .sector h1 { margin-top: 2.5rem; margin-bottom: 0.5rem; }
  .chunk { padding-top: 1rem; padding-bottom: 4rem; }
  .navchunk,.navtext,.navlan { padding: 0 0.15rem; } }
@media screen and (max-width: 580px) and (orientation: landscape)
{ .sector h1 { margin-top: 2rem; }
  .inline_illustration_left,.inline_illustration_right,img.inline_illustration_left,img.inline_illustration_right { float: none; padding: 1rem 0 1rem 0; display: block; margin-left: auto; margin-right: auto; }
  .w20l,.w20r { display: none; }
  .chunk { margin-top: 0rem; margin-bottom: 4rem; }
  .navtext,.navlan { padding: 0; }
  div.frontify { margin-bottom: 1rem; } }
@media screen and (max-width: 520px) and (orientation: landscape)
{ .ss1080,.ss720,.ss480,.print { display: none; }
  .ss320 { display: inline; }
  .chunk { margin-bottom: 3rem; padding-bottom: 3rem; } }
@media screen and (max-width: 450px) and (orientation: landscape)
{ .sector h1 { margin-top: 1.5rem; margin-bottom: 0.25rem; }
  .inline_illustration_left,.inline_illustration_right, img.inline_illustration_left, img.inline_illustration_right { float: none; padding: 1rem 0 1rem 0; display: block; margin-left: auto; margin-right: auto; }
  .chunk { margin-bottom: 2rem; padding-bottom: 0rem; } }
@media screen and (max-width: 400px) and (orientation: landscape)
{ .weescreen,.churble,.chunk-burble { display: none; } }
@media screen and (max-width: 350px) and (orientation: landscape)
{ .sector h1 { margin-top: 1rem; } }

 /* poor man's mobile style */
@media screen and (orientation: portrait)
{ body { font: 100%/1.25 DroidSans, sans-serif; font-size: 100%; }
  h1 { font-size: 100%; margin: 0; padding: 0; letter-spacing: 0; font-weight: 100; }
  h2,h3,h4 { font-size: 100%; }
  h5,h6 { font-size: 80%; }
  .decentscreen,.biggerscreen,.menumatic,.mediumscreen,.weescreen,.chunk-info,.chunk-date,.churble,.chunk-burble,.print { display: none; } 
  .ss1080,.ss720,.ss480,.vispo-left { display: none; }
  .ss320 { display: inline; }
  .sector { font-size: 120%; }
  .first-under,.vispo-left,.chunk-title { font-size: 90%; }
  .chunk { text-align: center; min-width: 150px; max-width: 300px; min-height: 150px; max-height: 300px; padding-bottom: 0; text-overflow: clip; }
  .chunk .illustration { max-height: 200px; max-width: 200px; min-height: 200px; min-width: 200px; }
  .inline_illustration_left,.inline_illustration_right, img.inline_illustration_left, img.inline_illustration_right { float: none; padding: 1rem 0 1rem 0; display: block; margin-left: auto; margin-right: auto; }
  .navchunk,.navtext,.navlan { max-height: 130px; padding-top: 1rem; }
  .navlan { width: 100%; max-width: 200px; vertical-align: 50%; }
  .navlan h1 { max-width: 200px; vertical-align: 50%; }
  .navchunk { max-width: 130px; }
  .navchunk .illustration { min-width: 100px; max-width: 100px; min-height: 100px; max-height: 100px; }
  .menu-copy,.tismoi { font-size: 65%; }
  .uptop { padding-bottom: 2rem; padding-top: 1rem; }
  .w100,.w90,.w80,.cw80,.w75,.w70,.cw70,.w60,.cw60,.w50,.cw50,.w45,.cw45,.w40,.w35,.w30,.w25 { width: 100%; }
  .schema,.cv,.blog,.index,.general,.potato,.samp,.thumb,.photo,.chewed,.banner,.front,.sum,.prod,.simple,.home,.stage,.cast,.log,.music,.crumb { margin-bottom: 0; padding-bottom: 0; }
  p,.blog { padding-bottom: 25px; } }