@charset "UTF-8";

html
{
	background: -moz-linear-gradient(bottom, #251000, #F9BF45 8px, white 32px, white) fixed;
	background: -webkit-gradient(linear, center bottom, center top, from(#251000), color-stop(1%, #F9BF45), color-stop(4%, white), to(white)) fixed;
	font-family: Calibri,  "Myriad Pro", "Lucida Grande", "Trebuchet MS", Optima, sans-serif;
	height: 100%;
}

body
{
	background: url(gunnarbittersmann.jpg) no-repeat 2em 10px;
	margin: 0;
	padding: 54px 2em 1em 6em;
}

*+html body
{
	padding: 61px 2em 1em 6em;
}


a:link
{
	color: #608EAF;
}

a:visited
{
	color: #0C4065;
}

#header-nav
{
	color: #AA632D;
	font-family: Impact, Haettenschweiler;
	font-size: 1.4em;
	list-style: none;
	margin: 0.3em 0 1.4em -2.8em;
	padding: 0;
	text-transform: uppercase;
}

#header-nav li
{
	display: inline;
	padding: 0;
}

#header-nav li:before
{
	color: #0C4065;
	content: " * ";
}

#header-nav li:first-child:before
{
	content: "";
}

*+html #header-nav li
{
	padding: 0 0.45em 0 0;
	padding: expression( (new Function('e', '\
		if (!e.after && e.nextSibling) { e.appendChild(document.createTextNode("* ")); e.after = true; }\
		e.style.padding = "0";\
	'))(this) );
}

#header-nav a
{
	color: #0C4065;
	position: relative;
	text-decoration: none;
	top: -0.3em;
}

#header-nav a:hover
{
	text-decoration: underline;
}

h1
{
	color: #AA632D;
	font-size: 2em;
	line-height: 1em;
}	

h2
{
	color: #D99C27;
	font-size: 1.4em;
	line-height: 1.2em;
}

body.song h1,
body.song h2
{
	margin-bottom: 0;
}

body.song h2,
body.song h1+.credits,
body.song h2+.credits
{
	margin-top: 0;
}

.credits
{
	font-style: italic;
}

.adr,
.fn,
.street-address
{
	display: block;
}

.country-name
{
	display: none;
}

.adr
{
	margin: 0 0 1em 0;
}

abbr.dtstart
{
	border: none;
}	

p.comment
{
	margin-top: 2em;
}

div.video
{
	float: right;
	margin: 0.3em 4em 2em 2em;
}

@media print
{
	body
	{
		background: none !important;
		padding: 0 !important;
	}
	
	a
	{
		color: inherit !important;
		color: expression( (new Function('elem', 'elem.innerHTML += (" (" + elem.href + ")").small(); elem.style.color = elem.parentNode.currentStyle.color;'))(this) ) !important;
		text-decoration: none !important;
	}

	a:after
	{
		content: " (" attr(href) ")" !important;
		font-size: 0.8em !important;
	}
	
	#header-nav,
	div.video
	{
		display: none !important;
	}	
}