@font-face {
	font-family: donkerr;
	src: url('/donkerr.ttf');
}


body {
	margin: 0;
	padding: 0;
	background: #000000 url('/images/glacier.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.handwriting {
	font-family: donkerr, sans-serif;
	font-size: 30px;
	color: #989898;
}

.punctuate {
	font-size: 24px;
	color: #989898;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;

}

h1 {
	font-size: 2em;
		color: #DDDDDD;
}

h2 {
	font-size: 2.4em;
	color: #DDDDDD;
}

h3 {
		color: #DDDDDD;
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 100%;
}

ul, ol {
}

a {
        color: #4d698b;	
}

a img {
	border: none;
}

a:hover {
}

#wrapper {
	width: 960px;
	margin: 0 auto;
}

img.center {   display: block;   margin-left: auto;   margin-right: auto; }

.logo {
	text-align: center;
	margin: 0 auto;
}

.logo img {
	width: 450px;
}

/* menu */

#menu {
	width: 900px;
	height: 120px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	border: 1px solid #000000;
	background: #4d698b;
}

#menu a {
	display: block;
	width: 212px;
	height: 50px;
	padding-top: 0px;
	text-decoration: none;
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: black;
	border: none;
}

#menu img {
	width: 212px;
}

#menu a:hover, #menu .current_page_item a {
	background: #4e585f;
	text-decoration: none;
}

#menu .current_page_item a {
	background: #b9d3e7;
	padding-left: 0;
}


iframe {
	border: 1px solid black;
	margin-bottom: 4px:	
}


#page {
	width: 940px;
	margin: 0 auto;
	padding: 0;
}

#content {
	float: left;
	width: 900px;
	padding: 30px 0px 0px 0px;
}

.textpost {
	border: 1px solid #000000;
	padding: 8px 8px 0px 8px;
	background-color:rgba(0,0,0,0.9);
	font-size: 16px;
	font-family: Lato, sans-serif;
	color: #cdcdcd;
}

.contentbox {
        border: 1px solid #000000;
	text-align: center;
        padding: 16px 8px 8px 8px;
        background-color:rgba(0,0,0,0.7);
        font-size: 16px;
        color: #cdcdcd;	
}

img.producer {
	margin: 4px;
	border: 3px solid black;
}

img.smallimg {
	width: 200px;
	height: 200px;
}

img.largeimg {
	width: 400px;
	height: 400px;
	border: 3px solid black;
	margin-bottom: 20px;
}

.footerimg {
	width: 894px;
	border: 3px solid black;
}

.albumcover {
	margin: 0px;
}

.lightbox {
	display: none;
	color: white;
	text-align: center;
}

.featherlight-content {
	background-color: #4d698b !important;
	border: 3px solid black !important;
	padding-bottom: 20px !important;
}

.featherlight-close-icon {
	display: none !important;
}

@media (min-width: 1000px) {
	audio {	
		padding: 10px 0px 10px 0px;
		margin: 0px auto 5px auto;
		width: 100%;
	}
}


@media (max-width: 1000px) {
        audio {
                padding: 10px 0px 10px 0px;
                margin: 0px auto 50px auto;
                width: 500px;
        }
}

/* footer (unused) */
#footer {
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	background: #222222;
	border-top: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #a0a0a0;
}

#footer a {
	color: #8a8a8a;
}