/*
// DISCOGRAPHY LISTING
// Used by ListRecordings() function
<div class="List">
	<div class="ListItem">
		<div class="ListCategoryLeft">78 rpm Albums</div>
		<div class="ListTitleIndented">Voice of the Xtabay</div>
		<div class="ListThumb"><img src="/internals/viewers/show_image.php?ID=177&Type=2" width="50"></div>
		<div class="ListSubTitle">catalog no: CD-244</div>
		<div class="ListDescription">This was Yma Sumac's first album.</div>
	</div>
</div>

// LATEST UPDATES LISTING
<div class="List">
	<div class="ListItem">
		<div class="ListTitle">Legend of the Sun Virgin
			<div class="ListCategoryRight">Discography</div>
		</div>
		<div class="ListThumb"><img src="/internals/viewers/show_image.php?ID=139&Type=2" width="50"></a></div>
		<div class="ListSubTitle">(updated Friday, January 31st, 2014)</div>
		<div class="ListDescription">Original release of Yma Sumac's second album.</div>
	</div>
</div>
*/

/* full listing aligned to left */
.List {
	position: relative;
	float: left;
	margin: 0 0 0 0;
}

/* applied to each item in a listing */
.ListItem {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 35px 0;
}

/* titles indented from left */
.ListTitleIndented {
	position: relative;
	z-index: 101;
	margin-left: 65px; 
	margin-bottom: 10px;
}

/* titles aligned to left */
.ListTitleLeft {
	position: relative;
	z-index: 101;
	margin-left: 0px; 
	margin-bottom: 10px;
}

/* category aligned to left */
.ListCategoryLeft {
	position: relative;
	z-index: 102;
	font-weight: bold;
	margin-left: 0; 
	margin-bottom: 10px;
}

/* For search results and news listings NEST DIV WITH .ListTitle or .ListTitleLeft*/
.ListCategoryRight {
	position: relative;
	float: right;
	z-index: 102;
	text-transform: lowercase;
	color: #000000;
	text-align: right;
	font-weight: bolder;
	margin: 0 0 0 0;
}

/* subcategory (ie.: cat. no. or date updated) spaced from left */
.ListSubTitle {
	position: relative;
	font-size: 8pt;
	margin: 0 0 5px 65px;
}

/* description spaced from left */
.ListDescription {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 65px;
}

/* thumbnails indented from left */
.ListThumb {
	position: relative;
	float: left;
	z-index: 100;
	margin: 0 10px 0 65px;
}

.LeftThumb {
	position: relative;
	float: left;
	z-index: 100;
	margin: 0 10px 0 0;
	padding-right: 5px;
}

/* Pagination Container */
.Pagination {
	position: relative;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	width: auto;
	text-align: center;
	text-transform: none;
	margin-bottom: 10px;
}

/* Pagination Links */
.PaginationHL {
	position: relative;
	font-family: inherit;
	font-size: inherit;
	font-weight: bolder;
	color: inherit;	
	text-align: center;
	text-transform: none;
}