/*
 * Album style. The format is like this:
 *
 *      ------------
 *      | T        |
 *      |----------|
 *      | i |   t  |
 *      |---|------|
 *      | p |   d  |
 *      |----   d  |
 *      |  d    d  |
 *      ------------
 * Where T = album title
 *       i = album image / date / link to credits 
 *       p = album itemnumber / price / purchase button
 *       t = album tracks with track links (table.tracks)
 *       d = album description
 */
div.albums div.entry {
	padding-bottom: 1em;
	border-bottom: solid 1px;
	margin-bottom: 1em;
}

/*
 * This is a hack to make <div>s fully encompass photos.
 */
div.albums div.entry:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html div.albums div.entry {height: 1%;}
/* End hide from IE-mac */

div.albums div.entry div.title {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
/* 
 * A width must be specified for the 'misc' section or else things will
 * not be properly aligned until the album cover image is cached. The
 * width should be just enough to accomodate the album plus the border. 
 */
div.albums div.entry div.misc {
	width: 122px; 
	float: left;
	text-align: center;
}
div.albums div.entry div.misc img {
	display: block;
	margin: auto;
}
div.albums div.entry div.misc img.albumimg {
	margin-bottom: 0.5em;
	border: solid 1px;
}
div.albums div.entry div.misc div.clicknote {
	font-size: 80%;
	font-style: italic;
	margin-bottom: 0.5em;
}
div.albums div.entry div.misc div.date {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 0.25em;
}
div.albums div.entry div.misc div.advertised_price {
	font-weight: bold;
	margin-bottom: 0.25em;
}
div.albums div.entry div.misc div.out_of_stock {
	font-weight: bold;
	margin-bottom: 0.25em;
}
div.albums div.entry div.misc div.retailer {
	margin-bottom: 0.5em;
}
div.albums div.entry div.misc div.retailer img {
	border: none !important;
	display: block;
}
div.albums div.entry div.misc div.moreinfolink {
	margin-bottom: 0.25em;
}
div.albums div.entry div.misc div.creditslink {
	font-size: 90%;
	margin-bottom: 0.25em;
}
div.albums div.entry div.misc div.playall_link {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 0.25em;
}
div.albums div.entry div.main {
	margin-left: 125px;
	padding-left: 0.5em;
}
div.albums div.entry div.main table.tracks {
	border: solid 1px;
	border-collapse: collapse;
	margin-bottom: 0.75em;
}
div.albums div.entry div.main table.tracks tbody tr {
}
div.albums div.entry div.main table.tracks tbody tr.even {
}
div.albums div.entry div.main table.tracks tbody tr.odd {
}
div.albums div.entry div.main table.tracks tbody tr td {
	vertical-align: middle;
	border: none;
	border-collapse: collapse;
	border-top: solid 1px;
	border-bottom: solid 1px;
	padding: 2px 4px;
	font-size: 80%;
}
div.albums div.entry div.main table.tracks tbody tr td.track {
	text-align: left;
	padding-right: 1.5em !important;
}
div.albums div.entry div.main table.tracks tbody tr td.track_number {
	padding-left: 0.5em;
}
div.albums div.entry div.main table.tracks tbody tr td.track_title {
}
div.albums div.entry div.main table.tracks tbody tr td.link {
	border-left: none;
	border-right: none;
	border-collapse: collapse;
	text-align: center;
}
div.albums div.entry div.main div.description {
}


/*
 * The extended info popup windows.
 */
body.popup div.title {
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
}
body.popup div.links {
	font-size: 90%;
	text-align: center;
	margin-bottom: 1em;
}
body.popup div.photo {
	text-align: center;
	margin: auto;
}
body.popup div.sub_heading {
	margin-top: 1em;
	margin-bottom: 0.25em;
	font-weight: bold;
}