table {
	border-collapse: collapse;
}


.left td {
  border-bottom: 1px solid #636669;  
}

.left td:first-child {
	padding-left: 2.2em;
} 

.left table {
	width: 100%;
}

tr.current * {
	background-color: #B6F915;
	color: #000;
} 

tr td.artist {
	color: #8b8b8b;
}

.left table a {
	color: inherit;
}

tr.hidden {
  font-style: italic;
}

#detail .header {
	background-color: #B6F915;
	float: left;
	//border: 1px solid red;
} 

#detail .header .artist,
#detail .header .title {
	margin: 0.2em 0;
	color: black;
}

#detail a {
	color: inherit;
}

#detail .header .artist { float: right; margin-right: 3em }
#detail .header .title { float: left; margin-left: 3em }

#detail #packshot {
  background-color: black;
  float: left;
}

#detail #packshot .front { float: left; }
#detail #packshot .back { float: right; }

#detail #packshot img { 
	width: 178px;
	//border: 1px solid red;
	// ugly hardcoded width.. (388-(178*2))/4 
	margin: 0 8px; 
}

#detail .header h1 {
	background-color: transparent;
	display: inline;
	margin: 0;
	padding: 0;
}

#packshot {
    clear: both;
}


div.right {
	float: right;
	clear: right;
	width: 388px;
	margin: 0 2em 1em 2em;
	padding: 0;// 120px 0 0;
}

div.left {
	//float: left;
	//clear: left;
	/* 1024 - 356 - 120 = 548*/
	/* 1024 - 356 = 668*/
	width: 548px;
	padding: 0.02em 0 0 0; //2.2em;
	margin: 0;

}


#dates {
  list-style: none;
  padding-left: 0;
}


#links {
  color: silver;
}

#links a {
  text-decoration: none;
  color: white;
}
 

#release {
  background-color: black;
}

#release p {
  vertical-align: bottom;
  color: white;
  text-align: center;
}

#release img {
  width: 178px;
  height: 178px;
}

div#release {
  #height: 210px;
  padding: 0;
  margin: 0;
  overflow-x: auto;
  overflow-y: auto;
  #width: 100%;
}

#release .front {
  float: left;
}

#release .back {
  float: right;
}

#download {
  background-color: #2A2C29;
}

.right h1 {
  margin-top: 0;
  padding: 0.5em 0em;
  background-color: #D3D3D3;  
  color: #000;
  font-weight: normal;
}

#download table {
  //border: 1px solid red;
  margin: 0 1em;
  padding: 0;
  color: silver;
}

#download td, #download tr {
  margin: 0 0;
  padding: 0 0;
}


#download table th {
  margin: 1em 1em 0 1em;
  padding: 1em 0 0;
  text-align: left;
  color: #B6F915;
  font-weight: normal;
}

#download p, 
#contact p, 
address {
  padding: 0 1em;
}

#contact {
  background-color: #323b42;
}

#contact ul {
  list-style: none; 
  padding: 1em;
}

#contact a {
  color: #7a563f;
  text-decoration: none;
}

#mailinglist {
  border-top: 1px solid #7a563f;
  //padding: 0 1em;
}

#mailinglist form {
  padding: 0 1em 1em;
}

#mailinglist input {
	color: white;
	background-color: #7a563f;
	border: 1px solid #bb6c37;
	font-size: 11px;
}

#mailinglist .submit {
	background: none;
	border: none;
	color: #7a563f;
	text-transform: uppercase;
	font-weight: bold;	
}

address {
  white-space: pre;
  font-style: normal;
}

div #tracks {
	clear: both;
}


#tracks table {
	width: 100%;
}

#tracks td.artist {
	color: #8b8b8b;
}

#tracks a {
	color: inherit;
}

#detail h1 {
	background-color: transparent;
	color: #8b8b8b;
	text-transform: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#detail {
	background-color: #2A2C29;
}

#detail #tracks,
#detail #info {
	padding-left: 1em;
}

#info dt {
	color: #8b8b8b;
}

#info dd {
	margin-left: 0;
}

#info p {
	margin-top: 0;
}

