/*
 * Analytic Cravings.
 *
 * Distilled from lyx_custom.css (eLyXer 1.2.5's stock stylesheet, ~1030 lines,
 * of which about 120 were ever load-bearing for this site). Values are carried
 * over verbatim; only the selectors changed, from eLyXer's class names to the
 * markup the pandoc build emits.
 *
 * Two inherited quirks are deliberate, not accidents:
 *   - h1.title uses a `font:` shorthand, which resets weight to normal and
 *     line-height to normal. The site title is not bold. Same for h2.subtitle.
 *   - Paragraphs have margin: 0, so they butt together with only a 30pt
 *     first-line indent to separate them. Every visible blank line between
 *     paragraphs is explicit -- see "Paragraph spacing" below.
 */

body {
	font: 110% 'Century Gothic', sans-serif;
	color: rgb(75, 75, 75);
	margin: 0;
	padding: 0;
}

#globalWrapper {
	margin: 10px 5%;
	padding: 10px;
	line-height: 1.5em;
}

/* Basic styles */
a {
	text-decoration: none;
	background: none;
}
a:link {
	color: #0030c0;
}
a:visited {
	color: #603090;
}
a:active {
	color: #ffa000;
}
a:hover {
	text-decoration: underline;
}
h1 {
	margin-top: 1em;
	line-height: 1.5em;
}
sup {
	font-size: 0.75em;
	line-height: 0.5em;
	vertical-align: text-top;
}
sub {
	font-size: 0.75em;
	line-height: 0.5em;
	vertical-align: text-bottom;
}

/* Body text.
 * A bare <p> is the old div.Unindented: flush, unjustified, full width.
 * p.indented is the old div.Indented, which is what almost every paragraph is. */
p {
	margin: 0;
}
p.indented {
	text-align: justify;
	text-indent: 30pt;
	max-width: 650px;
	text-justify: auto;
	word-wrap: normal;
}
p.indented * {
	text-indent: 0pt;
}

/* Paragraph spacing.
 * Default is tight: no gap between paragraphs at all. A post with
 * `spacing: stanza` in its front matter gets one blank line after every
 * paragraph instead. Either default can be overridden per paragraph with a
 * ::: gap / ::: tight fenced div. 1.5em is one line box at the wrapper's
 * line-height, i.e. exactly what a trailing <br/> used to produce. */
.gap {
	margin-bottom: 1.5em;
}
.stanza p {
	margin-bottom: 1.5em;
}
.stanza .tight p {
	margin-bottom: 0;
}

/* Header */
h1.title {
	font: 230% serif;
	color: rgb(178, 34, 34);
	text-align: center;
}
h2.subtitle {
	font: 150% 'Century Gothic', sans-serif;
	color: rgb(75, 75, 75);
	text-align: center;
}
/* Index entries render with the browser's default h3, which is what the old
 * site did by accident: it emitted h3.author but only ever styled h2.author. */
h3.entry {
}

span.smallcaps {
	font-variant: small-caps;
}

/* Footnotes: the marker sits inline and reveals the note on hover. */
span.fn > sup {
	color: #0030c0;
}
span.fn .fn-body {
	display: none;
	position: absolute;
	margin: 0.2ex;
	border: thin solid #c0c0c0;
	background: #ffffff;
	padding: 0.5ex;
	font-size: small;
	font-weight: normal;
	line-height: 1.5em;
	text-align: left;
	text-indent: 0;
}
span.fn:hover .fn-body {
	display: inline;
	float: none;
}

hr.footer {
	margin-top: 2em;
}
div.footer {
	font-size: 0.90em;
	margin: 1em 0;
}

/*
 * CSS section for print.
 */
@media print {
	body {
		font: 90% serif;
		background: #ffffff;
		color: black;
		margin: 0;
		padding: 0;
	}
	#globalWrapper {
		width: 100%;
		margin: 0px;
		padding: 0px;
		background: #ffffff;
		line-height: 1.5em;
	}
	span.fn .fn-body {
		display: block;
		position: relative;
		float: right;
		clear: right;
		margin: 0.2ex;
		border: thin solid #c0c0c0;
		background: #ffffff;
		width: 30%;
		padding: 0.5ex;
		font-size: small;
		font-weight: normal;
		line-height: 1.5em;
		text-align: left;
	}
}