/*
*	Main CSS formatting for template files.
*	@author David Tym <davidtym@greensprocket.com>
*	@copyright Copyright (c) 2010, Visual Odyssey Inc.
*   @date Monday, November 16, 2009 5:32:32 PM
*/


body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #ffffff;
}

.noborder {
	border: none;
	margin: 0px;
	padding: 0px;
}

.border {
	border: 1px solid #cccccc;
}

.clear {
	clear: both;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
}

/*
*	Main page structure
*/

#container {
	width: 933px;
	margin: 20px auto 20px auto;
	padding-bottom: 30px;
}

	#bg-top {
		width: 933px;
		height: 25px;
		background: #ffffff url('/template/images/bg-top.png') no-repeat top left;
	}

	#bg-body {
		width: 933px;
		background: #ffffff url('/template/images/bg-body.png') repeat-y top left;
	}

	#bg-bottom {
		width: 933px;
		height: 25px;
		background: #ffffff url('/template/images/bg-bottom.png') no-repeat top left;
	}


/*
*	Head
*/

#head {
	margin: 0px auto 10px auto;
	width: 863px;
	height: 46px;
	background: #ffffff url('/template/images/logo-banner.png') no-repeat top left;
	padding: 150px 0px 0px 20px;
}

/*
*	Foot
*/

#foot {
	margin: 0px auto;
	background-color: #d6d6d6;
	width: 863px;
	height: 87px;
	text-align: right;
	padding-right: 20px;
}

#foot img {
	margin: 25px 10px 0px 0px;
}

#copyright {
	margin: 0px auto;
	width: 883px;
	color: #cfcfcf;
	font: normal normal normal 10pt/1.0em arial, sans-serif;
}

#copyright a:link, #copyright a:active, #copyright a:visited {
	color: #cfcfcf;
	text-decoration: none;
}

#copyright a:hover, #copyright a:focus {
	color: #b30041;
}


/*
*	Content 
*/

#content {
	margin: 0px auto;
	padding: 20px 0px 30px 0px;
	width: 803px;
	color: #666666;
	font: normal normal normal 10pt/1.4em arial, sans-serif;
}

	#column-left {
		float: left;
		width: 500px;
	}

	#column-right {
		float: right;
		width: 264px;
	}

	h1 {
		color: #6f002b;
		font: normal normal normal 14pt/1.0em arial, sans-serif;
	}

	h2 {
		color: #6f002b;
		font: normal normal bold 10pt/1.0em arial, sans-serif;
		margin: 0px;
		padding: 0px;
	}

	a:link, a:active, a:visited {
		text-decoration: none;
		color: #6f002b;
	}

	a:hover {
		color: #b30041;
	}

	#b-bio, #b-cv, #b-news {
		color: #6f002b;
		cursor: pointer;
	}


/*
*	Home page
*/

#store-fronts {
	margin: 0px auto 10px auto;
	width: 883px;
	height: 472px;
}


/*
*	News
*/

.article {
	margin: 0px 0px 40px 0px;
}

.full-story {
}

	.news-title a:link, .news-title a:active, .news-title a:visited {
		font: normal normal normal 14pt/1.0em arial, sans-serif;
		text-decoration: none;
		color: #6f002b;
	}

	.news-title a:hover {
		color: #b30041;
	}

	.news-summary {
		font: normal normal normal 10pt/1.4em arial, sans-serif;
		color: #666666;
		margin: 35px 0px 0px 0px;							
	}

	.news-date {
		float: left;
		font: normal normal normal 10pt/1.0em arial, sans-serif;
		color: #666666;
		margin: 5px 0px 0px 0px;
	}

	.read-more a:link, .read-more a:active, .read-more a:visited {
		float: right;
		font: normal normal normal 10pt/1.0em arial, sans-serif;
		color: #6f002b;
		text-decoration: none;
	}

	.read-more a:hover {
		color: #b30041;
	}

/*
*	Side Box
*/

#bg-box-top {
	width: 264px;
	height: 24px;
	background: #ffffff url('/template/images/bg-box-top.png') no-repeat top left;
	font: normal normal normal 12pt/1.0em arial, sans-serif;
	color: #ffffff;
	padding: 29px 0px 0px 20px;
}

#bg-box-body {
	width: 264px;
	background: #ffffff url('/template/images/bg-box-body.png') repeat-y top left;
	font: normal normal normal 10pt/1.4em arial, sans-serif;
	color: #666666;
	padding: 20px;
}

	#bg-box-body a:link, #bg-box-body a:active, #bg-box-body a:visited {
		text-decoration: none;
		color: #6f002b;
	}	

	#bg-box-body a:hover {
		text-decoration: none;
		color: #b30041;
	}	

#bg-box-bottom {
	width: 264px;
	height: 19px;
	background: #ffffff url('/template/images/bg-box-bottom.png') no-repeat top left;
}


/*
*	Artist List
*/

.artist {
	/* width: 535px; */
	width: 790px;
	margin-bottom: 40px;
	clear: both;
}

.artist-thumb {
	float: left;
	width: 140px;
	text-align: center;
}

.artist-thumb img {
	border: 1px solid #ccc;
	margin: 0px 15px 0px 0px;
	padding: 15px;
	vertical-align: middle;
}

.artist-summary {
	float: left;
	width: 640px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font: normal normal normal 10pt/1.6em arial, sans-serif;
	color: #666;
}

#column-left-gallery {
	float: left;
	width: 600px;
}

#column-right-gallery {
	float: right;
	width: 164px;
	padding-top: 60px;
}

#bio, #cv, #news {
}

#gallery-table {
	border-collapse: collapse;
}

	#gallery-table td img {
		vertical-align: middle;
	}

	.gallery-thumb {
		padding: 15px;
		margin: 0px 15px 15px 0px;
		text-align: center;
		border: 1px solid #ccc;
	}


/*
.gallery-thumb {
	padding: 10px;
	margin: 0px 16px 23px 0px;
	border: 1px solid #ccc;
}


.gallery-thumb {
	float: left;
	margin-right: 16px;
	margin-bottom: 23px;
	border: 1px solid #cccccc;
	width: 95px;
	height: 95px; 
	text-align: center;
	line-height: 95px;				/* Used to vertical-align */
	/* font-size: 95px;				Used as work around for IE to vertical-align */
}
*/
.gallery-thumb img {
	border: 0px;
	vertical-align: middle;
}


/* Form Layout*/
#form {
	margin: 0px 0px 0px 0px;	
}

#form fieldset {
	border: 1px solid #cccccc;
	padding: 20px;
}

	#form label {
		float: left;
		width: 200px;
		text-align: right;
		margin-right: 5px;
		font: normal normal bold 10pt/1.0em Arial,"Helvetica Neue",Helvetica,sans-serif;			/* style variant weight size line-height family */
		margin-top: 4px;
	}

	#form legend {
		font: normal normal bold 10pt/1.0em Arial,"Helvetica Neue",Helvetica,sans-serif;			/* style variant weight size line-height family */
		color: #6f002b;
		padding: 20px;
	}

	#form input, select, textarea {
		margin: 3px;
	}

	#form .form-error {
		margin-left: 110px;
		font: normal normal normal 10pt/1.0em Arial,"Helvetica Neue",Helvetica,sans-serif;			/* style variant weight size line-height family */
		color: red;
	}

	#form .form-desc {
		width: 450px;
		margin-left: 110px;
		padding: 3px 0px 15px 0px;												/* top right bottom left */	
		font: normal normal normal 10pt/1.0em Arial,"Helvetica Neue",Helvetica,sans-serif;			/* style variant weight size line-height family */
	}

/* Home Page Form */

#form-email-container {
	width: 220px;
}

#form-email fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

#form-email input[type="text"] {
	font: normal normal normal 10pt/1.0em Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin-top: 8px;
	padding: 4px;
	border: solid 1px #ccc;
	background: #ffffff url('/template/images/input.gif') repeat-x top left;
	width: 215px;
}