/** key
	headings/links	pink		#e2007a
	copy			dark grey	#333
*/


/** top level */
html { 
	min-height: 100%; 
	overflow-y: scroll;
}
body {
	height: 100%;
	width: 100%;
	position: absolute;
	font: 0.75em/1.45em Arial, Helvetica, sans-serif;
	color: #333;
}

#container {
	margin: 0 auto;
	width: 940px;
	min-height:100%;
	_height: 100%;
	position: relative;
}

#header, #footer, #content {
	position: relative;
}

/** common */

h1, h2, h3 {
	text-transform: uppercase;
	color: #e2007a;
	font-weight: bold;
}
h1 {
	font-size: 1.33em;
	border-bottom: 2px solid #e2007a;
	margin-bottom: 15px;
	padding-bottom: 2px;
}
h1.heavy {
	font-size: 2em;
	line-height: 1em;
	margin: 0;
	border: 0;
}
h2 {
	padding-bottom: 2px;
	border-bottom: 2px solid #e2007a;
	margin-bottom: 12px;
}
	h2.alt {
		border-bottom: 1px solid #e2007a;
	}
h3.alt {
	color: #333;
}

p {
	margin: 12px 0;
}

a {
	color: #e2007a;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #000;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.paginate {
	text-align: right;
}

span.small {
	font-size: .92em;
	color: #666;
}

/** header */

#header {
	height: 140px;
	background: url(/img/pr-logo.png) no-repeat 100% 48px;
}
	#logo {
		position: absolute;
		height: 30px;
		width: 249px;
		top: 45px;
		left: 0;
		color: #e2007a;
		font-size: 20px;
		background: url(/img/pr-title.png) no-repeat 0 0;
		border: 0;
		margin: 0;
	}
		#logo a {
			width: 100%;
			height: 100%;
			display: block;
		}
		#logo span {
			position: absolute;
			left: -4000px;
		}
	
	#nav {
		position: absolute;
		top: 105px;
		height: 20px;
	}
		#nav li {
			float: left;
			height: 100%;
		}
			#nav li a {
				display: block;
				width: 100%;
				height: 100%;
				background: url(/img/nav.png) no-repeat;
			}
			#nav li a.biography {
				width: 99px;
				background-position: 0 0;
			}
				#nav li.selected a.biography, #nav li a.biography:hover {
					background-position: -135px 0;
				}
			#nav li a.diary {
				width: 128px;
				background-position: 0 -20px;
			}
				#nav li.selected a.diary, #nav li a.diary:hover {
					background-position: -135px -20px;
				}
			#nav li a.news {
				width: 135px;
				background-position: 0 -40px;
			}
				#nav li.selected a.news, #nav li a.news:hover {
					background-position: -135px -40px;
				}
			#nav li a.recordings {
				width: 106px;
				background-position: 0 -60px;
			}
				#nav li.selected a.recordings, #nav li a.recordings:hover {
					background-position: -135px -60px;
				}
			#nav li a.promoters {
				width: 102px;
				background-position: 0 -80px;
			}
				#nav li.selected a.promoters, #nav li a.promoters:hover {
					background-position: -135px -80px;
				}
			#nav li a.contact {
				width: 84px;
				background-position: 0 -100px;
			}
				#nav li.selected a.contact, #nav li a.contact:hover {
					background-position: -135px -100px;
				}
			#nav li span {
				position: absolute;
				left: -4000px;
			}
		

/** footer */

#footer {
	border-top: 2px solid #e2007a;
	padding-top: 7px;
	height: 33px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 0.83em;
}

/** content */

#content {
	padding-bottom: 50px;
	_zoom: 1;
}
#content:after {
	content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
	.block {
		_zoom: 1;
		position: relative;
	}
	.block:after {
		content: '.'; clear: both; height: 0; display: block; visibility: hidden;
	}
		.main-block {
			float: left;
			width: 620px;
			position: relative;
		}
		.semi-block {
			width: 300px;
			margin-left: 20px;
		}
		.first-block {
			margin-left: 0;
		}
		.nav-block {
			float: right;
			width: 300px;
			position: relative;
		}
		.top-block {
			border-top: 2px solid #e2007a;
			padding-top: 20px;
		}
		
.mini-list {}
	.mini-list li {
		border-top: 1px solid #ccc;
		padding-top: 10px;
		padding-bottom: 4px;
	}
	.mini-list li.first {
		border: 0;
		padding-top: 0;
	}
		.mini-list span.date {
			font-style: italic;
			display: block;
			margin-bottom: 3px;
		}
		.mini-list p {
			margin: 6px 0;
		}
	.mini-list li.more {
		text-transform: uppercase;
	}
	
.link-list {}
	.link-list li {
		border-top: 1px solid #ccc;
		padding: 12px;
	}
	.link-list li.first {
		border-top: 0;
		padding-top: 0;
	}
		.link-list a {
			color: #333;
		}
		.link-list a:hover {
			color: #000;
		}

#intro-image {
	display: block;
	margin-bottom: 16px;
}

/** page-specific */
#homepage-intro {
	background: url(/img/photo-home.jpg) no-repeat 0 0;
	height: 484px;	
	position: relative;
	margin-bottom: 30px;
}
	#homepage-intro img {
		height: 16px;
		position: absolute;
		top: 467px;
	}

#year-selector {
	position: absolute;
	bottom: 0;
	left: 640px;
}
	#year-selector li {
		float: left;
	}
	#year-selector li.prev {
		margin-right: 12px;
	}
		#year-selector li a, #year-selector li span {
			display: block;
			background: url(/img/next-prev.gif) no-repeat;
		}
		#year-selector li a:hover {
			background-image: url(/img/next-prev-black.gif);
		}
		#year-selector li span {
			font-weight: bold;
			color: #666;
			background-image: url(/img/next-prev-grey.gif);
		}
		#year-selector li.prev a, #year-selector li.prev span {
			background-position: 0 4px;
			padding-left: 14px;
		}
		#year-selector li.next a, #year-selector li.next span {
			background-position: 100% -16px;
			padding-right: 14px;
		}
		
ol.article-list {}
ol.article-list li {
	border-top: 1px solid #e2007a;
	padding-top: 20px;
	_zoom: 1;
}
ol.article-list li.first {
	border: 0;
	padding-top: 0;
}
ol.article-list li:after {
	content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
	ol.article-list h2 {
		float: left;
		width: 140px;
		margin-right: 20px;
		display: inline;
		color: #333;
		border: 0;
		margin-top: 2px;
	}
	ol.article-list ol {
		float: left;
		width: 460px;
	}
	ol.article-list ol.alt {
		margin-bottom: 7px;
	}
		ol.article-list ol li {
			border-top: 1px solid #e2007a;
			padding-bottom: 8px;
		}
		ol.article-list ol.alt li {
			border-top: 1px solid #ccc;
			padding-top: 8px;
		}
			ol.article-list ol.alt li a {
				color: #333;
			}
			ol.article-list ol.alt li a:hover {
				color: #000;
			}
				ol.article-list ol.alt ul.image-list {
					margin-left: -20px;
					margin-top: -10px;
					_zoom: 1;
				}
				ol.article-list ol.alt ul.image-list:after {
					content: '.'; clear: both; height: 0; display: block; visibility: hidden;
				}
					ol.article-list ol.alt ul.image-list li {
						float: left;
						width: 220px;
						margin: 20px 0 0 20px;
						display: inline;
						width: 220px;
						height: 220px;
						border: 0;
						padding: 0;
					}
		ol.article-list ol li.first {
			border: 0;
			padding-top: 2px;
		}
				ol.article-list ol li h3 {
					border-bottom: 1px solid #ccc;
					padding-bottom: 1px;
				}
				ol.article-list ol li h4 {
					border-bottom: 1px solid #ccc;
					padding-bottom: 1px;
					margin: 12px 0;
				}
				
ol.months {}
	ol.months li {
		border-top: 2px solid #e2007a;
		padding-top: 20px;
		_zoom: 1;
	}
	ol.months li:after {
		content: '.'; clear: both; height: 0; display: block; visibility: hidden;
	}
		ol.months h2 {
			font-size: 1.5em;
			line-height: 1em;
			float: left;
			width: 140px;
			margin-right: 20px;
			display: inline;
			border: 0;
		}
		ol.months ol {
			float: left;
			width: 460px;
		}
			ol.months ol li {
				border-top: 1px solid #e2007a;
				padding-bottom: 8px;
			}
			ol.months ol li.first {
				border: 0;
				padding-top: 2px;
			}
					ol.months ol li h3 {
						border-bottom: 1px solid #ccc;
						padding-bottom: 1px;
					}

ul.recordings {
	_display: inline-block;
	margin-left: -20px;
}
	ul.recordings li {
		float: left;
		width: 220px;
		margin-left: 20px;
		display: inline;
		border-bottom: 1px solid #e2007a;
		margin-bottom: 20px;
		padding-bottom: 4px;
	}
		ul.recordings li img {
			width: 220px;
			height: 220px;
			display: block;
			margin-bottom: 10px;
		}
		ul.recordings li p {
			margin: 6px 0;
		}
/* form */
input, textarea, label { margin: 0; padding: 0; }
ul.form {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
	ul.form li {
		display: block;
		margin: 10px 0 0 0;
		_height: 0;
		_margin-top: 0;
	}
		ul.form li label, ul.form li span {
			display: block;
			margin-bottom: 4px;
		}

		ul.form li input.text, ul.form li textarea {
			width: 300px;
			border: 1px solid #999;
			padding: 2px 0;
			font: 1em Helvetica, Arial, sans-serif;
		}