html {
	background-color:#000;
	color: #00ff33;
	font-family:'Coda', sans-serif;
}
body {
	margin:8px 0;
}
h1 {
	text-align:center;
	margin-bottom:4px;
}
body > h3 {
	text-align:center;
	margin-bottom:5px;
	font-size:1.5em;
}
body > h3:before {
	display:block;
	content:"Current time:";
	font-size:60%;
}
#cal {
	font-size:70%;
	font-weight:normal;
}
.septicycle {
	text-align:center;
}
.btn {
	position:fixed;
	top:50%;
	margin-top:-75px;
	height:150px;
	width:50px;
	font-size:250%;
	text-align:center;
	line-height:145px;
	background-color:#333;
	cursor:pointer;
}
.current .past,
.show-past .past-toggle {
	display:none;
}
.current.show-past .past {
	display:list-item;
}
#next {
	right:0;
}
h3 {
	font-size:200%;
	margin:0.4em 0;
}
h4 {
	text-align:center;
	color:#009933;
	margin-top:4px;
}
h4 > a, h4 > a:visited, h4 > a:active {
	color:#009933;
	font-weight:normal;
}
h4 > a.active {
	color:#00ff33;
	font-weight:bold;
}
ul {
	padding-left:0;
}
li {
	list-style-type:none;
}
.time {
	font-weight:bold;
	font-size:140%;
}
.past,
.past-toggle {
	color:#009933;
}
.next {
	font-size:150%;
}
.past-toggle {
	text-decoration:underline;
	cursor:pointer;
}
.upcoming {
	color:#00cc33;
}