/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 */

html, body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/* line-height: 18px; */
	color:#888888;
}


/* Text styles */
p{
	text-align:justify;
}

h1, h2, div#divider {
	border-top:solid;
	border-top-width:1px;
	border-top-color:#d7d6d6;
}

h1 a, h2 a, h3 a, h4 a, h5 a{
	text-decoration:none;
}

h1, h2 {
	margin-top: 0px;
	padding-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-weight:lighter;
}

h1 {
	font-size:24px;
	color:#232323;
}

h2 {
	color:#b1b0b0;
	font-size:16px;
}

h3, h5 {
	margin: 0px;
	padding: 0px;
	
	color:#616161;
}

h3 {
	font-size:12px;
	font-weight:Bold;
}

h4 {
	font-size:12px;
	font-weight:bold;
	color:#232323;
	margin:0;
	padding-bottom:0;
}

h4 a{
	color:#232323;
}

h5 {
	font-size:11px;
	font-weight:bold;
}

h6 {
	font-size:11px;
}


.landingRelease, .landingReleaseSmall {
	color:#616161;
	font-size:12px;
	font-weight:bold;
}
.landingReleaseSmall, .footNote {
	font-size:10px;
}

.date {
	color:#d8a94a;
	font-weight:normal;
	padding-bottom:10px;
}

.more {
	padding-top:10px;
	padding-bottom:10px;
}

a:link, a:visited, a:hover, a:active{
	color:#d8a94a;
}

.basicLink, .basicLink a:link, .basicLink a:visited, .basicLink a:hover, .basicLink a:active{
	color:#d8a94a;
}

.more a:link, .more a:visited, .more a:hover, .more a:active{
	text-decoration:none;
	color:#616161;
	padding-top:10px;
	padding-bottom:10px;
}


.newsTitle, .releaseArtist{
	margin-bottom: 0px;
	padding-bottom:0px;
	line-height:70%;
	padding-top:20px;
}

.releaseTitle{
	border-top:none;
	padding:0px;
	margin:0;
}

div#releaseDate{
	color:#232323;
	font-weight:bold;
	font-size:10px;
	margin:0;
	height:40px;
	line-height:60%;
}

fieldset {
	border:1px solid #e9e9e9; 
	padding:5px;
	color:#888888;
}

/* Pagination Style */
div#pagination {
	padding-top:12px;
	padding-bottom:24px;
}

div#pagination strong, div#pagination a{
	padding-bottom:4px;
	padding-top:4px;
	padding-left:6px;
	padding-right:6px;
}

div#pagination strong{
	font-weight:bold;
	color:#ffffff;
	background-color:#c4c4c4;
}

div#pagination a {
	color:#9b9b9b;
	background-color:#f2f2f2;
	text-decoration:none;
}

/* DIV styles */
div#container {
	position:absolute; /* needed for footer positioning*/
	top:0;
	left:0;
	/*height:auto !important; real browsers */
	width:100%;
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
html>body div#container { height : auto; }
div#sub-container {
	position: relative;
	width: 960px; /* change to suit width of content */
	height: auto;
	padding: 0 0 40px 0; /* change bottom padding to give space between footer and content */
	margin: 0 auto;
}

div#divider{
	padding-top: 20px;
	margin-bottom: 0px;
}

div#header {
	height: 125px;
}

div#menuContainer {
	padding-top:50px;
}

/* Regular grid box*/
div#gridBox {
	margin-bottom:20px;
	width:300px;
}

div#gridBoxImage{
	float:left; 
	display:inline; 
	width:160px
}

div#gridBoxImage img{
	width:140px;
	height:140px;
}

div#gridBoxInfo{
	width:140px; 
	height:140px; 
	float:left; 
	display:inline;
}

div#gridBoxInfo div#infoTop{
	height:105px;
}

div#gridBoxInfo div#infoShopTop{
	height:85px; 
}

div#gridBoxInfo div#infoBottom{
	height:30px; 
	border-bottom-style:solid; 
	border-bottom-color:#000; 
	border-bottom-width:5px;
}

div#gridBoxInfo div#infoShopBottom{
	height:50px; 
	border-bottom-style:solid; 
	border-bottom-color:#000; 
	border-bottom-width:5px;
}


div#gridBoxInfo a {
	text-decoration:none;
}

/* Smaller grid box*/
div#gridBoxSmall {
	margin-bottom:20px;
	float:left;
	display:inline;
	width:255px;
}

div#gridBoxSmall div#gridBoxImage{
	width:90px
}

div#gridBoxSmall div#gridBoxImage img{
	width:80px;
	height:80px;
}

div#gridBoxSmall div#gridBoxInfo {
	width:140px; 
	height:80px; 
	float:left; 
	display:inline;
}

div#gridBoxSmall div#infoTop {
	height:58px;
}

div#gridBoxSmall div#infoBottom {
	border-bottom-style:none; 
}

/* Main page items */
div#menu {
	height:25px;
	background-color:#212121;
}

div#innerColumn {
	width:510px;
}

div#footerContainer {
	position:absolute;
	bottom:0; /* if raising the height of the footer, update this as well*/
	left:0;
	width:100%;
}

div#footer {
	/* if raising the height of the footer, update div#footerContainer bottom as well*/
	padding:1em;
	font-size:10px;
	background-color:#e9e9e9;
	padding-left:10px; 
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
}

div#spacer {
	height:20px;
}

div#userSettings {
	float:right; 
	display:inline; 
	padding-right:15px;
	padding-top:6px;
}

/*       Lists            */
.menuList, .newsList, .reviews, .releaseDetails, .buttonList, .tagList, .footerList{
	list-style:none;
	margin:0; 
	padding:0;
}

.trackList {
	list-style:none;
	margin:0; 
	padding:0;
}

.menuList, .footerList{
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
}
.menuList li, .footerList li{
	display:inline;
	color:#626161;
	font-size:11px;
	font-weight:bold;
}

.menuList li a:link, .menuList li a:visited, .menuList li a:hover, .menuList li a:active, .footerList li a:link, .footerList li a:visited, .footerList li a:hover, .footerList li a:active{
	text-decoration:none;
	color:#b1b0b0;
	font-size:11px;
	font-weight:bold;
}

.menuSeperator{
	padding-left:10px;
	padding-right:10px;
	color:#d8a94a;
}

.footerList {
	padding-top:0px;
}

.footerList li{
	padding-right:10px;
}

.newsList a{
	text-decoration:none;
}

.reviews li{
	padding-bottom:20px;
}

.buttonList{
	margin-top:14px;
	margin-bottom::14px;
}

.buttonList li {
	height:20px;
	margin-bottom:2px;
	display:block;
}

.releaseDetails .title{
	color:#616161;
	width:70px;
	float:left;
	font-weight:bold;
}
.trackList li {
	padding-bottom:2px;
	font-weight:100;
	color:#9b9b9b;
}
.trackList li .trackID, .trackList li .filePrefix {
	width:30px; 
	display:inline; 
	float:left
}
.trackName {
	display:inline-block;
	width:190px;
}
.trackList .title{
	font-weight:bold;
	font-size:12px;
	color:#9b9b9b;
	width:30px;
	float:left;
}

.headlinesList{
	padding:0px;
	margin-left:15px;
}

.headlinesList li{
	padding-bottom:5px;
	list-style:square;
	color:#d8a94a;
}

.headlinesList li a:link, .headlinesList li a:visited, .headlinesList li a:hover, .headlinesList li a:active, 
.tagList li a:link, .tagList li a:visited, .tagList li a:hover, .tagList li a:active
{
	text-decoration:none;
	color:#616161;
	font-size:11px;
}

.headlinesList li a:hover, .tagList li a:hover {
	text-decoration:underline;
}

.bulletList {
	padding-left:15px;
	padding-right:15px;
	list-style:outside;
}

.bulletList li{
	padding-bottom:10px;
	font-style:italic;
}

/*     GENERAL:  Page Elements             */
div#searchBar {
	margin-bottom:60px;
}

div#searchBar ul, div#searchBar li{
	display:inline;
	border:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

div#searchBar li{
	padding-right:10px; 
}


img{
	border:none;
}

div#readReview{
	color:#d8a94a; 
	margin:0px;
	font-size:11px;
}

div#readReview a{
	text-decoration:none;
}

div#quote{
	width:350px; 
	font-style:italic; 
	color:#b9b7b7; 
	text-align:justify
}

.inlineLink, .inlineLinkH1{
	float:right; 
	position:relative; 
	top:-40px;
	padding-left:10px;
	text-decoration:none;
}

.inlineLinkH1{
	top:-46px;
}

/* Buttons */
.buttonOne, .buttonTwo, .buttonOrder, .buttonFake {
	padding:4px; 
	padding-left:10px; 
	padding-right:10px; 
	background-color:#e9e9e9; 
	color:#8d8b8b; 
	font-size:10px; 
	font-weight:bold; 
	text-decoration:none;
	line-height: 25px;
}

.buttonTwo, .buttonFake {
	background-color:#c4c4c4; 
	color:#fff;
}

.buttonOrder {
	background-color:#d8a94a;
	color:#000;
}

.buttonOrder:hover{
	background-color:#ffc755;
}

.buttonOne:hover{
	background-color:#999;
	color:#fff;
}

.buttonTwo:hover{
	background-color:#e9e9e9;
	color:#000;
}

.buttonThree{
	background-color:#c4c4c4; 
	border:none;
	height:20px;
	color:#fff;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.plainLink{
	text-decoration:none;
}

/* MEDIA */
.media {
	padding-top: 2px;
	padding-bottom: 6px;
}

/* INPUT */
.submit, .submitPurchase {
	border:none;
	padding:3px; 
	padding-left:10px; 
	padding-right:10px; 
	background-color:#e9e9e9; 
	color:#8d8b8b; 
	font-size:10px; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	cursor:pointer;
}

.submitPurchase {
	background-color:#d8a94a;
	color:#000;
}

.submit:hover{
	background-color:#999;
	color:#fff;
}

.submitPurchase:hover{
	background-color:#ffc755;
}