@font-face {
  font-family: GentiumPlusW;
  src: url(../fonts/Gentium-Regular-Py.woff2);
}
@font-face {
  font-family: GentiumPlusW;
  font-style: italic;
  src: url(../fonts/Gentium-Italic-Py.woff2);
}
@font-face {
  font-family: GentiumPlusW;
  font-weight: bold;
  src: url(../fonts/Gentium-Bold-Py.woff2);
}
@font-face {
  font-family: GentiumPlusW;
  font-style: italic;
  font-weight: bold;
  src: url(../fonts/Gentium-BoldItalic-Py.woff2);
}

body {
	line-height: 1.618em;
	font-family: GentiumPlusW, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 1.618em;
	font-size: 1.236em;
	color: #444;
	/*background-color: #E8E8E8;*/
	background-color: #FCF8E8;
}

a:link {
	color: blue;
	}
a:visited {
	color: #55198b;
	}
a:hover {
	color: #ABA000;
	}
a:active {
	color: #009900;
	}

h1 {
	line-height: 1.4em;
}

table {
	margin-bottom: 1em;
}

ruby {
	margin-right: .25em;
}

/* "mother tongue" line */
rt {
	font-size: .8541em;
	color: #9290ee;
}

li {
	margin-top: 1em;
	margin-bottom: 1em;
}

header, footer, nav {
	text-align: center;
}

/* "mother tongue" line */
/* .mt {
	font-size: .8541em;
	color: DarkBlue;
} */

.toshow {
	display: none;
	color: blue;
}

.tohide {
	display: none;
	color: blue;
}

.fullsp {
	margin-right: .25em
}

.sesp {
	margin-right: .1875em
}

.tqsp {
	margin-right: .125em
}

.fesp {
	margin-right: .0625em
}

.halfsp {
	margin-right: 0em
}

.tesp {
	margin-right: -.03125em
}

.qtrsp {
	margin-right: -.0625em
}

.nosp {
	margin-right: -.125em
}

.hysp {
	margin-right: -.25em
}

.thsp {
	margin-right: .375em
}

.dblsp {
	margin-right: .5em
}

.trsp {
	margin-right: .75em
}

.nw {
	white-space: nowrap
}

/* .spacer Punctuation Widths (may shrink a little over large gaps):
	,	.25em
	。	2.3em
	?	1em
	:;	.5em
	“”	2.3em
	‘’	2.3em
	()	.7em
	、	2.5em
*/

.comma-comp {
	margin-left: .25em
}

.period-comp {
	margin-left: .25em
}

.quest-comp {
	margin-left: .6em
}

.dblquote-comp {
	margin-left: .4em
}

.sglquote-comp {
	margin-left: .25em
}

.italic-comp {
	margin-left: .25em
}

.hyphen-comp {
	margin-right: .6em
}

.paren-comp {
	margin-right: .3em
}

.questions {
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: .382em;
	padding-bottom: .382em;
	margin-bottom: 2em;
}

.chend {
	margin-bottom: 2.618em;
}

.box {
	border-style: solid;
	border-width: 1px;
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.618em;
}

.onelinebox {
	border-style: solid;
	border-width: 1px;
	padding-left: 1.618em;
	padding-right: 1.618em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
}

.secondbox {
	border-style: solid;
	border-width: 1px;
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.618em;
	margin-top: 1.618em
}

.rubybox {
	border-style: solid;
	border-width: 1px;
	padding-top: 0.382em;
	padding-left: 1.618em;
	padding-right: 1.618em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
}

.rubynextbox {
	border-style: solid;
	border-width: 1px;
	padding-top: 0.382em;
	padding-left: 1.618em;
	padding-right: 1.618em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
}

.page-indic {
	font-weight: bold;
	margin-top: 1.618em;
}

.caption {
	border-style: solid;
	border-width: 1px;
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.382em;
	font-weight: bold;
	font-style: italic;
}

.rtspace {
	margin-right: 1em
}

.rubycontent {
	line-height: 3.236em;
}

.rubycontent h2, .rubycontent h3 {
	margin-top: 1.618em;
	line-height: 3.236em;
}

.hanging {
	margin-left: 1.618em;
	text-indent: -1.618em;
}

.related {
	list-style-type: none;
}

.related li {
	margin-bottom: 1em;
}

#setDay, 
#setNight {
	display: none
}

#updated {
	font-style: italic;
	margin-bottom: 2.1em;
}

#SCRIPTURES h3 {
	margin-top: 2em;
}

@media print {
	body {
		font-size: 1em;
		color: #444;
	}

	rt {
		color: #4b49ff;
	}
}
