body
{
	font-family: Verdana, Sans-serif;
	font-size : 7pt;
	background: #ded8c4 url(background.png);
}

table.table {
  border: solid 1px #eaddbb;
  background: #f7f7ef;
}

table.table thead td,
table.table th {
	text-align: left;
	background: #eaddbb;
}

table.table tr.even {
	background: #f7f7ef;
}

table.table tr.odd {
	background: #f0e9cc;
}

table.table td,
table.table th {
	padding: 2px;
  color: #6e6752;
}

table#shadow
{
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
table#shadow tr#top td.left
{
	height: 8px;
	width: 8px;
	background: url(shadow-top-left.png);
}
table#shadow tr#top td.center
{
	height: 8px;
	background: url(shadow-top-center.png);
}
table#shadow tr#top td.right
{
	height: 8px;
	width: 8px;
	background: url(shadow-top-right.png);
}
table#shadow tr#middle td.left
{
	width: 8px;
	background: url(shadow-middle-left.png);
}
table#shadow tr#middle td.right
{
	width: 8px;
	background: url(shadow-middle-right.png);
}
table#shadow tr#bottom td.left
{
	height: 8px;
	width: 8px;
	background: url(shadow-bottom-left.png);
}
table#shadow tr#bottom td.center
{
	height: 8px;
	background: url(shadow-bottom-center.png);
}
table#shadow tr#bottom td.right
{
	height: 8px;
	width: 8px;
	background: url(shadow-bottom-right.png);
}

table#main_table
{
	width: 840px;
	background-color: white;
}
table#main_table td
{
	vertical-align: top;
}

table#main_table td#logo div
{
	width: 830px;
	height: 120px;
	margin: 5px;
	margin-bottom: 0;
	background: white url(logo.jpg) no-repeat;
	color: black;
	font-size: 28pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;
}

table#main_table td#menu div#container
{
	margin-top: 5px;
	margin-left: 5px;
}
table#main_table td#menu div#container table div.menuitem
{
	margin-right: 5px;
	background-color: #b7af9c;
	border: 1px solid #000;
}
table#main_table td#menu div#container table div.menuitem div
{
	margin: 1px;
	padding: 5px;
	background-color: #807a60;
	text-align: center;
}
table#main_table td#menu div#container table div.menuitem a
{
	font-size: 10pt;
	color: #ede8d4;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

div.content
{
	margin: 5px;
	background-color: #fdf5ea;
	border: 1px solid #e4e0bb;
}
div.content div
{
	margin: 1px;
	padding: 5px;
	background-color: #f3eeda;
}
td#main_cell div.content
{
	margin-right: 0px;
}
td#main_cell div.content div#main
{
	width: 600px;
}
td#main_cell div.content div div.box, td#main_cell div.content div#main div.box2
{
	line-height: 1.4;
	border: solid 1px #eaddbb;
	background: #f7f7ef;
	padding: 4px;
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	opacity: .65;
	-khtml-opacity: .65;
}
td#main_cell div.content div div.request
{
	line-height: 1.4;
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	opacity: .65;
	-khtml-opacity: .65;
}
td#main_cell div.content div div.even {
	background: #f7f7ef;
}

td#main_cell div.content div div.odd {
	background: #f0e9cc;
}
td#main_cell div.content div div.box h2, div.box h3, td#main_cell div.content div div.box2 h2, div.box2 h3
{
	margin-top: 0;
}
td#main_cell div.content div div.box a
{
	text-decoration: none;
	font-weight: bold;
}
td#main_cell div.content div#main div.request a
{
	text-decoration: none;
	font-weight: bold;
}

td#shoutbox_cell div.content div#shoutbox
{
	width: 196px;
}

.list a, div#shoutbox p a, div.box2 p a, a.clear
{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
	margin-bottom: 0.5em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	text-decoration: none;
}

p
{
	margin-top: 0.5em;
	margin-bottom: 0.9em;
}

h1
{
	font-size: 13pt;
}

h2
{
	font-size: 10.5pt;
}

h3, h4, h5, h6
{
	font-size: 9pt;
}

.title,
.title a
{
	margin-top: 0;
	margin-bottom: 0;
	color: #807a60;
}

.grayed
{
	color: #928b6e;
}

.grayed
{
	color: #928b6e;
}

a
{
	color: #807a60;
}
a:visited
{
	color: #928b6e;
}
a:hover
{
	color: #6e6752;
}

div#copy
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div#copy a
{
	text-decoration: none;
}

.list, p.tracklist
{
	line-height: 12pt;
  margin-bottom: 0;
}

p.tracklistinfo
{
	line-height: 13pt;
}

p.tracklist
{
	margin-left: 1em;
}

img
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.commentButton
{
	border: 1px solid #306c90; /* HSL 144 128 96 */
	padding: 1pt;
}

div.breadcrumbmenu
{
        margin: 5px 5px 0 5px;
        background-color: #fdf5ea;
        border: 1px solid #e4e0bb;
	color: #807a60;
}

div.breadcrumbmenu div
{
	margin: 1px;
	padding: 0px;
	background-color: #f3eeda;
}
div.breadcrumbmenu div ul{margin: 0; padding: 0; height: 30px; }
div.breadcrumbmenu div ul li{list-style:none; float:left; display:inline;}
div.breadcrumbmenu div ul li a{font:10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; line-height:30px; display:block; }
div.breadcrumbmenu div ul li a:after{font-weight:bold; content: ">";}
div.breadcrumbmenu div ul li a span{padding:0 10px 0 8px; }
div.breadcrumbmenu div ul li a:hover span{text-decoration:underline;}
div.breadcrumbmenu div ul li a.active:hover{color: #807a60;}
div.breadcrumbmenu div ul li a.active:hover span{text-decoration:none;}
div.breadcrumbmenu div ul li a.active:after{content: none;}

/* text-overflow fix */
#shoutbox p {
	width: 196px;
	overflow: auto;
	word-wrap: break-word;
}
.shortlist {
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 295px;
	z-index: 1;
	position: relative;
}
.shortlist:hover {
	overflow: visible;
	z-index: 100;
}
.shortlist a {
	background: #F3EEDA;
	padding: 3px;
	margin: -3px;

}

p.credits {
  margin: 1em 0 0 0;
}