@charset "utf-8";
body
{
	padding: 0 5% 5%;
	text-align: center;
}
hr
{
	clear: both;
	width: 25%;
	border: 2px groove #333333;
	margin-top: 1em;
}
q, span
{
	quotes: "“" "”" "‘" "’";
}
:lang(en-GB) > q
{
	quotes: "‘" "’" "“" "”";
}
:lang(fr) > q
{
	quotes: "« " " »" "‹ " " ›";
}
q:before
{
	content: open-quote;
}
q:after
{
	content: close-quote;
}
q.block
{
	display: block;
	padding: 0.5em 2em;
}
q.block + q.block
{
	text-indent: 1em;
}
q.block:before
{
	content: '';
}
q.block:after
{
	content: '';
}
.center
{
	text-align: center;
}
ul, ol
{
	margin-top: 0; margin-bottom: 0;
}
a.item-no
{
	padding-right: 0.25em;
}
.group
{
	clear: both;
	text-align: left;
}
.entry
{
	clear: both;
	text-align: left;
	margin-bottom: 0.25em;
}
.entry 		.brief 
{
	display: none;
}
.entry p + p
{
	text-indent: 1em;
}
.entry div + div
{
	margin: 0.5em 0 0;
}
.entry div div
{
	display: inline;
}
.references:after {
	content: "❧";
	font-family: "Arial Unicode MS", "DejaVu Serif", "Junicode", "Code2000";
	display: block;
	text-align: center;
	clear: both;
}
h1, h2, h3 
{
	clear: both;
	text-align: center;
}
.brief		h3
{
	font-family: "Palatino Linotype";
	font-size: 0.9em;
	font-weight: semi-bold;
	margin: 0.5em 0;
	text-transform: uppercase;
}
.detail		h3
{
	font-size: 1.25em;
	font-weight: bold;
	margin: 0.5em 0;
}
.pics
{
	clear: right;
	text-align: center;
}
.entry		div.pics
{
	width: 300px;
	height: 300px;
	overflow: hidden;
	float: right;
	font-size: 0.8em;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.entry		div.pics:hover
{
	overflow: visible;
}
.entry		.pics  a
{
	display: block;
	position: relative;
	top: 300px;
}
.item-no
{
	font-weight: bold;
}
.entry		.author
{
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
}
.entry		.title
{
	display: inline;
	font-size: 1.1em;
}
.entry		.title		.supplied
{
	font-weight: bold;
	font-size: 1em;
}
.detail		.title		.subtitle
{
	font-size: 0.9em;
}
.entry		.series:before
{
	content: 'Series: ';
	font-style: italic;
}
.entry		.imprint:before
{
	content: 'Imprint: ';
	font-style: italic;
}
.entry		.imprint
{
}
.entry		.imprint	.supplied
{
	font-style: italic;
}
.entry		.register:before
{
	content: 'Register: ';
	font-style: italic;
}
.entry		.register
{
	text-align: left;
}
.entry		.description:before
{
	content: 'Description: ';
	font-style: italic;
}
.entry		.description	.english-units
{
	display: none;
}
.entry		.description	.metric-units
{
	display: inline;
}
.entry		.dimensions:before
{
	content: '(';
}
.entry		.dimensions:after
{
	content: '):';
}
.entry		.dimension	+	.dimension:before
{
	content: ' × ';
}
.entry		.illustrations:before
{
	content: 'Illustrations: ';
	font-style: italic;
}
.entry		.contents:before
{
	content: 'Contents';
	font-style: italic;
}
.entry		.condition:before
{
	content: 'Condition: ';
	font-style: italic;
}
.entry		.price
{
	color: red;
	text-align: right;
}
.sold		.price
{
	text-transform: uppercase;
}
.sold		.price[title]:before
{
	color: gray;
	font-style: normal;
	text-decoration: line-through;
	content: attr(title) ' ';
}
.entry		.comments > p:first-child:before
{
	content: 'Comments: ';
	font-style: italic;
}
.entry		.title-continued
{
	display: none;
}
.entry		.references:before
{
	content: 'References: ';
	font-style: italic;
}
.entry		.transcription
{
	font-style: normal;
	display: block;
	text-indent: 0;
	margin: 0.5em 2em;
}
.entry		br,
.entry		.typographic
{
	display: none;
}
.entry		.transcription		br[title]
{
	display: inline;
	content: attr(title);
}
.entry		.transcription		> .typographic
{
	display: inline;
	font-style: normal;
}
.entry		.transcription		.rubricated
{
	color: red;
}
.entry		.transcription		.typographic:before
{
	content: '[';
}
.entry		.transcription		.typographic:after
{
	content: ']';
}
.entry		.transcription		.all-caps
{
	text-transform: uppercase;
}
.entry		.transcription		.small-caps
{
	font-variant: small-caps;
}
.entry		.transcription		.italic
{
	font-style: italic;
}
.elipsis
{
	position: relative;
	text-indent: 0;
}
.elipsis:before
{
	content: '…';
}
.detail			.elipsis:before
{
	border-bottom: 1px dotted blue;
}
.elipsis		.text
{
	display: none;
}
.elipsis		.text:before
{
	content: '… ';
}
.elipsis		.text:after
{
	content: ' …';
}
.elipsis:hover	.text
{
	display: block;
	position: absolute;
	left: -8.5em; width: 15em;
	padding: 0.2em 0.5em;
	border: 1px dashed black;
	font-size: 0.9em;
	text-align: left;
	background-color: #dddddd;
	z-index: 2;
}
.elipsis:hover	span.medium
{
	left: auto; width: 500px;
}
.elipsis:hover	span.long
{
	left: auto; width: 800px;
}
.note
{
	position: relative;
	text-indent: 0;
	bottom: 0.4em;
	left: 0.1em;
}
.note:before
{
	display: inline;
	position: relative;
	font-size: 0.8em;
	color: blue;
	counter-increment: note-num;
	content: counter(note-num);
}
.entry, 
.bottom
{
	counter-reset: note-num;
}
.note:hover		.brief, 
#browsers
.note:hover 	.brief
{
	display: block;
	position: absolute;
	top: 0em;
	margin-top: 2em;
	left: -8.5em; width: 15em;
	padding: 0.2em 0.5em;
	border: 1px dashed black;
	font-size: 0.9em;
	text-align: left;
	background-color: #dddddd;
	z-index: 2;
}
.note:hover		span.short,
.note:hover		a.short
{
	left: -4em; width: auto;
	padding: 0.2em 0.5em;
}
.note:hover		a.short
{
	top: 0;
}
.note:hover		span.medium
{
	left: auto; width: 500px;
}
.note:hover		span.long
{
	left: auto; width: 800px;
}
.note			.brief:before
{
	vertical-align: super;
	font-size: 0.8em;
	content: counter(note-num) ' ';
}
acronym
{
	font-variant: small-caps;
	border-bottom: 1px dotted blue;
}
acronym		.detail
{
	font-variant: normal;
}
acronym:hover
{
	font-variant: normal;
	border-bottom: none;
}
.entry		acronym:hover		.detail
{
	display: none;
}
.entry		acronym:hover		.brief
{
	display: inline;
}
.entry		acronym:hover		.citeBook
{
	font-style: italic;
	font-variant: normal;
}
cite 
{
	display: inline;
	position: relative;
	font-style: normal;
}
cite 			cite
{
	display: none;
}
cite 			abbr 
{
	display: inline;
	font-style: normal;
	border-bottom: 1px dotted blue;
}
cite:hover 		cite
{
	display: block;
	position: absolute;
	left: -10em; right: -10em; width: 25em;
	padding: 0.2em 0.5em;
	border: 1px dashed black;
	font-size: 0.9em;
	text-indent: 0;
	text-align: left;
	background-color: #dddddd;
	z-index: 2;
}
cite:hover 		cite:after
{
	content: '.';
}
cite:hover		abbr 
{
	border-bottom: 1px none;
}
cite.book		.author,
cite.article	.author,
cite.web		.author
{
	font-weight: normal;
	font-size: 1em;
}
cite.book		.author	+	.author:before,
cite.article	.author	+	.author:before,
cite.web		.author	+	.author:before
{
	content: '& ';
}
cite.book		.author:after,
cite.article	.author:after,
cite.web		.author:after
{
	content: ',';
}
cite.article	.title
{
	font-style: normal;
	font-size: 1em;
}
cite.book		.title,
cite.article	.title,
cite.web		.title,
cite			a.title,
.entry		cite	.title,
.entry		cite.title
{
	font-style: italic;
	font-size: 1em;
}
cite.article	.title:before
{
	content: open-quote;
}
cite.article	.title:after
{
	content: ',' close-quote;
}
cite.article	.serial,
cite.web		.serial
{
	font-variant: small-caps;
	font-size: 1em;
}
cite.article	.serial:before,
cite.web		.serial:before
{
	font-variant: normal;
	font-style: italic;
	content: 'in ';
}
cite.book		.published:before,
cite.article	.published:before,
cite.web		.published:before
{
	content: '(';
}
cite.book		.published:after,
cite.article	.published:after,
cite.web		.published:after
{
	content: ')';
}
cite.web		a[href]:after
{
	content: ' <' attr(href) '>';
	font-variant: normal;
	font-style: normal;
}
cite			.visited:before
{
	content: '(visited ';
}
cite			.visited:after
{
	content: ')';
}
a
{
	text-decoration: none;
}
sup
{
	vertical-align: baseline;
	position: relative;
	bottom: 0.4em;
	left: 0.1em;
}
:lang(la) 
{
	font-style: italic;
}
:lang(la) *
{
	font-style: normal;
}
.roman-numeral
{
	font-size: 0.9em;
}
.overline
{
	text-decoration: overline;
}
.small-caps
{
	font-variant: small-caps;
}
.draft
{
	display: none;
}
.bottom
{
	position: static;
	width: auto;
	font-family: tahoma, verdana, sans-serif;
	font-size: 10pt;
	text-align: center;
	margin-top: 2em;
}
#browsers		img
{
	vertical-align: bottom;
}
#browsers		.brief
{
	display: none;
}
#browsers > .crappy-browsers
{
	display: none;
}
#standards		img
{
}
