/** key
	headings/links	dark blue	#007cc2
	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;
	background: #eaf1f9;
}

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

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

/** common */

a {
	color: #007cc2;
	text-decoration: none;
}
	a:hover {
		color: #000;
	}
	
p {
	margin: 0 0 1em;
}

h1 {
	font: 2.5em Georgia, Times, "Times New Roman", serif;
	color: #007cc2;
	font-weight: bold;
	padding-bottom: 32px;
	border-bottom: 1px solid #007cc2;
	margin-bottom: 12px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

blockquote {
	font: 1.2em Times, "Times New Roman", serif;
	color: #333;
}
cite {
	color: #999;
	margin-top: 3px;
	display: block;
}

/** content */
#content {
	border-top: 1px solid #007cc2;
	width: 540px;
	padding-bottom: 50px;
	padding-top: 12px;
}
body#home #content {
	padding-top: 0;
	padding-bottom: 0;
	width: 490px;
}
	body#home #content img {
		display: block;
	}

/** header */
#header {
	height: 140px;
}
body#home #header {
	background: url(../img/header-bg1a.png) no-repeat 0 42px;
}

/** nav */
#navbar {
	position: fixed;
	left: 50%;
	width: 260px;
	margin-left: 150px;
	_position: absolute;
	_left: auto;
	_right: 0;
	_margin-left: 0;
	background: url(../img/header-bg2.png) no-repeat 0 41px;
}
body#home #navbar {
	background: url(../img/header-bg1b.png) no-repeat 0 42px;
}
	#navbar h1 {
		position: absolute;
		left: -4000px;
	}

#home-link {
	position: absolute;
	top: 41px;
	width: 100%;
	height: 61px;
}
	#home-link span {
		position: absolute;
		left: -4000px;
	}
/**
#player {
	position: absolute;
	right: 0;
	top: 370px;
	border: 1px solid #c1c1bf;
}
	#player object {
		display: block;
	}
*/
#pull-quote {
	position: absolute;
	right: 0;
	top: 370px; /*455*/
	height: 76px;
	width: 260px;
	background-repeat: no-repeat;
}
	.pull-quote-1 {
		background-image: url(../img/pull-quotes/1.png);
	}
	.pull-quote-2 {
		background-image: url(../img/pull-quotes/2.png);
	}
	.pull-quote-3 {
		background-image: url(../img/pull-quotes/3.png);
	}
	.pull-quote-4 {
		background-image: url(../img/pull-quotes/4.png);
	}
	#pull-quote cite, #pull-quote blockquote {
		position: absolute;
		left: -4000px;
	}

#nav {
	position: relative;
	border-top: 1px solid #007cc2;
	top: 140px;
}
	#nav li {
		border-bottom: 1px solid #007cc2;
		height: 39px;
	}
		#nav li a {
			display: block;
			height: 39px;
			background: url(../img/nav-bg.png) no-repeat;
		}
			#nav li span {
				position: absolute;
				_position: relative;
				left: -4000px;
			}
	#nav #nav-profile {
		background-position: 0 0;
	}
		#nav .selected #nav-profile, #nav #nav-profile:hover {
			background-position: -260px 0;
		}
	#nav #nav-diary {
		background-position: 0 -40px;
	}
		#nav .selected #nav-diary, #nav #nav-diary:hover {
			background-position: -260px -40px;
		}
	#nav #nav-news {
		background-position: 0 -80px;
	}
		#nav .selected #nav-news, #nav #nav-news:hover {
			background-position: -260px -80px;
		}
	#nav #nav-gallery {
		background-position: 0 -120px;
	}
		#nav .selected #nav-gallery, #nav #nav-gallery:hover {
			background-position: -260px -120px;
		}
	#nav #nav-contact {
		background-position: 0 -160px;
	}
		#nav .selected #nav-contact, #nav #nav-contact:hover {
			background-position: -260px -160px;
		}
		
/* 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;
		}
/** footer */
#footer {
	color: #666;
	background: #eaf1f9;
	border-top: 1px solid #007cc2;
	padding-top: 6px;
	padding-bottom: 6px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 540px;
	font-size: 0.83em;
	line-height: 1.45em;
}
body#home #footer {
	position: relative;
	width: 490px;
}
	#footer a {
		font-weight: bold;
	}
	
/** page specific */

ul#image-list {
	margin-left: -20px;
	_zoom: 1;
	margin-top: -20px;
}
ul#image-list:after {
	content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
	ul#image-list li {
		float: left;
		display: inline;
		margin-left: 20px;
		margin-top: 20px;
	}
		ul#image-list img {
			display: block;
		}

h1.current-year {
	font-size: 2.5em;
	line-height: 1em;
	color: #007cc2;
	font-weight: bold;
	margin-bottom: 30px;
}

#year-selector {
	position: absolute;
	top: 12px;
	right: 0;
}
	#year-selector li {
		float: left;
		line-height: 1em;
		font-weight: bold;
	}
	#year-selector li.prev {
		margin-right: 12px;
	}
		#year-selector li a, #year-selector li span {
			display: block;
			background: url(../img/next-prev.png) no-repeat;
		}
		#year-selector li a:hover {
			background-image: url(../img/next-prev-black.png);
		}
		#year-selector li span {
			color: #999;
			background-image: url(../img/next-prev-grey.png);
		}
		#year-selector li.prev a, #year-selector li.prev span {
			background-position: 0 1px;
			padding-left: 14px;
		}
		#year-selector li.next a, #year-selector li.next span {
			background-position: 100% -17px;
			padding-right: 14px;
		}


ol.months {}
	ol.months li {
		_zoom: 1;
		border-top: 1px solid #007CC2;
		padding-top: 1em;
	}
	ol.months li.first {
		border: 0;
		padding-top: 0;
	}
	ol.months li:after {
		content: '.'; clear: both; height: 0; display: block; visibility: hidden;
	}
		ol.months h2 {
			font-size: 1.33em;
			line-height: 1.33em;
			float: left;
			width: 120px;
			margin-right: 20px;
			display: inline;
			border: 0;
			text-transform: uppercase;
		}
		ol.months ol {
			float: left;
			width: 400px;
		}
			ol.months ol li {
				border-top: 1px solid #ccc;
				padding-top: 1em
			}
			ol.months ol li.first {
				border: 0;
				padding-top: 0;
			}
					ol.months ol li h3 {
						margin-bottom: 3px;
					}

ol.article-list {}
	ol.article-list li {
		border-top: 1px solid #007cc2;
		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: 120px;
			margin-right: 20px;
			display: inline;
			color: #333;
			border: 0;
			margin-top: 2px;
			font-weight: bold;
		}
		ol.article-list ol {
			float: left;
			width: 400px;
		}
		ol.article-list ol.alt {
			margin-bottom: 7px;
		}
			ol.article-list ol li {
				border-top: 1px solid #007cc2;
				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 li.first {
				border: 0;
				padding-top: 2px;
			}
					ol.article-list ol li h3 {
						padding-bottom: 1px;
						margin-bottom: 8px;
						font-weight: bold;
						text-transform: uppercase;
					}
					ol.article-list ol li h4 {
						padding-bottom: 1px;
						margin: 8px 0;
					}