/********************************************* 
This stylesheet is for custom Web store pages. 
Custom page code will be wrapped in a div tage 
with an ID of the page's name. Styles that are 
particular to that page can then be targeted 
using the div ID.
*********************************************/

/*** GLOBAL STYLES ***/
.custom-page h1 {
	border: none;
	font-size: 20px;
	margin-bottom: 15px;
}


/*** ABOUT US ***/

#about img {
	border:1px dotted;
	float:left;
	height:225px;
	margin-right:5px;
	padding:5px;
	width:338px;
}

#about p {
	
}

/*** ARTISTS PAGE ***/

#artistsPage ul {
	list-style: none;
	width: 50%;
	margin: 0 auto;
	border-top: 1px solid #000;
}
#artistsPage li a {
	display: block;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border: 1px solid #000;
	border-top: 0;
}

#artistsPage li a:hover {
	background-color: #ff9000;
}


#artistsPage div.column {
	float: left;
	width: 50%;
	margin-top: 20px;
}


/*** STAFF PICKS ***/

#staffpicks {
	margin-top: 15px;
}

#staffpicks a:hover {
	color: #ff9000;
	text-decoration: underline;
}

#staffpicks h1 {
	border: none;
	font-size: 20px;
	margin-bottom: 15px;
}

#staffpicks h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

#staffpicks .staffthumb {
	float: left;
	margin-bottom: 20px;
	text-align: center;
	width: 33%;
}

#staffpicks img.photo {
	float: left;
	margin-right: 20px;
}