/*
	CSS file for Sacred Bones Records
	Author:	David Correll
					http://www.davidcorrell.net/

*/

/* 	

	*** Primary Stylesheet ***
	---------------------------------------------------------------------


	*** Color Palette ***
	---------------------------------------------------------------------    
	Primary burgundy:	#3a0c0e
	Mid burgundy: 		#300d0b
	Dark burgundy:		#2b0b05
	Tan:							#bcab88

*/



/* Body & Global
------------------------------------ */
* {
	margin: 0;
	padding: 0;
}            

body {
	font-size: 62.5%;
	background-color: #3a0c0e;     
}   

h1#logo {         
	margin: 5px 10px;
	float: left;
	width: 120px;
	background: transparent url(../images/global/logo.gif) top left no-repeat;
}                                                                          

	#logo a {
		display: block;
		width: 100px;
		height: 100px;  
		overflow: hidden;
		text-indent: -9999px;
	}
  
h2 {        
	margin-bottom: 1.4em;
	font: bold 1.2em Helvetica, Arial, sans-serif;
	color: #fff;
}

p, li {                                        
	margin-bottom: 1.417em;
	color: #bcab88;
	font: 1.2em Helvetica, Arial, sans-serif;
	line-height: 1.417em;
} 

ul {
	
}
                                  
a:link		{ color: #fff; text-decoration: none; }
a:visited	{ color: #fff; text-decoration: none; }
a:hover		{ color: #fff; text-decoration: underline; }
a:active	{ color: #fff; text-decoration: underline; }           

img {
	border: none;
}

cite {
	font-style: normal;
}



/* Structure
------------------------------------ */
#super-container { 
	margin: 0 auto;
	width: 700px;  
}         

	#container {   
		margin-top: 20px;
		float: left;
		width: 700px;      
	}
	
		#header {                                                            
			float: left;
			width: 700px;
			background-color: #bcab88;       
		}             
		
		#content {    
			padding-top: 10px;
			clear: left;                                                         
			float: left;
			width: 700px;  
		}                                                        
		
		.two-column #content { background: transparent url(../images/global/two-column-wide.gif) top left repeat-y; }
		.one-column #content { background: #300d0b; }
		
			#left-col {
				width: 500px;
				float: left;
			}
			
			#single-col {
				width: 700px;
				float: left;
			}
			
				.contentblock {
					margin: 10px 10px 0 10px;
					width: 380px;
					float: left;
				}
				
				#left-col .contentblock 	{ width: 470px; }
				#right-col .contentblock 	{ width: 160px; margin-left: 20px; }
				#footer .contentblock 		{ width: 330px; }
				#single-col .contentblock { width: 680px; }
				
					.data-object {
						margin-bottom: 2em;
						float: left; 
						clear: left;
						border-bottom: 1px solid #bcab88;
					} 
					
					  .data-object form {
							clear: left;
						}
					
						.data-object form div {
							margin-right: 5px;
						}
				
					#left-col .data-object {
						width: 470px;
					}                 
					
					#right-col .data-object {
						width: 160px;
					}                 
					
						.data-object img {
							margin: 0 15px 5px 0;
							float: left;
						}
			
					  .data-object h3,
					 	.data-object h4 {
							color: #bcab88;
							font: normal 1.2em Helvetica, Arial, sans-serif;
							line-height: 1.4em;
						}               
						
						.data-object h5 {
 							color: #bcab88;
 							font: bold 1.2em Helvetica, Arial, sans-serif;
							line-height: 1.4em;
						}
						
							.data-object h3 a:link,
							.data-object h4 a:link 			{ color: #fff; text-decoration: none; }
							.data-object h3 a:visited,
							.data-object h4 a:visited 	{ color: #fff; text-decoration: none; }
							.data-object h3 a:hover,
							.data-object h4 a:hover	 		{ color: #fff; text-decoration: underline; }
							.data-object h3 a:active,
							.data-object h4 a:active 		{ color: #fff; text-decoration: underline; }
						
						.data-object h3 {
							font-weight: bold;
						}         
						
						.data-object form {
/*							clear: left;*/
						}
						
							.purchase-options {
								width: 470px;
								float: left;
							}
							
								.special-edition {
									margin: 7px 0;
									padding: 7px 0;
									border-top: 1px dotted #666;
									border-bottom: 1px dotted #666;
								}
								
									.special-edition p {
										margin-bottom: 0;
									}
						
			#right-col {
				width: 200px;
				float: left;
			}
					
		#footer {  
			padding-bottom: 20px;
			clear: left;
			float: left;
			width: 700px;
		}  
		
#promospace, #minipromo {
	margin: 10px;
	width: 470px;
	float: left;
}

	#promospace img {
		margin: 0;
		float: none;
	}

	.promosplit {
		margin-right: 10px;
		width: 230px;
		float: left;
	}
	
		.heroimage {
			margin-bottom: 0px;
		}
	
		.promosplit h3 {
			margin-bottom: 0;
			font: bold 1.2em Helvetica, Arial, sans-serif;
			color: #fff;
		}
	
		.promosplit ul {
			margin-bottom: 1.4em;
			list-style: none;
		}
		
			.promosplit li {
				margin-bottom: 0;
			}
			
.pagination {
	margin-bottom: 1.417em;
	clear: left;
	width: 470px;
	float: left;
	border-bottom: 1px solid #bcab88;
}

	.pagination ul {
		margin-bottom: 0;
		list-style: none;
		float: left;
		width: 470px;
	}
	
		.pagination li {
			margin-bottom: 5px;
			margin-right: 1px;
			display: inline;
			float: left;
		}
		
			.pagination-title {
				padding: 3px 7px 1px 0;
			}
			
			.pagination li a {
				padding: 3px 7px 1px 7px;
				float: left;
			}
			
		.pagination li a:hover,	
		.pagination .current a {
			background: #4c2d24;
			text-decoration: none;
		}
			


/* Footer
------------------------------------ */
#global-mailinglist p {
	margin-bottom: 0;
}

##global-mailinglist .mc-field-group {
	display: inline !important;
}

#global-mailinglist .submit-container {
	margin-left: 0;
	float: left;
	width: 70px;
}

#footer .addtocart {
	margin-top: 5px;        
	margin-bottom: 5px;
	padding: 2px 2px 1px 2px;
	color: #3a0c0e;
	cursor: pointer;
	background: #bcab88 url(../images/global/button.gif) 0 50% repeat-x;
	font: bold 1.2em Helvetica, Arial, sans-serif;
	border: none;   
	text-align: right;
}




/* Release pages
------------------------------------ */
#cover-art {  
	margin-right: 20px;
	margin-bottom: 15px;
	padding-top: 8px;
	width: 225px;
	float: left;
	border-top: 1px solid #bcab88;
}

	#cover-art img {
		margin-bottom: 5px;
	}

	#payment {       
		border-top: 1px solid #bcab88;
/*		background: #2b0b05;*/
		width: 225px;
		float: left;
	}
	
		.payment-block {  
			padding: 5px 0;
			width: 225px;
			float: left;
			clear: left;
			border-bottom: 1px dotted #bcab88;
		}
		
		.payment-block:hover {
			background: #2b0b05;
		}
		
		.edition-price p {
			margin-bottom: 0;
			font-size: 1.4em;
		}
	
		.price { 
			margin: 10px 10px 10px 5px;
			float: left;
			width: 45px;
			font: bold 1.4em Helvetica, Arial, sans-serif;
		}

		.paypal {
/*			text-align: right; */
/*			float: right;    */
			float: left;
			width: 215px;
		}

			.paypal .soldout {
				padding-top: 8px;
				font-weight: bold;
			}
			
.buydigital {
	list-style: none;
}

	.buydigital li {
/*		margin-top: 5px;*/
/*		margin-bottom: 5px;*/
		margin-bottom: 0;
	}
	
		.buydigital li a {
/*			padding-left: 20px;*/
/*			display: inline-block;*/
		}
		
/*		.othermusic a	{ background: transparent url(../images/global/mp3-othermusic.png) top left no-repeat; }*/
/*		.emusic a			{ background: transparent url(../images/global/mp3-emusic.png) top left no-repeat; }*/
/*		.itunes a			{ background: transparent url(../images/global/mp3-itunes.png) top left no-repeat; }*/
/*		.amazon a			{ background: transparent url(../images/global/mp3-amazon.png) top left no-repeat; }*/
/*		.lala a				{ background: transparent url(../images/global/mp3-lala.png) top left no-repeat; }*/

#release-info {
	width: 425px;
	float: left;
} 

#release-title {   
	margin-left: 0px;
	margin-bottom: .5em;
	padding: .4em 5px;
 	border-top: 1px solid #bcab88;
} 

	#release-title h2 {
		margin-bottom: 0;
		font: 1.8em "Helvetica Neue", Arial, sans-serif;
	}
		
	#release-title h2.artist {
		font-weight: bold;
	}  
	
	#release-title h2.title {
		font: italic 1.8em Georgia;
	}

.release-meta {        
	margin-bottom: 1.4em;
	padding-top: .5em;
	border-top: 1px dotted #bcab88;
	border-bottom: 1px solid #bcab88;
} 

	.release-meta table {               
		margin-bottom: 1.4em;
		width: 425px;
		color: #bcab88;
		border-collapse: collapse;
	 	font: 1.2em "Helvetica Neue", Arial, sans-serif;
	}           
	
	.release-meta table.last {
		margin-bottom: .5em;
	}  
  
		.release-meta th,
		.release-meta td {
			padding: .25em 1em .334em 5px;
			vertical-align: top;
		} 
	
		.release-meta th {
			text-align: left; 
			width: 100px;         
/*			font-weight: normal;*/
/*			text-align: right;*/
		}
		
		.release-meta .odd {
			background-color: #2b0b05;
		} 
		
		.release-meta ol {  
			margin-left: 1.5em;
		}            
		
			.release-meta ol li {
				margin-bottom: 0;
				font-size: 1em;
/*				line-height: 1.417em;*/
			}
		
#release-description {
/*	margin-left: 245px;*/
/*	clear: left;*/
}





/* Forms
------------------------------------ */
form div {
/*	margin-bottom: 2em;*/
}

#paypal form div {
	margin-bottom: 0;
}

.addtocart {      
	color: #3a0c0e;
	cursor: pointer;
	background: #bcab88 url(../images/global/button.gif) 0 50% repeat-x;
	font: bold 1.2em Helvetica, Arial, sans-serif;
	margin-top: 5px;        
	margin-bottom: 5px;
	padding: 5px 5px 3px 5px;
	border: none;   
	text-align: center;
}

.addtocart:focus {
	background: #fff;
}

#paypal .addtocart {
	font-size: 1.4em;
}		             

.addtocart:hover {
/*	background-color: #3a0c0e;*/
	color: #000;
	background: #fff;
/*	border: 1px solid #fff;*/
}

#main-nav {   
	margin-top: 80px;
	float: left;
	width: 550px;
	text-align: right;
}          

	#main-nav ul {
		float: left;
		width: 550px;
	} 
	
		#main-nav ul li {
			margin-bottom: 5px;
			float: right;
			display: inline;
			font: bold 1.2em "Helvetica Neue", Arial, sans-serif;
		}
		
			#main-nav ul li a {
				padding: 1px 6px;
				float: left;
			} 
			
			#main-nav ul li a:hover {
				background-color: #97896d;
				text-decoration: none;
			}

	#main-nav div {
		margin-bottom: 0;
	}

	#main-nav #view-button {
		padding: 0 4px;
		border: none;
		cursor: pointer;
		background: transparent;
		color: #fff;
		font: bold 1em "Helvetica Neue", Arial, sans-serif;
	}
	
	#main-nav #view-button:hover {
		background-color: #97896d;
	}
		
.mc-field-group {
	margin-bottom: 1.417em;
	float: left;
	width: 470px;
	clear: left;
}

	label {
		margin-right: 10px;
		padding-top: 5px;
		color: #bcab88;
		font: bold 1.2em "Helvetica Neue", Arial, sans-serif;
		line-height: 1.417em;
		display: block;
		width: 100px;
		float: left;
	}
	
	#footer label {
/*		margin-right: 10px;*/
/*		padding-top: 5px;*/
		padding-top: 0;
		color: #bcab88;
		font: bold 1.1em "Helvetica Neue", Arial, sans-serif;
		line-height: 1.417em;
		display: inline;
/*		width: 100px;*/
		float: none;
	}
	
	label span.required {
		font: italic 1em Georgia, "Times New Roman", serif;
	}

	.textfield {
		padding: 3px 6px;
		font: 1.4em "Helvetica Neue", Arial, sans-serif;
		width: 300px;
		background: #dad6cd;
		border: 1px solid #bcab88;
		-moz-border-radius: 5px;
		border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
	
	#footer .textfield {
		margin: 0;
		padding: 1px 2px;
		font: 1.1em "Helvetica Neue", Arial, sans-serif;
		width: 150px;
		background: #dad6cd;
		border: 1px solid #bcab88;
		-moz-border-radius: 2px;
		border-radius: 2px; 
		-webkit-border-radius: 2px;
	}
	
	.textfield:focus {
		border: 1px solid #000;
		background: #fff;
	}
	
	.form-inset {
		margin-left: 110px;
	}
	
	.mce_inline_error {
		border: 1px solid #f00 !important;
	}

.submit-container {
	margin-left: 110px;
	margin-bottom: 1.417em;
	clear: left;
}

	.submit-container .addtocart {
		margin: 0;
	}

.mc-field-group .response {
	margin-left: 110px;
	color: #bcab88;
	font: bold 1.2em "Helvetica Neue", Arial, sans-serif;
	line-height: 1.417em;
}

#mce-responses {
	margin-left: 110px;
	margin-bottom: 1em;
	clear: left;
	font: 1.2em "Helvetica Neue", Arial, sans-serif;
	color: #bcab88;
}

	#mce-responses #mce-success-response {
	}

div.mce_inline_error {
	padding: .75em .75em .7em .75em !important;
	font: 1.2em "Helvetica Neue", Arial, sans-serif;
}

.response {
	
}
                         


/* Digital download
------------------------------------ */
body.digital-download {
	background: #2b0b05 url(../images/global/download-background.gif) top left repeat-x;
}

#download {
	margin-top: 140px;
	margin-left: 35px;
	padding: 20px;
	width: 560px;
	float: left;
	background: #3a0c0e;
	border: 4px solid #000;
}

	#download #logo-digital {
		width: 130px;
		float: left;
		background: transparent url(../images/global/logo_digital.gif) top left no-repeat;
	}
	
		#download #logo-digital a {
			display: block;
			height: 130px;
			text-indent: -9999px;
			overflow: hidden;
		}
		
	#download-content {
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 170px;
	}
	
		#download-content label {
			margin-bottom: 5px;
			width: 320px;
			display: block;
			font-weight: normal;
		}
		
		#download-content input {
			margin-bottom: 5px;
		}




/* Sidebar 
------------------------------------ */  
#upcoming h2 {
	padding-top: 5px;
	border-top: 1px solid #fff;
}

#upcoming h3 {
	color: #fff;
}

#upcoming ul {
	list-style: none;
}

#upcoming .dated {
	margin-bottom: 1.417em;
	border-bottom: 1px solid #BCAB88;
}

#social-media,
#social-media ul {
	float: left;
	width: 140px;
	list-style: none;
}

	#social-media ul li {
		margin-right: 10px;
		float: left;
		width: 30px;
	}
	
		#social-media li a {
			float: left;
			display: block;
			width: 30px;
			height: 30px;
			text-indent: -9999px;
			overflow: hidden;
		}
	
		#twitter-badge 		{ background: transparent url(../images/global/social-media-icons.png) 0 -30px no-repeat; }
		#facebook-badge  	{ background: transparent url(../images/global/social-media-icons.png) -60px -30px no-repeat; }
		#myspace-badge  	{ background: transparent url(../images/global/social-media-icons.png) -30px -30px no-repeat; }

		#twitter-badge a 	{ background: transparent url(../images/global/social-media-icons.png) 0 0 no-repeat; }
		#facebook-badge a { background: transparent url(../images/global/social-media-icons.png) -60px 0 no-repeat; }
		#myspace-badge a 	{ background: transparent url(../images/global/social-media-icons.png) -30px 0 no-repeat; }

		#social-media li a:hover,
		#social-media li a:active { background: none; }
		
	#upcoming .distrolist {
		margin-bottom: 1.417em;
	}
	
		#upcoming .distrolist li {
			margin-bottom: 0;
		}


/* Must be last! */            
/* Utilities 
------------------------------------ */  
.noBottom {
	margin-bottom: 0 !important;
}

.clear-l 	{ clear: left; }
.clear-r	{ clear: right; }
.clear-b	{ clear: both; }

.float-l { float: left; }
.float-r { float: right; }

.last {
	margin-right: 0;
}

.bordertop {
	padding-top: 10px;
	border-top: 1px solid #BCAB88;
}

.notbold {
	font-weight: normal;
}