/* Flat areas of colour, and a gratuitous typewriter-font heading.
	Degrades reasonably, but looks *much* nicer with Royal Pain.

	A better default?
*/ 

html {
	background-color: rgb(100%, 79%, 19%);
	color: black;
	font-family: Georgia, serif;
}

h1 {
	font-family: "Royal Pain", Courier, monospace;
	font-size: 50pt;
	background-color: rgb(85%, 50%, 20%);
	color: black;
	border-right: 5pt solid black;
	padding-left: 50pt;
	margin: 0pt;
}

h3 {
	background-color: rgb(82%, 65%, 50%);
	color: black;
	border-right: 3pt solid black;
	padding: 5pt;
	font-family: Verdana, sans-serif;
	font-style: italic;
	margin-top: 0pt;
}

h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.menu {
	border-left: 4pt solid black;
	background-color: rgb(70%, 70%, 70%);
	width: 100pt;
	float: right;
	font-family: Verdana, sans-serif;
}

.menu h4 {
	margin: 0pt;
	background-color: rgb(30%, 70%, 40%);
	text-align: center;
}

b {
	background-color: rgb(85%, 50%, 20%);
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#content {
	margin-right: 110pt;
}

.section {
	border-bottom: 1px solid rgb(30%, 20%, 25%);
	margin-bottom: 1em;
}

.recent {
	border: 2pt solid red;
}

address {
	font-family: Verdana, sans-serif;
	text-align: right;
	border-left: 2pt solid black;
	background-color: rgb(80%, 40%, 40%);
}

.music {
	font-weight: bold;
	font-size: small;
	text-align: right;
}

.music span {
	background-color: rgb(85%, 50%, 20%);
	color: rgb(85%, 85%, 90%);
	padding: 0 2px;
}

a:link, a:visited {
	text-decoration: none;
}

a:link {
	color: rgb(55%, 20%, 20%);
}

a:visited {
	color: rgb(40%, 10%, 10%);
}

a:link:hover, a:visited:hover {
	color: rgb(95%, 30%, 20%);
	text-decoration: underline;
}

a:link img, a:visited img {
	border: none;
}

.menu a:link:hover img, .menu a:visited:hover img {
	border-bottom: 2px solid rgb(95%, 30%, 20%);
	margin-bottom: -2px;
}

#logo {
	position: fixed;
	right: 0px;
	top: 0px;
}

.ghosted {
	color: rgb(75%, 75%, 75%);
}