* {
	margin: 0;
	padding: 0;
	}
	body {
		font: small Arial, Helvetica, Verdana, sans-serif;
		text-align: center;
		background: #f3f4ef;
		color: #1c1c1c;
		}
		a {
			font-weight: bold;
			text-decoration: underline;
			color: #000;
			}
			a:hover {
				text-decoration: none;
				}
		img {
			border: 0;
			}
		p {
			margin-bottom: 10px;
			}

/* container */
div#container {
	width: 870px;
	margin: 0 auto;
	text-align: left;
	font-size: 95%;
	padding-bottom: 140px;
	}
	div#header {
		margin-top: 30px;
		padding: 0 10px 0 10px;
		height: 70px;
		}
		div#header h1 {
			margin-bottom: 3px;
			}
		div#header h2 {
			font-size: 90%;
			font-weight: normal;
			color: #898b83;
			}
		div#header p#locales {
			float: right;
			margin-top: 5px;
			text-align: right;
			color: #acacad;
			}
			div#header p#locales span.current {
				color: #60615e;
				font-weight: bold;
				background: url(/gfx/underline-pixel.gif) bottom repeat-x;
				}
			div#header p#locales a {
				color: #acacad;
				font-weight: bold;
				text-decoration: none;
				}
				div#header p#locales a:hover {
					text-decoration: underline;
					}
		div#header ul {
			float: right;
			clear: right;
			list-style-type: none;
			height: 33px;
			line-height: 33px;
			background: url(/gfx/nav-bg.gif) repeat-x;
			}
			div#header ul li {
				float: left;
				display: inline;
				height: 33px;
				background: url(/gfx/nav-button.gif) left no-repeat;
				}
				div#header ul li a {
					display: inline;
					height: 33px;
					line-height: 33px;
					vertical-align: middle;
					padding: 0 15px 0 15px;
					text-align: center;
					color: #8c8d88;
					font-weight: bold;
					background: url(/gfx/nav-button-right.gif) right no-repeat;
					text-decoration: none;
					}
					div#header ul li a:hover {
						text-decoration: underline;
						}
					div#header ul li.current {
						background: url(/gfx/nav-current.gif) left no-repeat;
						}
						div#header ul li.current a {
							color: #f3f5ec;
							background: url(/gfx/nav-current-right.gif) right no-repeat;
							}
					div#header ul li.start {
						background: url(/gfx/nav-start.gif) no-repeat;
						width: 16px;
						}
					div#header ul li.end {
						background: url(/gfx/nav-end.gif) no-repeat;
						width: 16px;
						}
	div#contents {
		margin-top: 30px;
		padding: 0 10px 0 10px;
		color: #1c1c1c;
		}
		div#main {
			width: 550px;
			}
		div#contents div#sidebar {
			float: right;
			width: 275px;
			}
		div#contents h3 {
			margin: 20px 0 7px 0;
			font-size: 140%;
			font-weight: bold;
			color: #525250;
			width: 60%;
			}
		p#credits {
			clear: both;
			margin-top:  32px;
			float: right;
		}
	div#footer {
		padding: 0 10px 0 10px;
		color: #1c1c1c;
		}
/* front page */
	div#flash {
		margin-top: 10px;
		width: 870px;
		background: url(/gfx/flash-bg.gif) no-repeat;
		text-align: center;
		}
	p#soundplayerlinks {
		margin: 10px 10px 4px 0;
		text-align: right;
		}
		p#soundplayerlinks a {
			color: #60615e;
			text-decoration: none;
			}
			p#soundplayerlinks a:hover {
				text-decoration: underline;
				}
			p#soundplayerlinks a.stream {
				padding-right: 22px;
				margin-right: 2px;
				background: url(/gfx/audio.gif) right 50% no-repeat;
				}
			p#soundplayerlinks a.help {
				font-weight: normal;
				}
/* links */
		div#contents ol {
			list-style-position: inside;
			margin-bottom: 10px;
			}
		div#contents ul {
			list-style-position: inside;
			list-style-type: none;
			margin-bottom: 10px;
			}
			div#contents ul li {
				margin-bottom: 2px;
				}
				div#contents ul li ul {
					list-style-type: disc;
					}
				div#contents ul li.list-title {
					list-style-image: none;
					list-style: none;
					font-size: 115%;
					font-weight: bold;
					color: #525250;
					margin-bottom: 3px;
					}
			div#contents ul a {
				text-decoration: none;
				display: inline;
				/*
				padding-right: 12px;
				background: url(/gfx/offsite.gif) right 50% no-repeat;
				*/
				}
				div#contents ul a:hover {
					text-decoration: underline;
					}
/* sound archive */
		div#contents div.archivelist ul {
			list-style-type: disc;
			}
			div#contents div.archivelist ul li {
				margin-bottom: 2px;
				}
				div#contents div.archivelist ul li.year {
					list-style-image: none;
					list-style: none;
					font-size: 115%;
					font-weight: bold;
					color: #525250;
					margin-bottom: 3px;
					}
				div#contents div.archivelist ul li a {
					padding: 0;
					background: none;
					}
		div#contents table caption {
			font-size: 140%;
			font-weight: bold;
			color: #525250;
			text-align: left;
			margin-bottom: 7px;
			}
		div#contents table tr.headers {
			display: none;
			}
		div#contents table th {
			text-align: left;
			width: 70px;
			margin-right: 10px;
			}
		div#contents table td {
			text-align: left;
			margin-right: 10px;
			}
			div#contents table td.sensordate {
				width: 156px;
				font-weight: bold;
				}
			div#contents table td.control {
				width: 90px;
				}
				div#contents table td.control a {
					font-weight: normal;
					color: #525250;
					text-decoration: none;
					}
					div#contents table td.control a:hover {
						text-decoration: underline;
						}
			div#contents table td.minisensor {
				width: 304px;
				}
/* guest book */
			div#contents div.commentform dt {
				font-weight: bold;
				}
			div#contents div.commentform input#comment_name {
				width: 267px;
				padding: 3px;
				border: 1px solid;
				font: medium Arial, Helvetica, Verdana, sans-serif;
				color: #ddded9;
				background: #323231;
				border-color: #e7e8e3;
				border-bottom-color: #fff;
				border-right-color: #fff;
				margin-bottom: 10px;
				}
			div#contents div.commentform textarea#comment_body {
				width: 267px;
				padding: 3px;
				border: 1px solid;
				font: medium Arial, Helvetica, Verdana, sans-serif;
				color: #ddded9;
				background: #323231;
				border-color: #e7e8e3;
				border-bottom-color: #fff;
				border-right-color: #fff;
				margin-bottom: 10px;
				}
			div#contents div.commentform input#comment_captcha {
				width: 267px;
				padding: 3px;
				border: 1px solid;
				font: medium Arial, Helvetica, Verdana, sans-serif;
				color: #ddded9;
				background: #323231;
				border-color: #e7e8e3;
				border-bottom-color: #fff;
				border-right-color: #fff;
				margin-bottom: 10px;
				}
		div#contents div.comment {
			background: #323231 url(/gfx/comment-top.gif) no-repeat;
			color: #ddded9;
			width: 550px;
			margin-bottom: 20px;
			}
			div#contents div.comment p {
				padding: 15px 15px 13px 15px;
				margin: 0;
				}
			div#contents div.comment p.meta {
				height: 30px;
				background: #f3f4ef url(/gfx/comment-bottom.gif) no-repeat;
				padding: 3px 15px 0 52px;
				line-height: 30px;
				vertical-align: middle;
				color: #525250;
				font-weight: bold;
				}
				div#contents div.comment p.meta a {
					font-weight: normal;
					text-decoration: none;
					color: #525250;
					}
					div#contents div.comment p.meta a:hover {
						text-decoration: underline;
						}