:root {
  --link-line-style: dashed;
  --link-line-thickness: 0.05em;
}
html {
	width: 100%;
	overflow-y: scroll;
	font-family: "Roboto", "Trebuchet MS", "Calibri", sans-serif;
	font-size: 12pt;
	text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
}
a {
	text-decoration: none;
}
.story {
	text-decoration: var(--link-line-thickness) underline var(--link-line-style);
}
.storyimg {
	border: var(--link-line-thickness) var(--link-line-style) #333;
}
.storyimg:hover {
	border: var(--link-line-thickness) var(--link-line-style) #b00;
}
audio {
	width: 100%;
	max-width: 320px;
	height: 20px;
	padding: 0;
	margin: 0;
}
h2, h3 {
	line-height: 1em;
	margin: 0;
	padding: 1em 0 1em 0;
}
h4 {
	line-height: 1em;
	margin: 0;
	padding: .3em 0 .3em 0;
}
p {
	margin: 0;
	padding: 0;
	text-indent: 1.5em;
}
ul, ol {
	margin: 0 0 0 1.5em;
	padding: 0;
}

.credit {
	font-size: 0.85em;
	font-style: italic;
}
.menu {
	text-align: center;
	font-size: 0.8em;
	padding: 0;
	margin: 1em 0 1em 0;
	max-height: 99999px;
}
.regularText {
	font-weight: normal;
	font-size: 1rem;
	line-height: 1em;
}
.textlink {
	text-decoration: none;
	line-height: 1em;
}
.goup {
	font-size:0.8em;
}
.container { display: table; }
.row { display: table-row; }
.left {
	text-align: right;
	width: 40vw;
	padding: 0 .2em 0 0;
}
.right {
	width: 60vw;
	padding: 0 0 0 .2em;
}
.left, .right {
	display: table-cell;
	margin: 0;
	vertical-align: top;
	max-height: 99999px;
}
.nomargin  { margin: 0; }
.nopadding { padding: 0; }
.topImg {
	width:  205px;
	height: 205px;
}

.scaledimg200 { max-width: 200px; }
.scaledimg205 { max-width: 205px; }
.scaledimg300 { max-width: 300px; }
.scaledimg320 { max-width: 320px; }
.scaledimg350 { max-width: 350px; }
.scaledimg400 { max-width: 400px; }
.scaledimg500 { max-width: 500px; }
.scaledimg600 { max-width: 600px; }
.scaledimg640 { max-width: 640px; }
.scaledimg200,
.scaledimg205,
.scaledimg300,
.scaledimg320,
.scaledimg350,
.scaledimg400,
.scaledimg500,
.scaledimg600,
.scaledimg640 {
	width: 100%;
	height: auto;
}

.slideShowControls {
	float: right;
	width: 120px;
}
.slideShowButton {
	width: 50%;
}
.slideShowCombo {
	width: 50%;
}
.slideShowInText {
	width: 60px;
	height: 20px;
	line-height: 10px;
	vertical-align: top;
}
.slideShowButton, .slideShowCombo, .slideShowInText {
	border: 1px solid #777;
}

.thinBorder {
	border: 1px solid #777;
}
.pianissimoBorder {
	border: 1.5px solid #a52;
}
.birthday {
	font-size:120%;
	font-weight:bold;
	color:#b00
}
/* opera */
sup       { color: #777; line-height: .8em; }
.author   { color: #333; }
.brat     { color: #00b; }
.sestra   { color: #b0b; }
.emelia   { color: #a00; }
.tzar     { color: #750; }
.tzarevna { color: #b0b; }
.chukcha  { color: #048; }
.russki   { color: #f00; }
.kholui   { color: #00d; }
.lukavi   { color: #000; }
.schuka   { color: #049; }