﻿
/****************************
Basic Layout 
****************************/
html,
body 
{
	background:#f7f7f7;
	font:normal 11px/15px "Verdana";
	color:#570d0f;
}

	a:link,
	a:visited
	{
		font:normal 11px/15px "Verdana";
		color:#570d0f;
	}
	
	a:active,
	a:hover
	{
		color:#5f4007
	}
		
strong, b
{
    font-weight:bold;
}

em
{
    font-style:italic;
}


.header
{	
}
	.header .banner img
	{
		width:790px;
	}
	
	.header .navigation
	{
		height:35px;	
	}
	
.mainContent
{
	padding-right:20px;
}	
	.mainContent p
	{
		margin-bottom:20px;
	}

/**********************
Text
***********************/		
.pageHeader
{
	font:bold 13px/18px "Times New Roman";
	text-transform:uppercase;
	text-decoration:none;
	margin-bottom:20px;
	display:block;
}

/**********************
Navigation Links
**********************/
.navLinks
{	
}
	.navLinks li
	{
		float:left;
		margin-right:20px;
	}
		.navLinks li.last
		{
			margin-right:0px;
		}
	
	.navLinks a
	{
		color:#570d0f;
		text-decoration:none;
		text-transform:uppercase;		
		font:bold 11px/35px "Times New Roman";
	}
	
		.navLinks a:hover
		{
			color:#5f4007;
		}

/**********************
Right Column
***********************/
.columnFeatures
{
	
}	

	.feature
	{
		background:#b6a482;
		margin-bottom:5px;
		text-align:center;
		color:#fff;
	}		
		.feature .showBlock		
		{
			margin-bottom:0px;
		}
		.feature a
		{
			color:#fff;
		}		
		
		.feature .featureHeader
		{			
			font:bold 11px/15px "Times New Roman";
			text-transform:uppercase;
			text-decoration:none;
			display:block;
			margin-bottom:0px;
		}
		
		.feature.mailingList
		{
			background-image:url(../images/rightColumn_emailSignup.gif);		
			background-repeat:no-repeat;	
		}			
			.feature.mailingList a
			{								
				height:54px;
				display:block;
				cursor:pointer;
			}
		
			.feature.mailingList a:focus
			{
				-moz-outline-style: none;
			}
			
		.feature.itunes
		{
			background-image:url(../images/rightColumn_itunes.gif);
			background-repeat:no-repeat;
			height:54px;
		}
		
			.feature.itunes a
			{
				height:54px;
				display:block;
				cursor:pointer;
			}
		

		.socialLinks
		{
			height:30px;
		}
			.socialLinks a
			{
				display:block;
				height:30px;
				background:url(../images/socialIcons.gif?v=2);
				text-indent:-7000px;
				overflow:hidden;
				float:left;
				margin-right:5px;
			}
			
				.socialLinks a.facebook { width:60px; background-position:0px 0px;}				
				.socialLinks a.myspace { width:70px; background-position:0px -30px; }				
				.socialLinks a.sonicbids { width:65px; background-position:0px -60px;}				
				.socialLinks a.flickr { width:50px; background-position:0px -90px; margin-right:0;}				

/************************
Blog Entries
************************/

.blogPost
{
	margin-bottom:30px;
}

	.blogSubject
	{		
		border-bottom:1px dotted #570d0f;
		font-size:14px;
		font-weight:bold;
	} 
	
	.blogDate
	{		
		margin-bottom:20px;
	}
	
	.blogText
	{
	}
	
	.blogActionZone
	{
	}

/************************
Shows
*************************/

.showBlock
{
	margin-bottom:20px;
}
	.showTitle
	{
		font-weight:bold;
	}
	
/************************
Site Links
*************************/	
.siteLinks
{
	margin-bottom:40px;
}
	.siteLink
	{
		margin-bottom:10px;
	}
	
	.siteLinkTitle a
	{
		font-weight:bold;
	}
	

/*************************
Band Members
*************************/	

.bandMember
{
	margin-bottom:20px;
}

	.bandMemberPhoto
	{
		float:left;
		margin:0px 10px 10px 0px;
	}
	
	.bandMemberName
	{
		font-weight:bold;
		margin-bottom:5px;
	}
	
/**************************
Recordings
**************************/	

.albumBlock
{
	margin-bottom:40px;
}

	.albumTitle
	{
		font:bold 13px/18px "Verdana";
		border-bottom:1px dotted #570d0f;
		margin-bottom:20px;
	}

	.albumDescription .albumImage
	{
		float:left;
		margin:0px 10px 10px 0px;
	}

	.albumTrackBlock
	{
		padding:10px 0 20px 0;
	}
	
		/*Album Track Table*/
		.albumTracks
		{
			
		}
		
			.albumTracks .number
			{
				width:20px;
			}
			
			.albumTracks .title
			{
				width:250px;
				font-weight:bold;
			}
			
			.albumTracks .url
			{
				width:120px;
			}
			
		.albumCredits
		{
			font-size:10px;			
		}


/***************************
Press
***************************/			

.pressImages li
{
	float:left;
	margin:0px 10px 10px 0px;
}

/* Reviews */

.reviewTitle
{
	font-weight:bold;
}
	.reviewSource
	{
		margin-bottom:10px;				
	}
	
/***************************
Store
***************************/	

.products
{
}
    .product
    {
        margin-bottom:30px;
        padding-bottom:30px;
        border-bottom:1px dotted grey;
    }
    
        .product .image
        {
            float:left;
            width:300px;
        }
            .product .image img { width:280px; }            
            
        .product .details
        {
            width:200px;
            float:left;
        }            
            .product .details .name
            {
                font-size:18px;
                line-height:22px;
                margin-bottom:10px;
            }
            
            .product .details .description
            {
                margin-bottom:10px;
            }
            
            .product .details .price
            {
                font-size:14px;
                font-weight:bold;
                margin-bottom:10px;
            }
            
            .product .details .quantity
            {
                margin-bottom:10px;
            }
                .product .details .quantity input
                {
                    font-size:14px;
                    width:50px;
                    padding:3px;
                    
                }
                
            .product .details .submit button
            {
                width:100px;
                height:30px;
            }                