@charset "utf-8";
/* © 2001-2016 Riichard W. Adams */

* {
	font-weight: bold;
	
	hyphens:		auto;
   -ms-hyphens:		auto;
   -webkit-hyphens:	auto;
   -moz-hyphens:	auto;
}
a img {
	border: none !important;
	border-radius: 0 !important;
	vertical-align: middle;
	padding: 0;
}
.article-title:before, .hymn-title:before, .play-title:before, .poem-title:before, .story-title:before, .broadcast:before, .movie:before, .short-story:before { content: open-quote; }
.article-title:after, .hymn-title:after, .play-title:after, .poem-title:after, .story-title:after, .broadcast:after, .movie:after, .short-story:after { content: close-quote; }
blockquote {
	font-family: sans-serif;
	font-size: 90%;
	font-weight: bold;
	padding: 1em;
	text-align: justify;
}
blockquote blockquote p {
	text-align: left !important;
}
blockquote.verbose {
	background-color: #eeeeee;
	border: 8px ridge silver;
	border-radius: 1em;
}
blockquote blockquote {
	font-size: 100%;
	margin: 0 2em;
	padding: 0;
}
body {
	background-color: white;
	background-attachment: fixed;
	padding: .5em;
}
body > p { text-align: justify; }
.brick { color: maroon; }
.flame { color: red; }
.cen { text-align: center; }
.copyright {
	color: #800000;
	font-family: sans-serif !important;
	font-size: 50%;
}
table.image td.credit {
	font-family: sans-serif;
	font-size: 65%;
	font-weight: bold;
	text-align: center;
}
.credit {
	font-family: sans-serif;
	font-size: 65%;
	font-weight: bold;
	text-align: right;
}
div.credit {
	text-align: center;
	width: 100%;
}
em { font-style: italic; }
.font-sizer:hover {
	color: gray;
	cursor: pointer;
}
.hidden { display:none; }
figcaption {
	font-family: sans-serif;
	font-size: 75%;
	font-weight: bold;
	margin-top: .4ex;
	text-align: center;
}
figure {
	margin: 0em;
}
figure img {
	display: table;
	margin: auto auto;
}
.film { font-style: italic; }
#font-sizer {
	color: black;
	background-color: white;
	border: 4px gray outset;
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: normal;
	position: fixed;
	bottom: 0;
	left: 0;
}
.footnote, .trademark {
	font-size: 80%;
	margin-left: 0px;
	vertical-align: super;
}
.footer {
	font-family: sans-serif;
	font-size: 65%;
	text-align: right;
}
.framedPortrait {
	border-style: ridge;
	border-width: 15px;
}
h1 { margin: 0; }
h1, h2 {
	padding: 0;
	text-align: center;
}
h2 {
	margin-top: 0;
	margin-bottom: 1em;
}
image.trailing, table.trailing {
	float: right;
	border:1px black solid;
}
a[lang], span[lang], q[lang] { font-style: italic; }
span[lang="en-gb"]:not([class="pub"]), q[lang="en-gb"] { font-style: normal; }
p.translations a[lang] { font-style:normal; }

:lang(bm)	{ font-family: Gentium	;				}
:lang(el)	{ font-family: Gentium, "Galatia SIL";	}
[lang|=en]	{ quotes: '“' '”' '‘' '’'}
:lang(grc)	{
	font-family: Gentium, "Galatia SIL";
	font-style: normal !important;
}
:lang(lo)	{ font-family: "Saysettha OT";	}
:lang(mal)	{ font-family: AnjaliOldLipi;		}
:lang(ar), :lang(he) { direction: rtl; }
.lead { font-style: italic; }
li::marker { font-style:normal; }
.maintable {
	border-width: 1em;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
}
/* ================================================================== */
/* .maintain { display: none; } */

marquee {
	display: block;
	font-family: sans-serif;
	font-size: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1ex;
	margin-bottom: 1.5ex;
	width: 90%;
}
/*
@keyframes ___marquee {
    from	{ text-indent: 90% }
    to		{ text-indent: -10% }
}
@-webkit-keyframes marquee {
    0%   { text-indent: 90% }
    100% { text-indent: -10% }
}
.marquee {
	width: 90%; 
	font-family: sans-serif;
	font-size: 85%;
	margin: auto;
	overflow: hidden;
	white-space: nowrap;
	animation-name: marquee 20s linear infinite;
    animation-duration: 10s;
	-webkit-animation-name: marquee 20s linear infinite;
}
.marquee:hover { 
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
*/
/* ================================================================== */
.music, .opera, ol#music a {
	font-family: sans-serif !important;
	font-style: normal !important;
	font-variant: small-caps !important;
}
blockquote .music {
	font-size: 100% !important;
}
nav {
	margin-bottom: 16px;
	margin-top: 0px;
	text-align: center;
}
.notice {
	background-color: #ffdd88;
	border: 1px solid black;
	color: black;
	display: table;
	font-family: sans-serif;
	font-variant: small-caps;
	margin: 1ex auto;
	padding: 1em;
}
.poem {
	background-color: #FFFFCC;
	border-collapse: collapse;
	font-family: sans-serif;
	font-size: 95%;
	padding: 1em 0;

	border-radius: 1em;
	border-style: ridge;
	border-width: 10px;
	border-color: #eeeeee;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius:	1em;
}
#page-copyright {
	font-family: sans-serif;
	font-size: 70%;
	font-weight: normal;
	text-align: center;
}
.pdf-icon {
	border-style: none;
	margin-bottom: 0px;
	text-align: center;
}
.poem h1, .story h1{
	-moz-column-span : all;
	-webkit-column-span : all;
	column-span : all;
	font-size: 150%;
	margin: .5em 1em .5em 1em;
	text-align: center;
}
@media screen and (min-width: 1024px) {
	blockquote.verbose, div.poem div.long {
		font-size: 90%;
	}
	blockquote.verbose, div.poem div.long, div.story {
		column-count:			2;
		-moz-column-count:		2;
		-webkit-column-count:	2;

		column-gap:			2.5em;
		-moz-column-gap:	2.5em;
		-webkit-column-gap: 2.5em;
		
		column-rule:			2px solid gray;
		-moz-column-rule:		2px solid gray;
		-webkit-column-rule:	2px solid gray;
	}
}
@media screen and (min-width: 1300px) {
	blockquote.verbose, div.poem div.verylong {
		font-size: 80%;
	}
	blockquote.verbose, div.poem div.verylong, div.story {
		column-count:			3;
		-moz-column-count:		3;
		-webkit-column-count:	3;

		column-gap:				2.5em;
		-moz-column-gap:		2.5em;
		-webkit-column-gap:		2.5em;
		
		column-rule:			2px solid gray;
		-moz-column-rule:		2px solid gray;
		-webkit-column-rule:	2px solid gray;
	}
}
@media screen and (min-width: 1500px) {
	blockquote.verbose, div.poem div.verylong {
		font-size: 80%;
	}
	blockquote.verbose, div.poem div.verylong, div.story {

		column-count:			4;
		-moz-column-count:		4;
		-webkit-column-count:	4;

		column-gap:				2.5em;
		-moz-column-gap:		2.5em;
		-webkit-column-gap:		2.5em;
		
		column-rule:			2px solid gray;
		-moz-column-rule:		2px solid gray;
		-webkit-column-rule:	2px solid gray;
	}
}
.pub, .play, .ship { font-style: italic !important; }
table#intro, table.poem {
	margin-left: auto;
	margin-right: auto;
}
table.tablet {
	border-style: ridge;
	border-width: 10pt;
	border-color: #eeeeee;
	background-color: #FFFFEE;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}
table.tablet * {
	border-width: 0pt;
	font-family: sans-serif;
	font-size: 95%;
}
table.tablet td {
	border: 1px solid #008000;
	padding: 1em;
	text-align: center;
 }
td p {
	text-align: justify;
	padding-left: 1em;
	padding-right: 1em;
}
td ul {
	margin-left: .75em;
	padding-right: 1em;
}
td p, div p, td ul, td ol {
	text-align: justify;
}
#verbose-toggler {
 	font-size: 150%;
 	right: 0;
 	position: fixed;
 	top: 0;
}
#verbose-toggler:hover { cursor: pointer; }
/* ======================================================== */
@media screen {

a[target=_blank]:link { color: teal; }
a[target=_blank]:visited { color: olive; }
a[href|=http]:link { color: orange; }
a[href|=http]:visited { color: maroon; }
a:visited { color: purple; }
a:hover, span.map:hover {
	background-color: yellow;
	cursor: pointer;
}
#byline { display: none; }
.font-sizer:hover, a img:hover { background-color: transparent !important; }
.imageCaption { display: none; }
span.map { border-bottom: 1px dotted; }
.wanted { color: #dd0000; }

}
/* ======================================================== */
@media print {

* { 	color: black; }
a {
	border: none !important;
	text-decoration: none;
}
.autoplay, .credit, #font-sizer, .illustration, .maintain, .musicLinks, nav, .notice, .need, #translation-links, .wanted
	{ display: none; }
blockquote, p, table { page-break-inside: avoid; }
body { background-image: none !important; }
#byline p {
	color: white;
	background-color: black;
	font-family: sans-serif;
	font-size: 90%;
	font-variant: small-caps;
	margin: 1em;
	text-align: center;
}
.imageCaption {
	font-family: sans-serif;
	font-size: 9pt;
	text-align: center;
}
}