html, body {
	background-color: black;
	height: 100%;
	font-family: helvetica,arial,sans-serif;
	font-size: 95%;
	font-weight: normal;
	line-height: 160%;
	color: rgb(178,178,178);
}

#logo {
	background-image: url(./../img/ui/logo.png);
	background-repeat: no-repeat;
	font-size: 0;
	margin-top: 110px;
	height: 68px;
}

#container {
	margin: 0 auto 0 auto;
	width: 960px;
	padding: 0 30px 0 30px;
	height: 100%;
}

#divider {
	background-image: url(./../img/ui/dash.png);
	background-repeat: repeat-x;
	margin-top: 3px;
	height: 24px;
}

#main-links {
	position: relative;
	float: left;
	font-size: 120%;
	font-weight: bold;
	line-height: 163%;
	margin-top: -3px;
	width: 240px;
}

#main-links a, .sub-links a {
	color: rgb(76,76,76);
}

#main-links a:hover, .sub-links a:hover {
	color: rgb(178,178,178);
}

.sub-links {
	font-size: 120%;
	font-weight: bold;
	line-height: 160%;
	margin-bottom: 1.5em;
}

#content {
	margin-left: 270px;
/*	width: 700px;*/
}

a {
	text-decoration: none;
	color: rgb(220,220,220);
}

a:hover {
	color: white;
}

a.active {
	color: white !important;
}

p {
	margin-bottom: 1em;
}

#content p, #content h2 {
	width: 540px;
}

p.byline {
	font-weight: bold;
}

h2 {
/*	font-weight: bold;*/
	font-size: 120%;
	color: white;
	margin-bottom: 0.5em;
}

* + h2 {
	margin-top: 2.5em;
	padding-top: 1.25em;
	border-top: solid rgb(39,39,39) 1px;
}

h3 {
	font-size: 120%;
}

* + h3 {
	margin-top: 1.5em;
}

strong {
	font-weight: bold;
}

ul.space-after li {
	margin-bottom: 1.5em;
}

ul.link-list li:before {
	content: "> ";
}

.carousel {
	background-color: rgb(39,39,39);
	width: 688px !important;
	height: 120px !important;
	padding: 1px !important;
}

.carousel li {
	width: auto !important;
}

.carousel img {
	margin-right: 1px;
}

.carousel-buttons {
	height: 19px;
	margin-bottom: 1.5em;
}

.carousel-buttons button {
	border: 0;
	width: 23px;
	height: 15px;
	background-repeat: no-repeat;
}

.carousel-buttons button.prev {
	background-image: url(./../img/ui/prev_button.png);
}

.carousel-buttons button.next {
	background-image: url(./../img/ui/next_button.png);
}

.carousel-buttons button.prev:hover {
	background-image: url(./../img/ui/prev_button_over.png);
}

.carousel-buttons button.next:hover {
	background-image: url(./../img/ui/next_button_over.png);
}

ol.tracklisting {
	margin-bottom: 1em;
	list-style-type: decimal;
	list-style-position: inside;
}

ol.tracklisting a {
	color: rgb(76,76,76);
}

ol.tracklisting a:hover {
	color: rgb(178,178,178);
}

ol.tracklisting lh {
	font-weight: bold;
	color: rgb(220,220,220);
}

.top-rule {
	margin-top: 2.5em;
	padding-top: 1.25em;
	border-top: solid rgb(39,39,39) 1px;
}
