/*
 * @author Gavin Williams <gavin@fishrod.co.uk>
 * @version 0.1
 */

/*-Index---------------------------------------------
 * 		- Element Styles
 * 			- body, h1, h2, h3, h4, p
 * 
 * 		- Layout Styles
 * 			- #wrapper, #header, #content, #footer
 */

/*-Element Styles------------------------------------*/

body, html {
	height: 100%;
	background-image: url('../img/backgrounds/body.gif');
	background-repeat: repeat;
}

body {
	font-size: 0.69em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

button.image {
	border: 0;
	vertical-align: middle;
	padding: 5px 0 0 0;
	background: none;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #EB6E08;
	text-decoration: none;
}

h1, h2, h3, h4 {
	color: #615f56;
	margin-bottom: 0.5em;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {
	color: #615F56;
	text-decoration: none;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.5em;
}

p {
	margin-bottom: 1em;
}

.dotted {
	background-image: url(../img/backgrounds/dotted-divider.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 1em;
	margin-top: 1em;
	position: relative;
}

/*-Layout Styles------------------------------------*/

#wrapper {
	width: 770px;
	margin: 0 auto;
}

/*-Layout Styles - Panels---------------------------*/

div.panel div.top, div.panel div.bottom {
	background-image: url('../img/backgrounds/panel-large-top.gif');
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	height: 18px;
	top: 0;
	left: 0;
	width: 531px;
}

div.panel div.bottom {
	bottom: 0;
	top: auto;
	background-image: url('../img/backgrounds/panel-large-bottom.gif');
	background-position: bottom left;
}

div.panel.small div.top, div.panel.small div.bottom {
	background-image: url('../img/backgrounds/panel-small-top.gif');
	width: 237px;
}

div.panel.small div.bottom {
	background-image: url('../img/backgrounds/panel-small-bottom.gif');
}

div.panel {
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	color: #615f56;
	padding: 20px;
	position: relative;
}

div.panel.large {
	background-image: url('../img/backgrounds/panel-large-middle.gif');
	width: 491px;
	float: left;
	margin-left: 1px;
}

div.panel.small {
	background-image: url('../img/backgrounds/panel-small-middle.gif');
	width: 197px;
	float: right;
}

#flashMessage {
	padding: 4px 10px;
	background-image: url(../img/backgrounds/body.gif);
	border: 1px solid #C0BFBB;
	margin-bottom: 1em;
	text-align: center;
	font-weight: normal;
	color: #000000;
}


/*-Layout Styles - Navigation/Player/Cart/Content---*/

#primaryNav, #cart {
	height: 2em;
}

#player {
	background-color: #615F56;
	background-image: url('../img/backgrounds/panel-small-middle-grey.gif');
	color: #FFFFFF;
	padding: 15px 11px;
	width: 215px;
}

#player h2 {
	color: #FFFFFF;
}

#player div.bottom {
	background-image: url('../img/backgrounds/panel-small-bottom-grey.gif');
}

#player div.top {
	background-image: url('../img/backgrounds/panel-small-top-grey.gif');
}

#player ul li {
	float: left;
	margin-right: 5px;
}

h1#header {
	background-image: url('../img/backgrounds/header.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height: 141px;
	margin: 0;
	overflow: hidden;
}

h1#header a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000000px;
}

#primaryNav li {
	display: inline;
	margin-right: 26px;
	font-size: 1.8em;
}

#primaryNav a:link,
#primaryNav a:visited,
#primaryNav a:hover,
#primaryNav a:active {
	color: #615F56;
	text-decoration: none;
}

#primaryNav a:hover,
#primaryNav li.current a {
	color: #1A171B;
}

#cart {

}

#cart h2 {
	color: #1A171B;
	background-image: url('../img/backgrounds/icon-basket.gif');
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 0 0 3px 35px;
}

#cart .items {
	position: absolute;
	top: 2.4em;
	right: 20px;
}

#cart .items.notempty {
	color: #1A171B;
}

#content {
	
}

#player {
		
}

#player div.album {
	overflow: auto;
	position: relative;
	margin-bottom: 1em;
}

#player div.album img.coverart {
	float: left;
}

#player div.album a.button {
	float: left;
	margin-left: 10px;
}

#player div.album span.price {
	position: absolute;
	bottom: 0;
	left: 110px;	
}

#footer {
	clear: both;
	padding-top: 10px;
	text-align: center;
}

h1.credit {
	text-align: center;
	padding-bottom: 20px;
	font-size: 1em;
	margin-top: 5px;
}

/*-Layout Styles - Basket---*/

table.basket {
	width: 100%;
}

table.basket thead th {
	border-top: 1px solid #615F56;
	border-bottom: 2px solid #615F56;
	padding: 3px 10px;
}

table.basket tbody td.image {
	width: 110px;	
}

table.basket td {
	padding: 3px 10px;
}

table.basket td.empty {
	text-align: center;
	padding: 10px 10px;
}

table.basket td.actions {
	text-align: right;
}

table.basket thead th.price {
	width: 5em;
	text-align: right;
}

table.basket td.total {
	text-align: right;
}

table.basket tfoot {
	border-bottom: 1px solid #615F56;
	border-top: 2px solid #615F56;
}

ul.releases {
	margin-top: 20px;
}

ul.releases li {
	background-image: url('../img/backgrounds/dotted-divider.gif');
	background-repeat: repeat-x;
	background-position: top left;
	padding: 20px 0;
}

body#pages ul.releases li.first {
	padding-top: 10px;
}

ul.releases.no-header li.first {
	padding-top: 0;
	background-image: none;
}

ul.releases li img {
	float: left;
}

ul.releases li div.content {
	float: right;
	width: 305px;
}

dl.albuminfo {
	overflow: auto;
	margin-bottom: 10px;
}

dl.albuminfo .artists {
	width: 100px;
}

dl.albuminfo a:link,
dl.albuminfo a:visited,
dl.albuminfo a:hover,
dl.albuminfo a:active {
	color: #EB6E08;
}

body#albums.view span.addCart {
	position: absolute;
	color: #EB6E08;
	top: 4.25em;
	text-align: right;
	font-size: 0.55em;
	right: 0;	
}

body#albums.view span.addCart a {
		color: #EB6E08;
}

body#albums.view h2.dotted {
	margin-bottom: 0.10em;	
}

body#albums.view .albuminfo {
	margin-bottom: 15px;
}

dl.albuminfo dt,
dl.albuminfo dd {
	float: left;
}

dl.albuminfo dd {
	margin-left: 0.5em;
}

dl.albuminfo dt {
	clear: left;
	color: #615F56;
}

#player dl.albuminfo dt {
	color: #C0BFBB;	
}

span.quotation {
	float: left;
	display: block;
	background-image: url('../img/backgrounds/quotation.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	width: 22px;
	height: 23px;
	margin: 0 5px 3px 0;
}

form.google_checkout {
	text-align: right;
}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}

p.options {
	text-align: right;
}