body {
	font-size: 1.236em;
	line-height: 1.618em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*margin: 1em;*/
	margin: 1.618em 0;
	color: #444;
	/*background-color: #E8E8E8;
	background-color: #FCF8E8;*/
	background-color: hsl(48, 77%, 95%);
}

a:link {
	color: blue;
	}
a:visited {
	/*color: #55198b;*/
	color: hsl(270, 100%, 50%);
	}
a:hover {
	color: #ABA000;
	}
a:active {
	color: #009900;
	}

a {
	text-decoration: none;
}

h1 {
	line-height: 1.4em;
	margin-left: 1.618em;
	text-indent: -1.618em;
}

h2, h3 {
	line-height: 1.618em;
	margin-left: 1.618em;
	text-indent: -1.618em;
}

table {
	margin-bottom: 1em;
}

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

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

/*.contentbody h4 {
	text-align: center;
}*/

.songimg {
	width: 100%;
}

.nextpgimg {
	margin-top: 1.6em;
}

/*.plusinfo:not(:target) {
	display: none;
}

.plusinfo:target {
	display: inline;
	background-color: #f3eecf;
}*/

.plusinfo, .plusinfotransl {
	/*background-color: #f3eecf;*/
	background-color: hsl(52, 55%, 87%);
}

.rom {
	margin-right: .382em;
}

/* mother tongue */
.mt {
	/*color: #9290ee;
	color: #9088ee;*/
	color: hsl(242, 100%, 78%);
	/*margin-right: .382em;*/
}

.simp {
	margin-right: .382em;
}

.trad, #hideAll {
	color: hsl(0, 0%, 61.8%);
}

.ctr {
	text-align: center;
}

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

.nw {
	white-space: nowrap
}

.chend {
	margin-bottom: 2.618em;
}

.box {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.382em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.box h3 {
	margin-top: 1em;
}

.plusbox {
	padding-top: 1.382em
}

.onelinebox {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.236em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.nextbox {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.618em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.nextonelinebox {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.236em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.secondbox {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.618em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.caption {
	font-weight: bold;
}

.blurb {
	font-size: 1.236em;
}

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

.rtspace {
	margin-right: 1em
}

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

.nextrev {
	margin-top: -1em;
}

.fn {
	border-top: solid 1px;
	line-height: .1em;
	width: 150px
}

.chno {
	border-bottom: 1px solid;
	padding-bottom: .382em;
}

.chscr {
	margin-top: 3.236em;
}

.appxund {
	width: 7em;
	border-top: 1px solid;
	margin: 0 auto;
	margin-bottom: 1.618em;
}

.notproofread {
	/*background-color: #E6E1D1;*/
	background-color: hsl(46, 30%, 86%);
}

.nonplussed {
	background-color: hsl(50, 85%, 88%);
}

/* The animation code */
@keyframes pulse {
	0%    {opacity: 1;}
	61.8% {opacity: 0;}
	100%  {opacity: 1;}
}

/* The class to apply the animation to */
.pulsing {
	animation-name: pulse;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}

#revealLevelSelect {
	font-weight: bold;
	color: hsl(0, 0%, 100%);
	background-color: hsl(90, 100%, 30%)
}

#engtitle {
	margin-bottom: -1.618em;
}

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

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

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

#intro h3 {
	margin-top: 1.618em;
}

#main {
	/*margin-bottom: 2.618em;*/
}

#main h3 {
	margin-top: 1.618em;
}

#ref {
	margin-bottom: 2.618em;
}

/*#ref h2 {
	text-align: center;
}*/

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

@media print {
	body {
		font-size: 1.236em;
	}

	.mt {
		/*color: #9290ee;
		color: #9088ee;*/
		color: hsl(242, 100%, 78%);
		/*margin-right: .382em;*/
	}

	.trad, #hideAll {
		color: hsl(0, 0%, 61.8%);
	}

}

