/* @override http://localhost:4567/index.css */

body {
	font: 13px   Tahoma, Verdana, Helvetica, Arial, sans-serif;
	background: #f4f3ee url(formica6943.jpg) fixed;
}
a {
	color: #00A;
	text-decoration: none;
}
h1, h2 {
	text-align: center;
	font-weight: normal;
	text-shadow: 3px 1px 3px #A99;
	margin-top: 64px;
	margin-bottom: 12px;
}
h1 {
	font-size: 300%;
}
p {
	font-size: 120%;
	font-family: "Hoefler Text", "Georgia", "serif";
	text-align: justify;
}

#crate {
	width: 100%; /* needed for centering other elements within */
}

.intro {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.start {
	font-variant: small-caps;
}

table {
	background-color: rgba(255,255,255,0.65);
	border: 1px solid gray;
	margin-left: auto;
	margin-right: auto;
}

#covers td {
	border: 2px solid rgba(255,255,255,0);
}
#covers td:hover {
	border: 2px solid blue;
}
#covers img {
	border: 0;
}

td > p {
	font-size: 100%;
	font-family: "Tahoma", "Verdana", "sans-serif";
}

div.blankCD {
	width: 200px;
	height: 200px;
	background: url(BlankCD.jpg) no-repeat;
	text-align: center;
	vertical-align: top;
	font: 20pt "Bradley Hand ITC TT", "MarkerFelt-Thin", "Marker Felt", "cursive";
	color: black;
	text-decoration: none;
}
div.blankCD > div {
	padding: 24px;	/* for CD titles. Can't put this padding on .blankCD due to stupid IE bugs */
}

#footer {
  text-align: center;
}