@media screen {/* Welcome to Susy. Use this file to define screen styles. Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */
/* @group reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* @end */
/* @group defaults */
body { font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; color: black; }

/* @group links */
:focus { outline: 1px dotted; }

a:link, a:visited { border-bottom: 0.143em solid pink; text-decoration: none; color: inherit; #color: black; }
a:focus, a:hover, a:active { border-bottom-style: dashed; }

/* @end */
/* @group headings */
hgroup h1, hgroup h2 { display: inline; }

/* @end */
/* @group forms */
form { overflow: hidden; display: inline-block; }
form { display: block; }
.boxshadow form { padding: 0 0.214em; }
form .errorlist { color: red; font-family: Baskerville, Times, 'Times New Roman', serif; font-weight: bold; font-style: italic; }

form *:focus { outline: none; }

legend { font-weight: bold; font-variant: small-caps; }

label { display: block; margin-top: 1.5em; font-weight: bold; }
label .optional { font-family: Baskerville, Times, 'Times New Roman', serif; font-style: italic; font-weight: normal; }
label .optional:before { content: " | "; }

legend + label { margin-top: 0; }

textarea, input[type="text"] { /* Mozilla (FireFox, Camino) */ -moz-box-sizing: border-box; /* Webkit (Safari, Chrome) */ -webkit-box-sizing: border-box; /* IE (8) */ -ms-box-sizing: border-box; /* CSS3 */ box-sizing: border-box; width: 100%; #width: 96.339%; border: 0; background: black; color: white; }
textarea:focus, input[type="text"]:focus { /* Webkit (Safari, Chrome) */ -webkit-box-shadow: 0 0 0.5em black; /* Mozilla (Firefox, Camino) */ -moz-box-shadow: 0 0 0.5em black; /* CSS3 */ box-shadow: 0 0 0.5em black; }

textarea { font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-size: 1.143em; padding: 0.313em 0.875em; margin-top: 0.313em; margin-bottom: 0.375em; /* Mozilla (FireFox, Camino) */ -moz-border-radius: 1em; /* Webkit (Safari, Chrome) */ -webkit-border-radius: 1em; /* CSS3 */ border-radius: 1em; }

input[type="text"] { padding: 0.357em 1em; margin-top: 0.357em; margin-bottom: 0.429em; }

button { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; overflow: visible; font-size: 1em; line-height: 1.5em; background: #222; border: 0.071em solid black; padding: 0.714em 3em 0.643em; color: white; }
button:hover, button:focus { cursor: pointer; background: black; border-color: #222; }

button.submit-preview { background: none; border: none; padding: 0; color: black; }
button.submit-preview:hover, button.submit-preview:focus { font-style: italic; background: none; }

/* @end */
/* @group tables */
/* tables still need 'cellspacing="0"' in the markup */
table { width: 100%; border: 0.063em solid; border-left: none; border-right: none; padding: 0.438em 0; margin: 0.5em 0; }

th { font-weight: bold; }

/* @end */
/* @group block tags */
p { margin: 1.5em 0; }

ol { list-style: decimal; margin: 0 1.5em 1.5em 1.5em; }

ul { list-style: disc; margin: 0 1.5em 1.5em 1.5em; }

blockquote { margin: 1.5em; }

/* @end */
/* @group inline tags */
em { font-style: italic; }

strong { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }

ins { text-decoration: underline; }

del { text-decoration: line-through; }

q { font-style: italic; }
q em { font-style: normal; }

/* @end */
/* @group replaced tags */
img { vertical-align: bottom; }

/* @end */

/* @end */
/* @group STRUCTURE */
body { text-align: center; font-size: 87.5%; line-height: 1.5em; }

#page { overflow: hidden; display: inline-block; text-align: left; margin-left: auto; margin-right: auto; width: 73.643em; max-width: 100%; background: url('http://media.greengreenmud.com/static/images/scribble_1.png?1242467339') no-repeat scroll top right; }
#page { display: block; }

#skip-links ul { margin: 0; padding: 0; }
#skip-links ul li { list-style-type: none; margin-left: 0px; }
#skip-links a { position: absolute; top: -9999em; display: block; overflow: hidden; display: inline-block; text-align: left; margin-left: auto; margin-right: auto; width: 73.643em; max-width: 100%; padding: 0.786em; text-align: center; background: black; color: white; font-family: Baskerville, Times, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; /* Mozilla (FireFox, Camino) */ -moz-border-radius-bottomright: 1em; /* Webkit (Safari, Chrome) */ -webkit-border-bottom-right-radius: 1em; /* CSS3 */ border-bottom-right-radius: 1em; /* Mozilla (FireFox, Camino) */ -moz-border-radius-bottomleft: 1em; /* Webkit (Safari, Chrome) */ -webkit-border-bottom-left-radius: 1em; /* CSS3 */ border-bottom-left-radius: 1em; }
#skip-links a:focus { top: 0; z-index: 999; }
#skip-links a { display: block; }
#skip-links a:link, #skip-links a:visited { border-bottom: none; }
#skip-links a:focus, #skip-links a:hover, #skip-links a:active { font-style: italic; }

header[role="banner"] { padding-top: 0.214em; width: 58.293%; display: inline; float: left; margin-right: 1.067%; margin-left: 1.067%; }
header[role="banner"] hgroup a:link, header[role="banner"] hgroup a:visited { border-bottom: none; }
header[role="banner"] hgroup a:focus, header[role="banner"] hgroup a:hover, header[role="banner"] hgroup a:active { font-style: italic; }
header[role="banner"] hgroup h1 { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
header[role="banner"] hgroup h2 { font-family: Baskerville, Times, 'Times New Roman', serif; font-weight: bold; text-transform: capitalize; font-style: italic; }
header[role="banner"] hgroup h2:before { content: " | "; }

#site-nav { display: inline; float: right; margin-right: 1.067%; /* ugly hacks for IE6-7 */ #margin-right: 0.067%; /* end ugly hacks */ padding-top: 0.214em; text-align: right; overflow: hidden; display: inline-block; background: white; }
#site-nav { display: block; }
#site-nav ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
#site-nav ul { display: block; }
#site-nav ul li { list-style-type: none; margin-left: 0px; white-space: no-wrap; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; /* ugly hacks for IE6-7 */ #display: inline; #vertical-align: auto; /* end ugly hacks */ padding-left: 0; padding-right: 0; }
#site-nav li:before { content: " | "; }
#site-nav li:first-child:before { content: ""; }
#site-nav a:link, #site-nav a:visited { border-bottom: none; }
#site-nav a:focus, #site-nav a:hover, #site-nav a:active { font-style: italic; }

article[role="main"] { clear: both; margin-right: 1.067%; margin-left: 1.067%; background: white; }
article[role="main"] section { margin: 1.5em 0; }

#sub { background: url('http://media.greengreenmud.com/static/images/scribble_2.png?1242467321') no-repeat scroll left 3em; }

footer[role="contentinfo"] { clear: both; margin-right: 1.067%; margin-left: 1.067%; font-size: 0.857em; margin-bottom: 1.75em; font-family: Baskerville, Times, 'Times New Roman', serif; font-weight: bold; }
footer[role="contentinfo"] span { position: absolute; left: -9999px; }
footer[role="contentinfo"] cite { display: block; }
footer[role="contentinfo"] em { text-transform: capitalize; font-style: italic; }
footer[role="contentinfo"] #license { width: 69.673%; display: inline; float: left; margin-right: 1.09%; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
footer[role="contentinfo"] a:link, footer[role="contentinfo"] a:visited, footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:focus, footer[role="contentinfo"] a:active { border-width: 0.167em; }
footer[role="contentinfo"] .credit { overflow: hidden; text-align: right; font-style: italic; }
footer[role="contentinfo"] .credit a:link, footer[role="contentinfo"] .credit a:visited, footer[role="contentinfo"] .credit a:hover, footer[role="contentinfo"] .credit a:focus, footer[role="contentinfo"] .credit a:active { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; font-style: normal; }

/* @end */
/* @group COMPONENTS by type */
#comment-form ul { margin: 0; padding: 0; }
#comment-form ul li { list-style-type: none; margin-left: 0px; }
#comment-form .user { width: 66.057%; display: inline; float: left; margin-right: 1.83%; }
#comment-form li.comment { background: url('http://media.greengreenmud.com/static/images/quote_down_black.png?1257380090') no-repeat scroll 15.141% bottom; padding-bottom: 1.5em; }
#comment-form li.name label { margin-top: 0; }
#comment-form p.submit { margin-top: 0; overflow: hidden; margin-left: 1.83%; padding: 4.5em 1.83%; border-left: 0.071em dashed; text-align: center; }
#comment-form p.submit span { display: block; font-size: 1.5em; padding: 0.476em 0 0.524em; font-family: Baskerville, Times, 'Times New Roman', serif; font-style: italic; }
#comment-form p.submit span:before, #comment-form p.submit span:after { content: " — "; color: #999; }

/* @end */
/* @group OVERRIDES by content */
#intro { display: inline; float: left; width: 48.91%; padding-right: 1.09%; margin: 0; }
#intro .epigraph p { text-align: center; font-family: Baskerville, Times, 'Times New Roman', serif; }
#intro .epigraph q { display: block; font-size: 3.429em; line-height: 1.313em; }
#intro .epigraph cite { display: block; clear: both; margin-top: 1.5em; margin-left: 20.441%; margin-right: 20.441%; padding-bottom: 1.429em; border-bottom: 0.071em dashed; font-weight: bold; }
#intro .epigraph cite a { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
#intro .epigraph cite .source { font-style: italic; }
#intro p { text-align: justify; }
#intro p.start { font-size: 1.5em; text-align: center; font-family: Baskerville, Times, 'Times New Roman', serif; font-style: italic; }

#toc { overflow: hidden; border-left: 0.071em dashed; padding-left: 1.09%; font-family: Baskerville, Times, 'Times New Roman', serif; font-weight: bold; }
#toc ol { margin: 1.5em 0; margin-left: 2em; padding: 0; list-style: decimal-leading-zero; #list-style: decimal; }
#toc li { position: relative; }
#toc a, #toc span { font-weight: normal; text-transform: capitalize; }
#toc a:link, #toc a:visited { display: block; font-style: italic; border-bottom: 0; }
#toc a:hover, #toc afocus, #toc aactive { border-bottom: 0.143em dashed pink; margin-bottom: -0.143em; font-weight: bold; }
#toc h1, #toc p { display: inline; margin: 0; }
#toc p { position: absolute; right: 0; text-transform: lowercase; }

.cover { display: none; }

#spread { clear: both; overflow: hidden; display: inline-block; position: relative; border: 0.214em double; border-width: 0.214em 0; min-height: 36em; }
#spread { display: block; }
#spread #text { position: relative; clear: both; padding-left: 20.218%; padding-right: 20.218%; margin: 0; padding-bottom: 1.5em; padding-top: 1.286em; border-top: 0.214em double; background: white; }
.js #spread #text { display: none; }
#spread #text h1 { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; font-family: Baskerville, Times, 'Times New Roman', serif; }
#spread #text h2 { font-weight: bold; text-transform: capitalize; }
#spread #text h3 { font-weight: bold; }
#spread #text blockquote { font-style: italic; }
#spread figure { position: relative; }
#spread figure img { width: 100%; }

#novel-nav { clear: both; background: black; color: white; overflow: hidden; display: inline-block; }
#novel-nav { display: block; }
#novel-nav ul { margin: 0; padding: 0; }
#novel-nav ul li { list-style-type: none; margin-left: 0px; }
#novel-nav li { width: 39.346%; display: inline; float: left; margin-right: 1.09%; cursor: pointer; }
#novel-nav li.text { width: 19.128%; display: inline; float: left; margin-right: 1.09%; text-align: center; display: none; }
.js #novel-nav li.text.show { display: inline; }
#novel-nav li.next { display: inline; float: right; margin-right: 0; /* ugly hacks for IE6-7 */ #margin-right: -1%; /* end ugly hacks */ text-align: right; }
#novel-nav a { display: block; padding: 0.786em 1em 0.714em; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; font-weight: normal; }
#novel-nav a:link, #novel-nav a:visited { border-bottom: none; }
#novel-nav a:focus, #novel-nav a:hover, #novel-nav a:active { font-style: italic; }

#running { clear: both; margin-bottom: 1.5em; font-family: Baskerville, Times, 'Times New Roman', serif; font-weight: bold; font-style: italic; position: relative; }
#running strong, #running h1 { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; font-style: normal; }
#running #context { width: 49.455%; display: inline; float: left; margin-right: 1.09%; display: inline; float: right; margin-right: 0; /* ugly hacks for IE6-7 */ #margin-right: -1%; /* end ugly hacks */ text-align: right; }
#running #updates { margin: 0; display: inline; float: left; max-width: 49.455%; padding-right: 1.09%; background: white; }

#pith { margin: 3em 20.218% 0; padding-top: 1.5em; text-align: center; background: url('http://media.greengreenmud.com/static/images/quote_up_black.png?1243245862') no-repeat scroll 15.141% top; }
#pith h1 { font-size: 1.5em; padding: 1em .75em; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; /* Mozilla (FireFox, Camino) */ -moz-border-radius: 0.75em; /* Webkit (Safari, Chrome) */ -webkit-border-radius: 0.75em; /* CSS3 */ border-radius: 0.75em; background: black; color: white; }

p.errata { margin-top: 0; clear: both; padding-left: 20.218%; padding-right: 20.218%; text-align: right; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; color: #aaa; }
p.errata a:link, p.errata a:visited { border-bottom: none; }
p.errata a:focus, p.errata a:hover, p.errata a:active { font-style: italic; }

#credit { clear: both; padding-left: 20.218%; padding-right: 20.218%; }
#credit h1 { font-weight: bold; }
#credit ul { list-style-type: decimal-leading-zero; #list-style-type: decimal; font-weight: bold; margin-left: 2em; }
#credit li span { font-weight: normal; text-transform: lowercase; }
#credit li .detail { font-family: Baskerville, Times, 'Times New Roman', serif; font-style: italic; }

#read { background: white; }
#read > h1 { padding: 0.786em 1em 0.714em; background: black; color: white; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
#read article { overflow: hidden; display: inline-block; margin: 1.5em 0; }
#read article { display: block; }
#read article header { width: 19.128%; display: inline; float: left; margin-right: 1.09%; text-align: right; font-family: Baskerville, Times, 'Times New Roman', serif; }
#read article header h1 { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
#read article header h1 a:link, #read article header h1 a:visited { border-bottom: none; }
#read article header h1 a:focus, #read article header h1 a:hover, #read article header h1 a:active { font-style: italic; }
#read article header time { font-style: italic; }
#read article .body { overflow: hidden; margin-right: 20.218%; margin-bottom: 1.429em; padding-bottom: 1.429em; border-bottom: 0.143em dashed; text-align: justify; }
#read article .body p:first-child { margin-top: 0; }
#read article .body p:last-child { margin-bottom: 0; }
#read article:last-child .body { margin-bottom: 1.5em; padding-bottom: 0; border-bottom: 0; }

#write { clear: both; margin-bottom: 0; padding: 1.5em; padding-left: 20.218%; padding-right: 20.218%; background: black; color: white; }
#write h1 { text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
#write #comment-form label { font-weight: normal; }
#write #comment-form textarea, #write #comment-form input[type="text"] { background: white; color: black; }
#write #comment-form textarea:focus, #write #comment-form input[type="text"]:focus { /* Webkit (Safari, Chrome) */ -webkit-box-shadow: 0 0 0.5em white; /* Mozilla (Firefox, Camino) */ -moz-box-shadow: 0 0 0.5em white; /* CSS3 */ box-shadow: 0 0 0.5em white; }
#write #comment-form li.comment { background-image: url('http://media.greengreenmud.com/static/images/quote_down_white.png?1257363890'); }
#write #comment-form li.comment label { position: absolute; left: -9999px; }
#write #comment-form p.submit button.submit-preview { color: white; }
#write #comment-form p.submit button.submit-post { background: #999; border-color: white; color: black; }
#write #comment-form p.submit button.submit-post:hover, #write #comment-form p.submit button.submit-post:focus { background: white; border-color: #999; }
#write #comment-form p.submit span:before, #write #comment-form p.submit span:after { content: " — "; color: #999; }

#preview blockquote.preview { font-size: 1.143em; margin: 1.25em 20.218% 1.313em; padding: 1.25em 0 1.313em; border-top: 0.125em dashed; }
#preview blockquote.preview p:first-child { font-family: Baskerville, Times, 'Times New Roman', serif; font-weight: bold; }
#preview #comment-form { clear: both; margin: 1.429em 20.218% 3em; border-top: 0.143em dashed; padding-top: 1.429em; }

#errata { overflow: hidden; display: inline-block; margin-bottom: 3em; }
#errata { display: block; }
#errata h1 { margin: 0.35; }
#errata ol.chapters { margin: 0; padding: 0; }
#errata ol.chapters li { list-style-type: none; margin-left: 0px; }
#errata ol.chapters h2 { clear: both; margin-bottom: 1.5em; text-align: center; font-family: Baskerville, Times, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
#errata ol.pages { margin: 0; padding: 0; }
#errata ol.pages li { list-style-type: none; margin-left: 0px; }
#errata ol.pages h3 { clear: both; width: 19.128%; display: inline; float: left; margin-right: 1.09%; text-align: right; font-family: Baskerville, Times, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
#errata ul.errata { overflow: hidden; margin: 0; margin-right: 20.218%; margin-bottom: 1.5em; border-bottom: 0.071em dashed; padding-bottom: 1.429em; }
#errata ul.errata li { margin: 0 0 0 2em; list-style: decimal-leading-zero; #list-style: decimal; }

#thumbs { margin-bottom: 3em; overflow: hidden; display: inline-block; }
#thumbs { display: block; }
#thumbs ol { margin: 0; padding: 0; }
#thumbs ol li { list-style-type: none; margin-left: 0px; }
#thumbs ol li { width: 9.019%; display: inline; float: left; margin-right: 1.09%; margin-bottom: 1.214em; }
#thumbs ol li.omega { display: inline; float: right; margin-right: 0; /* ugly hacks for IE6-7 */ #margin-right: -1%; /* end ugly hacks */ }
#thumbs ol li a:link, #thumbs ol li a:visited { display: block; border: 0.071em solid pink; overflow: hidden; }
#thumbs ol li a:hover, #thumbs ol li a:focus, #thumbs ol li a:active { border-color: black; }
#thumbs ol li a img { width: 100%; }

#share { overflow: hidden; display: inline-block; text-align: left; margin-left: auto; margin-right: auto; width: 73.643em; max-width: 100%; }
#share { display: block; }
#share ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; clear: both; margin-right: 1.067%; margin-left: 1.067%; border: 0.214em double; border-width: 0.214em 0; margin-bottom: 1.5em; }
#share ul { display: block; }
#share ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#share ul li.first { padding-left: 0px; }
#share ul li.last { padding-right: 0px; }
#share ul li { width: 25%; padding: 0; text-align: center; font-family: Baskerville, Times, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: 0.071em; font-weight: bold; }
#share ul li a:link, #share ul li a:visited { display: block; padding: 1.286em 4.508%; }
#share ul li a:link:link, #share ul li a:link:visited, #share ul li a:visited:link, #share ul li a:visited:visited { border-bottom: none; }
#share ul li a:link:focus, #share ul li a:link:hover, #share ul li a:link:active, #share ul li a:visited:focus, #share ul li a:visited:hover, #share ul li a:visited:active { font-style: italic; }
#share ul li a:hover, #share ul li a:focus, #share ul li a:active { background: black; color: white; }
#share ul li.digg { #width: 24%; #float: right; }

/* @end */
/* @group OVERRIDES by page */
body.list #spread h1, body.flatpage #spread h1, body.preview #spread h1, body.error #spread h1 { font-size: 4.286em; line-height: 1.05em; margin: 0.35em; text-align: center; font-family: Baskerville, Times, 'Times New Roman', serif; font-style: italic; text-transform: capitalize; }
body.list #spread .body, body.flatpage #spread .body, body.preview #spread .body, body.error #spread .body { margin: 1.429em 20.218% 3em; border-top: 0.143em dashed; padding-top: 1.429em; }
body.list #running, body.flatpage #running, body.preview #running, body.error #running { display: none; }

body.list #spread h1 { margin: 0.35em 20.218% 0.333em; border-bottom: 0.042em dashed; padding-bottom: 0.333em; }

/* @end */
/* @group DEBUG */
/* uncomment, adjust and use for debugging    */
/* #page   +show-grid("grid.png") */
/* @end */
}