@charset "ISO-8859-1";
/* Eddy's site-wide CSS style sheet -*- coding: iso-8859-1 -*-
   $Id: site.css,v 1.24 2010-02-21 22:23:30 eddy Exp $
   */

/* Valid colours are: aqua, black, blue, fuchsia, gray, green, lime,
   maroon, navy, olive, purple, red, silver, teal, white, yellow
   (anything else is an extension). */

/* To center a table, set its margin-{left,right} to auto;
    c.f. bits/elements.html */

/* Space descriptive lists sensibly: */
dd > p:first-child { margin-top: 0px; }
dd { margin-bottom: 1ex; }
/* I'd also like to find a way to make dl's compact ... */
/* dl.compact dt { display: compact; } */ /* rejected by validator; and doesn't work */
/* dl.compact dt { display: inline; } /* run-in ? on dd or on dt ? */

/* Colour is enough; no need to underline as well - it's just ugly. */
a { text-decoration: none; }

/* Class: aside - slightly narrowed.
   Should be used in place of quite a lot of extant BLOCKQUOTEs
   */
.aside { margin-left: 2em; margin-right: 1em; }
/* Putting illustrations out of the way of text: */
.illustrate { float: right; clear: right; margin-left: 5px; max-width: 60%; border: 1pt solid; }
/* Validator icons: */
address img { vertical-align: top; }
address object { width: 100%; }
/* Alternating inset lines for doggerel (each stanza is a P, split by BR): */
blockquote.poem p { margin: 0px 0px 0px 10%; text-indent: -2em; }
/* Attributing a quote (CITE would need to be inside a P, which would still need this): */
blockquote p.credit { margin-left: 20%; text-align: right; }
blockquote p.credit:before { content: '\2013'; } /* &ndash; */
/* Centred banners: */
p.banner, .banner p { text-align: center; }
/* Links using the URL as text */
a.url:before { font-family: monospace; content: attr(href); }

@media screen {
    /* Jargon, explained onhover */
    span[title], quote[title] { text-decoration: underline; }
}

/* Provide for comments; and details only exposed by hovering: */
.comment, .detail { display: none; }
dt:hover + dd .detail, p:hover .detail { display: inline; }

/* Do quotes non-badly: */
html:lang(en), :lang(en) > q { quotes: '\201C' '\201D' '\2018' '\2019'; }
html:lang(fr), :lang(fr) > q { quotes: '« ' ' »'; }
html:lang(de), :lang(de) > q { quotes: '»' '«' '\2039' '\203A'; }

/* Latin embedded in English is orthodoxly italicised: */
:lang(en) > :lang(la) { font-style: italic; }
/*
Left  double quotation mark &#8220;
Right double quotation mark &#8221;
Left  single quotation mark &#8216;
Right single quotation mark &#8217;
See: http://alistapart.com/stories/emen/
   Note also: prime &#8242; (foot, arc minute) and double-prime &#8243; (inch, arc second)
 */

/* Idle decoration:
 * h1 + p:first-line { font-variant: small-caps; } */

/* OL.start and OL>LI.value can't sensibly be over-ridden other than
 * by re-implementing the whole of OL's numbering via my own counter, so
 * as to be able to reset it as desired.  Maybe some day ... */
