/* ----------------------------------------------------------------------------------------------------------------- */
/* CSS file */
/* (c) by Mr. Mcee, cyramax 12072010*/
/* ----------------------------------------------------------------------------------------------------------------- */
/* Colour scheme:
   
   #660033 - background
   #FFFFFF - text
   #999966 - link
   #FFFF00 - visited link
   #FFFF00 - active link
   
   #999966 - active nav
   #CCCC99 - inactive nav
*/
/* ----------------------------------------------------------------------------------------------------------------- */
/* General settings */
/* ----------------------------------------------------------------------------------------------------------------- */
html {
	color:		  #FFFFFF;
	background-color: #660033;
         font-size:        12pt;
         font-weight:      normal;
        font-family:      Arial,Helvetica,Univers,Zurich BT,sans-serif;
   
	}
	
body {
         top:              0px;
         margin:           0px;
	padding: 0px;
	
	}
img {
         border:            15px;
         }
	
/* ----------------------------------------------------------------------------------------------------------------- */
/* Links */
/* ----------------------------------------------------------------------------------------------------------------- */
a:link { 
         color:            #FFFFFF;
         }
a:visited { 
         color:            #FFFFFF;
         }
a:active { 
         color:            #FF6666;
         }
/* ----------------------------------------------------------------------------------------------------------------- */
/* Navigation */
/* ----------------------------------------------------------------------------------------------------------------- */
.navigation {
	position:absolute;
	float: left;
	top: 135px;
	left: 12px;
	width: 80px;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
         }
@media print { .navigation {
         display:       none;                /* Hide navigation altogether when printing page */
         }}
         
.navigation a {
         text-decoration:  none;
	}
	
.navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

.navigation li {
	border-bottom: 3px solid #660033;
	margin: 0;
	}

.navigation li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #FFCCCC;
	color: #000;
	width: 100%;
	}
.navigation li#active {
	display: block;
	padding: 5px 5px 5px 0.5em;
	
	background-color: #FF9999;
	color: #000;
	width: 100%;
	}
.navigation li#active a {
	padding: 0px;
	background-color: #FF9999;
	}
	
.navigation li a:visited {				/* IE needs this */
	color: #000;
	}
.navigation li a:hover {
	background-color: #FF9999;
	color: #000;
	}
/* ----------------------------------------------------------------------------------------------------------------- */
/* Sub navigation */
/* ----------------------------------------------------------------------------------------------------------------- */
.subnavigation {
/* These two let Opera display the menu vertically... => We use margins instead of float here.
	position: absolute;
	float: left;
	top: 102px;
	left: 150px; */
	margin-top: 102px;
	margin-left: 458px;
         }
.subnavigation ul {
	border:		0px;
	margin:           0px;
	padding:          0px;
	list-style-type: none;
	text-align: center;
	}
.subnavigation li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border-right: 3px solid #660033;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	}
.subnavigation ul li a {
	width: 80px;
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #FFCCCC;
	text-decoration: none;
	}
.subnavigation ul li#active {
	width: 80px;
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #FF9999;
	text-decoration: none;
	color: #000000;
	}
.subnavigation a:link, .subnavigation a:visited {
	color: #000000;
	}
.subnavigation a:hover {
	background-color: #FF9999;
	}
/* ----------------------------------------------------------------------------------------------------------------- */
/*  */
/* ----------------------------------------------------------------------------------------------------------------- */
.clearing {
         clear:            both;
         }

.heading {
	margin: 		0 auto;		/* center line */
	text-align: 		center;
	position: absolute;
	float:	left;
	left: 150px;
	font-family: Palatino Linotype;
	font-weight: normal;
	font-size: 34pt;
	padding-bottom: 18px;
	border-bottom: 1px solid;
	width: 582px;
	color: #FFCCCC;
	}
	
.tagline {
	margin: 		0 auto;		/* center line */
	text-align: 		center;
	position: absolute;
	float:	left;
	left: 150px;
	top: 57px;
	font-weight: normal;
	font-size: 11pt;
	width: 550px;
	color: #FF9999;
	}

.text {
	position: absolute;
	float:	left;
	left: 150px;
	top: 121px;
	width: 550px;	
	padding: 1em;
	color: #FFCCCC
	}
	
h1 {
	color: #FFCCCC;
	font-size: 14pt;
	font-weight: bold;
	}
h2 {
	color: #FFCCCC;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 0px;
	}
h3 {
	color: #FFCCCC;
	font-size: 12pt;
	font-weight: normal;
	margin-bottom: 5px;
	}
	
	
.smalltext {
	font-size: 8pt;
	}
	
.cdtracks {
	 font-size: 10pt;
	 }

.lyrics {
	 font-size: 12pt;
	 font-family:Arial, Helvetica, sans-serif;
	 font-style: italic;
	 }
.emphasis {
	font-weight: bold;
	}

li {
	position:		relative;		/* Enable absolute positioning in sub element */
	line-height:	1.5em;
	}
li span {
	position:		absolute;
	left:			210px;
	font-size:		smaller;
	}
li span img {
	vertical-align:	bottom;
	}