/*

colours: H28 S7 B:
		
		bcbfaf bdb6af (74)

#233 -> 20 #33312f (20)
#244 ->	27 #454240
#344 ->	27 #454240
#355 ->	33 #54514e
#455 -> 33 #54514e
#688 -> 53 #8c8782 (55)
#788 -> 53 #8c8782 (55)
#8aa -> 67 #a6a09a (65)
#9bb -> 73 #bdb6af (74)
#dee -> 93 #e5ddd5 (90)

*/


* {
	padding: 0;
	margin: 0;
	border: 0;
	}

html { 
	height: 100%; margin-bottom: 1px; 
	}

body
	{
	height: 100%; 
	width: 100%; 
	background: url(pic/main/paper18.jpg) fixed repeat top left;
	color: #54514e;
	font-size: 100.1%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Palatino, Georgia, serif;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	}
	
body.player
	{
	background: #bcbfaf none;
	}
	
#frame
	{
	margin: 0 auto;
	width:600px;
	padding:0px 20px;
	background: transparent;
	font-size: 0.94em;
	}

* > #frame {
	background: url(pic/main/shadow.png) repeat-y top left;
    }
    
#splashbox {
	width:480px; 
	height:480px;
	padding: 5px 0px 0px 5px;
	}
    
* > #splashbox {
	background: transparent url(pic/misc/picshadow.png) no-repeat top left;
    }


/* header */
	
#header {
	position:relative;
	height: 100px;
	background: #fff url(pic/main/header_201001_top4.jpg) no-repeat top right;
	font-family: Palatino, Georgia, serif;
	color:#e5ddd5;
	width:600px;
	}
	
#header > a {
	position:absolute;
	bottom:0.1em;
	left: 0.4em;
	font-size: 1.5em;
	text-decoration:none;
	color:#bdb6af;
	}
	
#header > a:link, #header > a:visited {
	color:#a6a09a;
	}

#header > a:link:hover, #header > a:visited:hover {
	color:#bdb6af;
	text-decoration:none;
	}

#header img {vertical-align: bottom;}


#header #buttons {
	position:absolute;
	top:12px;
	right:12px;
	text-align:right;
	}

#header #buttons img {
	padding-left:2px;
	padding-bottom:4px;
	}




/* navigation */


#menu {
	background: #827967 url(pic/main/header_201001_bottom4.jpg) no-repeat top right;
	color:#fff;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	text-transform:uppercase;
	letter-spacing:.06em;
	width:600px;
	}

#menu li
	{
	height: 1.6em;
	background: transparent url(pic/main/line-fff.gif) repeat-x bottom left;
	white-space: nowrap;
	text-indent:0.3em;
	}

#menu li.player
	{
	display:inline;
	float: right;
	right:0.5em;
	padding-right:0.3em;
	height: 1.6em;
	background: transparent;
	white-space: nowrap;
	font-weight:bold;
	}
		
#menu a {
	padding-left:0.5em;
	padding-right:0.5em;
	font-weight:bold;
	}


#menu a {
	color:#fff;
	}

#menu a:hover {
	text-decoration:none;
	}
	
#menu a:link, #menu a:visited {
	color:#e5ddd5;
	font-weight:normal;
	}

#menu a:link:hover, #menu a:visited:hover {
	color:#fff;
	}


#menu li.player a {
	padding-left: 1.3em;
	background: transparent url(pic/main/playerspeaker.gif) no-repeat 0px 50%;
	}
	
#menu li.player a:hover {
	background: transparent url(pic/main/playerspeaker-hover.gif) no-repeat 0px 50%;
	}



/* playerpopup */

#player {
	position:relative;
	left: 20px;
	top: 20px;
	}



/* content */


#content {
	position:relative;
	background-color: #fff;
	padding-bottom:4em;
	width:600px;
	}
	
#content p, #content ul, #content div.feature-imgbox, #content div.review-imgbox, #content div.review-imgbox-wide, #content blockquote 
	{
	font-size: 1em;
	line-height: 1.5em; 
	}
		
h1, h2 {
	position:relative;
	margin-left:115px;
	padding-top:1.1em;
	padding-bottom:.5em;
	padding-right:2em;
	font-family: Palatino, Georgia, serif;
	font-size:1.4em;
	font-weight: normal;
	color: #33312f;
	}

h3, h4, h5 {
	padding-top:1em;
	padding-bottom:.25em;
	padding-right:2em;
	margin-left:115px;
	font-size: 1em;
	line-height: 1.5em; 
	font-weight: bold;
	color: #454240;
	}

h4 {
	margin-top:1em;
	}

h5 {
	padding-top:.5em;
	padding-bottom:0;
	}
	
h6 {
	padding-top:.5em;
	padding-right:2em;
	margin-left:115px;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em; 
	color: #33312f;
	}
	
strong.h4, strong.h5 {
	display:block;
	padding-top:1.4em;
	padding-right:2em;
	padding-bottom:.25em;
	color: #454240;
	}

strong.h5 {
	padding-top:.5em;
	padding-bottom:0;
	}
	
ul {
	list-style-type: none;
	}
		
p, #content ul {
	position:relative;
	padding-top: 0em;
	padding-bottom: 0.5em;
	padding-left:115px;
	padding-right:2em;
	}
	
.subhead {	
	padding-top: 0em;
	}

.toc {
	padding-bottom:1em;
	color: #8c8782;
	}
	
.current {
	font-weight:bold;
	}

.byline {
	padding-top: 0em;
	color: #8c8782;
	}



/* special formatting for subsections */	

h2.tracktitle {
	position:relative;
	margin-top:.75em;
	padding-top:2em;
	background: #fff url(pic/main/line-bdd.gif) repeat-x top left;
	}

	
h2.tracktitle .tracknr {
	position:relative;
	float:left;
	left:-115px;
	margin-right:-115px;
	width:100px;

	text-align:right;
	font-weight:normal;
	font-size:75%;
	line-height:170%;
	}

.tracknr {
	float:left;
	position:relative;
	left:0px;
	top:0px;
	width:2.6em;
	font-weight:bold;
	}

.time {
	position:relative;
	left:0px;
	float:left;
	width:4em;
	color: #8c8782;
	}

#content p.date {
	font-size:0.74em;
	letter-spacing:0.06em;
	color:#8c8782;
	margin:0;
	padding:0;
	padding-bottom:0.6em;
	padding-top:2em;
	margin-bottom:-2em;
	margin-left:115px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}


.tourdates li {
	position:relative;
	margin-left:7em;
	color: #8c8782;
	padding-bottom:.3em;
	}	

.tourdates li .date {
	position:absolute;
	left:-7em;
	color: #54514e;
	}

.tourdates li .city {
	color: #54514e;
	font-weight:bold;
	}



.question {
	font-weight: bold;
	margin-top:.6em;
	}

.margin {
	position:relative;
	float:left;
	left:-115px;
	margin-right:-115px;

	padding-left:0.5em;

	font-weight: normal;
	color: #8c8782;
	}

span.tracktitle {
	font-weight:bold;
	}



.lyrics .addon {
	font-style: italic; 
	padding-top:1em;
	padding-right:3em;
	color: #8c8782;
	}

.lyrics .addon p {
	padding-top:0em;
	padding-bottom:0em;
	}


.lyrics > p .long {
	display: inline-block;
	padding-left: 1.6em;
	text-indent:-1.6em;
	}



/* shop */

#content.shop {
	padding-bottom:0em; 
	}

.shop h1 {
	}

#widgetShopFooter {
	width: 600px; 
	padding-top:0.6em;
	padding-bottom:2.6em; 
	text-align: center; 
	background-color: #524138; 
	}




/* lines */

.hrbox {
	clear:both;
	height:1px;
	background: #fff url(pic/main/line-bdd.gif) repeat-x center left;
	font-size:1.35em;
	padding-top:.75em;
	padding-bottom:.75em;
	}

.hrbox-compact {
	clear:both;
	font-size:1.35em;
	height:1em;
	background: #fff url(pic/main/line-bdd.gif) repeat-x bottom left;
	}

.hrbox-short, .hrbox-short-compact {
	margin-left:115px;
	clear:both;
	height:1px;
	background: #fff url(pic/main/line-bdd.gif) repeat-x center left;
	font-size:1.35em;
	padding-top:.75em;
	padding-bottom:.75em;
	}

hr {
	visibility:hidden;
	clear:both;
	}





/* images */

	
img.icon, img.icon_inline {
	position:relative;
	float:left;
	width:100px;
	padding-right:15px;
	padding-bottom:.25em;
	margin-top:1.7em;
	z-index:90;
	}

img.icon_inline {
	padding-bottom:.6em;
	margin-top:1.2em;
	}

img.large {
	margin-top:1.8em;
	padding-left:115px;
	padding-bottom:.6em;
	}
	

p.imgbox {
	padding-top:1.8em;
	padding-bottom:.6em;
	}	
	

.feature-imgbox, .review-imgbox, .review-imgbox-wide { 
	position:relative;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left:115px;
	padding-right:2em;
	color: #8c8782;
	z-index:90;
	}

.feature-imgbox
	{ 
	margin-bottom: 2em; padding-right: 0em;
	}

.review-imgbox
	{ 
	float: left;
	display: inline;
	padding-right: 0.6em;
	margin-bottom: 0.4em; 
	}

.review-imgbox-wide
	{ 
	margin-bottom: 0.4em; 
	}


.review-imgbox img {margin: 0.6em 0.4em 0.4em 0em; border:0; }

.review-imgbox-wide img {margin: 0.6em 0em 0.4em 0em; border:0; }

.feature-imgbox img {margin: 0.6em 0em 0.4em 0em; border:0; padding: 0; }

	
blockquote
	{ 
	position:relative;
	padding: 0.5em 2em 1em 130px;
	font-style: italic; 
	}



/* links */

	
a {
	color: #54514e;
	text-decoration: none;
	}

a:hover	
	{ 
	text-decoration: underline;
	}

h1 a:link, h2 a:link, h6 a:link {
	color: #33312f;
	}
	
h1 a:link:hover, h2 a:link:hover, h6 a:link:hover {
	text-decoration: underline;
	}


.toc a, .byline a, .review-imgbox a, .review-imgbox-wide a, .feature-imgbox a {
	color: #8c8782;
	}
	
.toc a:hover, .byline a:hover, .review-imgbox a:hover, .review-imgbox-wide a:hover, .feature-imgbox a:hover {
	color: #454240;
	text-decoration: none;
	}

.margin a {
	color: #8c8782;
	}

.margin a:hover {
	color: #54514e;
	text-decoration:none;
	}