/* © 1999-2016 Richard W. Adams */

@import "bg-score.css";

#alt-names, #lifespan { display: none; }
#biography img {
	float: right;
	margin-left: 1em;
}
#biography > p:first-of-type, blockquote > p:first-of-type, div.long > p:first-of-type {
	margin-top: 0 !important;
}
body {
	counter-reset: title;
	margin-top: 0px;
	padding-top: 0px;
}
div.long, #biography {
	column-gap: 2em;
	column-rule: 2px solid gray;
		
	-moz-column-gap: 2em;
	-moz-column-rule: 2px solid gray;

	-webkit-column-gap: 2em;
	-webkit-column-rule: 2px solid gray;
}
#biography li:not(:last-child) {
	margin-bottom: 1ex;
}
.main:after {
	content: " "counter(title);
	counter-increment: title;
}
.notable { border-color: #FFCC66 !important; }
@media screen and (min-width: 1024px) {
	div.long, #biography {	
		column-count			: 2;
		-moz-column-count		: 2;
		-webkit-column-count	: 2;
	}
}
@media screen and (min-width: 1024px) {
	div.long, #biography {
		column-count			: 3;
		-moz-column-count		: 3;
		-webkit-column-count	: 3;
	}
}
@media screen and (min-width: 1300px) {
	div.long, #biography {
		column-count			: 4;
		-moz-column-count		: 4;
		-webkit-column-count	: 4;
	}
}
@media screen and (min-width: 1500px) {
	div.long, #biography {
		column-count			: 5;
		-moz-column-count		: 5;
		-webkit-column-count	: 5;
	}
}
div.mi, div.section {
	display: table;
	margin: auto;
}
#heading { padding-bottom: 1ex; }
.misc div {
	display: table-cell;
	vertical-align: middle;
}
h3 {
	font-family: sans-serif;
	font-variant: small-caps;
	font-weight: bolder;
	margin: 0px;
	text-align: center;
}
h2 {
	font-family: sans-serif;
	font-variant: small-caps;
	font-weight: bolder;
	margin: 0px;
	text-align: center;
}
h1 {
	font-family: sans-serif;
	font-variant: small-caps;
	font-weight: bolder;
	margin: 0px;
	text-align: center;
}
.hymnologist { border-color: #FFCC66 !important; }
	li li { column-break-before: avoid;
}
ol[lang] { list-style: none; }
ol[lang] li {
  counter-increment: number;
  font-style: italic;
}
ol[lang] li:before {
  content: counter(number) '. ';
  font-style: normal;
}
:lang(mal) { font-style: normal !important; }
:lang(si) { font-style: normal !important; }
div.poem {
	display: table-cell;
	padding-bottom: 0px;
	padding-top: 0px;
}
#baptism::before { content: "Baptized: "; font-style: italic; }
#birth::before { content: "Born: "; font-style: italic; }
#burial::before { content: "Buried: "; font-style: italic; }
#christening::before { content: "Christened: "; font-style: italic; }
#death::before { content: "Died: "; font-style: italic; }
#cremation::before { content: "Cremated: "; font-style: italic; }
#pseudonym::before { content: "Pseudonym: "; font-style: italic; }
.poem div { padding: 1em; }
#preface {
	border-spacing: 1ex;
	display: table;
	margin: auto;
}
#preface + div { border-top: 2px solid gray; }
#preface div {
	display: table-cell;
	vertical-align: middle;
}
#preface div > img { margin: .5em; }
.tablet {
	border: 8px ridge silver;
	-moz-border-radius:		20px;
	-webkit-border-radius:	20px;
	border-radius:			20px;
}
#biography img, #corpus img, #preface img {
	border					: 8px ridge silver;
	-moz-border-radius		: 20px;
	-webkit-border-radius	: 20px;
	border-radius			: 20px;
}
#biography blockquote {
	margin: 0em 1em;
	padding: 0em !important;
}
div.tablet {
	background:#eeeeee;
	display: table;
	font-family: sans-serif;
	font-variant: small-caps;
	margin: auto;
	padding: 1em;
}
div.tablet p {
	display: table-cell;
	text-align: center !important;
}
#biography, #corpus, #heading, #wanted { border-bottom: 2px solid gray; }
#biography {
	padding-bottom: 2ex;
	padding-top: 2ex;
}
#corpus {
	padding-bottom: 2ex;
}
nav { margin: 2ex 0ex; }
p { text-align: justify; }
.lyrics ol, .music ol, .xlat ol {
	margin-left: 1em;
	margin-top: 0em;
}
@media screen and (min-width: 800px) {
	.lyrics, ol#music, .xlat {
		-moz-column-count		: 2;
		-webkit-column-count	: 2;
		column-count			: 2;
	}
}
@media screen and (min-width: 1280px) {
	.lyrics, ol#music, .xlat {
		-moz-column-count		: 3;
		-webkit-column-count	: 3;
		column-count			: 3;
	}
}
@media screen and (min-width: 1440px) {
	.lyrics, ol#music, .xlat {
		-moz-column-count		: 4;
		-webkit-column-count	: 4;
		column-count			: 4;
	}
}
@media screen and (min-width: 1920px) {
	.lyrics, ol#music, .xlat {
		-moz-column-count		: 5;
		-webkit-column-count	: 5;
		column-count			: 5;
	}
}
ol ul { margin-left: -1.3em; }
ol li li {
	list-style-type: lower-alpha;
	margin-left: 0em;
}
#wanted { color: red; }