body {
	font-size: 13pt;
}

#header {
	background-size: 200%;
	background-position: center top;
}

#header a.logo {
}

#header div.menu-button span.text {
	display: none;
}

@media screen and (max-width: 500px) { 
    #header div.menu-button {
		font-size: 22pt;
	}
}

a.cover-animate img.cover-open {
	display: inherit;
}

a.cover-animate img.cover-closed {
	display: none;
}

a.cover-animate img.read-me {
	top: initial;
	bottom: 61px;
    right: -2px;
    width: 80px;
    transform: rotate(26deg);
}


p, li, cite {
	margin-bottom: 0.4em;
}

h1 {
	font-size: 2em;
}




#content div.cols,
#content div.cols div.col,
#content div.cols div.col-span {
	width: 100%;
}

#content div.cols {
	margin-left: 0;
}

#content div.cols div.col {
	margin: 0 0 20px 0;
	padding: 0;
}

img,
iframe,
object {
	max-width: 100%;
}

table {
	width: 100%;
	font-size: 0.8em;
}

div.waiting {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(https://www.songofhild.com/graphics/ajax-loader.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #EEE;
	background-color: rgba(255,255,255,0.9);
}


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina Displays */
}





/**********************************************************
 * Overlay                                                *
 **********************************************************/

#overlay-content {
	padding: 0;
	background-color: White;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; 
}

#overlay-content div.overlay-controls {
	background-color: #AAA;
	color: White;
	padding: 5px;
	text-align: right;
}

#overlay-content div.overlay-controls a {
	color: White;
	font-size: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
}


/**********************************************************
 * Forms                                                  *
 **********************************************************/

fieldset {
	margin: 5px;
}

.form-container.narrow label,
.form-container label,
.form-container span.label,
fieldset label {
	width: 100% !important;
	padding: 0;
	margin: 0;
	text-align: left;
}

label.invisible {
	display: none;
}

input,
select,
textarea {
	width: 100% !important;
	border-color: #333;
}

.form-container .control div.input,
.form-container p.note {
	margin-left: 0;
}

fieldset .control div.input {
	margin: 0;
	clear: both;
}

div.checkbox label, div.checkbox input {
	width: auto !important;
}

.form-container .control .control {
	background-color: 0;
}

.form-container .control .control select {
	max-width: 30%;
}

.buttons {
	margin-left: 0;
}

fieldset p.note {
	margin-left: 0;
}