/* @override http://www.darolanger.com/styles/home-new.css */
/* Layout */
#buttons {
	margin-left: 20%;
	padding: 0.5em 1em;
}
#homepage #main  {
	margin: 0 1em 0 23%; /* space for #leftcol */
}
#news {
	width: 50%;
	float: left; 
}
#homepage #side {
	width:  45%;
	float: right;
}
/* News */
#news h1 {
	font-size: 2.5em;
	margin: 1em 0 0.5em 0;
}
#homepage #updated, #homepage .updated {
	font-size: 0.75em;
	font-weight: normal;
	font-style: italic;
}
/*  Side */
#side h2 {
	font-size: 1.67em;
}
#side ol, #side ul, #side dl {
	padding: 0;
	margin: 0 0 1em 0;
	list-style: none;
}
p.more {
	margin: 1em 0;
	font-size: 1.125em;
}
.more a:after {
	content: " \00BB";
}
#comingup dl {
	margin: 0;
	line-height: 1.2;
}
#comingup dt {
	width: 4em;
	margin: 0.5em 0 -1.2em 0;
	text-align: right;
}
#comingup dd {
	margin: 0 0 0.5em 5em;
}
#newstuff ul {
	overflow: hidden;
}
#newstuff li {
	float: left;
	width: 25%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#newstuff li img {
	display: block;
	max-width: 90%;
}
#videos h2 {
	border: none;
	padding: 0;
}
#videos ul {
	display: block;
	overflow: hidden;
	background: black;
	padding: 0.25em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}
#videos li {
	display: block;
	float: left;
	height: 8.5em;
	padding: 0 0.25em 0 0.25em;
	margin: 0;
}
#videos li a {
	display: block;
}
#videos li a img {
	border-color: transparent;
}
#play {
	display: block;
	width: 100%;
	margin: 1em 0;
}
#tune-box h2 {
	border: none;
	padding: 0;
}
#tune-box li {
	margin: 0.2em 0;
}
#tune-box table {
	width: 99%;
	table-layout: fixed;
	margin: 0;
	font-size: 0.875em;
}
#artists, #tunes { 
	width: 40%;
}
#samples {
	width: 20%;
}
#tune-box td, #tune-box th {
	padding: 0.25em 0.5em;
}

/*  Button menu  */
#buttons {
	position: static;
	overflow: hidden;
	background: black;
}
#buttons-menu, #buttons li, #buttons a, #buttons .title {
	margin: 0;
	padding: 0;
}
#buttons li {
	display: block;
	width: 20%;
	float: left;
	margin: 0;
}
#buttons a {
	display: block;
	position: relative;
	width: auto;
	height: 8em;
	/* Mac IE-5 uses padding-top, not HEIGHT; see ie5mac.css */
	background-color: black;
	background-position: center;
	background-repeat: no-repeat;
}
#buttons li+li a {
	border: 1px dashed white;
	border-width: 0 0 0 1px;
}
#buttons a, #buttons a:hover {
	text-decoration: none;
}
#buttons .title { /* at the bottom of the anchor box */
	display: block;
	position:  absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0.5em 0 0 0;
	color: white;
	background: black;
	line-height: 1;
	font-size: 1.35em;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 2px 1px black;
}
html>body #buttons .title {
	/* Not for IE6 */
	background: transparent url(../bg/black.png) repeat-x top;
}
#b1 a{ background-image: url(/images/rotate/darol/rotate.php);}
#b2 a{ background-image: url(/images/rotate/afe/rotate.php);}
#b3 a{ background-image: url(/images/rotate/duo/rotate.php);}
#b4 a{ background-image: url(/images/rotate/psycho/rotate.php);}
#b5 a{ background-image: url(/images/rotate/concerts/rotate.php);}