html,
body {
	height:					100%;
}

body {
	 color:					#FFF;
	 background-color:		#666;
	 font:					10px/13px Helvetica, Arial, sans serif;
}

header {
	border-top:				10px solid #CCC;
	background:				transparent none no-repeat;
}

header h2 {
	height:					75px;
	text-indent:			-20000px;
}
header nav {
	height:					20px;
	padding-left:			74px;
	background-color:		#CCC;
}

header nav a {
	background:				transparent url(/img/nav.png) no-repeat;
	height:					10px;
	margin-left:			15px;
	margin-top:				7px;
	text-indent:			-20000px;
	float:					left;
}
header nav a:hover {
	height:					13px;
}
header nav a:first-child {
	margin-left:			0;
}

header nav a[href$="music"] {
	background-position:	0 0;
	width:					27px;
}
header nav a[href$="news"] {
	background-position:	-100px 0;
	width:					25px;
}
header nav a[href$="biography"] {
	background-position:	-200px 0;
	width:					46px;
}
header nav a[href$="discography"] {
	background-position:	-300px 0;
	width:					58px;
}
header nav a[href$="calendar"] {
	background-position:	-400px 0;
	width:					42px;
}
header nav a[href$="pictures"] {
	background-position:	-500px 0;
	width:					40px;
}
header nav a[href$="links"] {
	background-position:	-600px 0;
	width:					24px;
}
header nav a[href$="contact"] {
	background-position:	-700px 0;
	width:					75px;
}

header div {
	background:				#333 url(http://placekitten.com/g/750/170) no-repeat;
	height:					170px;
	border-bottom:			10px solid #CCC;
}

#content {
	padding:				0 0 30px 75px;
}

section {
	width:					445px;
	margin-bottom:			40px;	
}

section.narrow {
	width:					325px;
}

section.narrow article {
	margin-bottom:			35px;	
}


section > p {
	text-align:				justify;
}

footer {
	clear:					both;
}

#content nav {
	width:					445px;
}

#content nav span {
	float:					right;
}

#content nav span a {
	display:				inline-block;
	width:					9px;
	height:					10px;
	background:				transparent url(/img/prevnext.png) 100% 50% no-repeat;
	text-indent:			-20000px;
	margin-left:			1px;
	opacity:				0.25;
}
#content nav span a:link {
	opacity:				1;
}

#content nav span a:first-child {
	background-position:	0 50%;
}


#content > nav {
	margin-top:				25px;
}

a {
	color:					#FFF;
	text-decoration:		underline;
}

h3 {
	height:					30px;
	font-size:				11px;
	line-height:			14px;
	font-weight:			normal;
	text-transform:			uppercase;
}

article {
	margin-bottom:			15px;
}

article h3 {
	height:					25px;
}

article img {
	vertical-align:			top;
	margin-bottom:			15px;
}
article p {
	margin-bottom:			15px;
}
article a {
	text-decoration:		underline;
}


cite {
	font-style:				normal;
}

table {
	border-collapse:		collapse;
	margin:					35px 0;
	clear:					both;
}

th {
	text-transform:			uppercase;
	text-align:				left;
}

th, td {
	vertical-align:			top;
	line-height:			14px;
	height:					25px;
}

col.date {
	width:					75px;
}
col.space {
	width:					15px;
}
col.location {
	width:					200px;
}
col.info {
	width:					195px;
}
col.edit {
	width:					70px;
}

tr.past {
	opacity:				0.85;
}

blockquote {
	text-align: justify;
}

blockquote:before,
blockquote:after {
	content: '"';
}



a[href$="#anker_top"] {
	text-decoration:		none;
}

.page1 {
	background-color:		#FFFFFF;
}


.page2 {
	background-color:		#3C5672;
}


/* NEWS */

.page3 {
	background-color:		#403559;
}
.page3 header {
	background-image:		url(/img/news.gif);
}
.page3 header div {
	background-image:		url(/img/news.jpg);
	background-color:		#000;
}
.page3 header,
.page3 header div {
	border-color:			#A77E84;
}
.page3 header nav {
	background-color:		#A77E84;
}


/* BIOGRAPHY */

.page4 {
	background-color:		#72819B;
}
.page4 header {
	background-image:		url(/img/bio.gif);
}
.page4 header div {
	background-image:		url(/img/bio.jpg);
	background-color:		#858B9F;
}
.page4 header,
.page4 header div {
	border-color:			#8A93A2;
}
.page4 header nav {
	background-color:		#8A93A2;
}


.page5 {
	background-color:		#912B2A;
}


/* CALENDAR */

.page6 {
	background-color:		#B3B86C;
}
.page6 header {
	background-image:		url(/img/cal.gif);
}
.page6 header div {
	background-image:		url(/img/cal.jpg);
	background-color:		#B3B24F;
}
.page6 header,
.page6 header div {
	border-color:			#C1C583;
}
.page6 header nav {
	background-color:		#C1C583;
}
.page6 #content nav {
	display:				none;
}
.page6 #content footer nav {
	display:				block;
}
.page6 #content > section {
	margin-top:				25px;
}



.page7 {
	background-color:		#9399AF;
}


.page8 {
	background-color:		#66572E;
}


.page9 {
	background-color:		#7490A0;
}


.page10 {
	background-color:		#AC2C17;
}