@charset "utf-8";
/* 
= CSS Document  ==========================================================
	
	Site: 			Richard Marshall
	Author: 		Steven Gibbons & Steven Symonds 
	Created: 		3rd March 2009
	Updated: 	
	Copyright: 	(c) 2009, Richard Marshall
	
==========================================================================
*/


/* ========= Global ========= */

* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: #3B3B3B; margin: 0 0 50px 0; }
a { }
a:hover {  }
a.external { }
a img { border: none; }
acronym { border-bottom: 1px dotted; cursor: help; }
p { font-size: 1.1em; color: #999; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }

div#wrapper { width: 1100px; margin: 0 auto; background: url('../img/wrapper_bg.gif') repeat-y; padding: 0; }
div#wrapperBtm { width: 1100px; height: 24px; margin: 0 auto; background: url('../img/wrapper_bg_btm.gif') no-repeat; }

div#container { width: 950px; margin: 0 auto; }
	div#container h1 { margin: 27px 0 10px 0; float: right; width: 359px; height: 63px; background: url('../img/logo.gif') no-repeat; }

div#container div#navigation { float: left; width: 950px; margin: 0 0 20px 0; }
	div#container div#navigation ul { list-style: none; background: #936!important; }
		div#container div#navigation ul li { float: left;  padding: 0 13px 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; }
		div#container div#navigation ul li a { text-decoration: none; color: #4A4A4A; }
		div#container div#navigation ul li a.active,
		div#container div#navigation ul li a:hover { color: #CE8C00; }

div#container div#flashEmbed { width: 950px; height: 296px; margin: 0 0 10px 0; background: url('../img/flash_bg.gif'); }

div#container div.leftColumn { float: left; width: 425px; padding: 5px 0 0 0; }
div#container div.leftColumn ul li { list-style: none; margin: 0 0 10px 0; }
	div#container div.leftColumn h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-weight: normal; color: #4A4A4A; margin: 0 0 10px 0; }
	div#container div.leftColumn h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight: normal; color: #CE8C00; margin: 0 0 5px 0; }
		div#container div.leftColumn h4 a { color: #CE8C00; text-decoration: none; }
			div#container div.leftColumn h4 a:hover { text-decoration: underline; }

	div#container div.leftColumn p.meta { margin: 0 0 -5px 0; }
	div#container div.leftColumn p.date { margin: 0 0 -10px 0; }
	div#container div.leftColumn p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #4A4A4A; }
	div#container div.leftColumn p a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #CE8C00; text-decoration: none; }
		div#container div.leftColumn p a:hover { text-decoration: underline; }

	div#container div.leftColumn ul.albumTitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; color: #CE8C00; }
		div#container div.leftColumn ul.albumTitle li { list-style: none; float: left; width: 140px; }
	div#container div.leftColumn ul.albumCover { }
		div#container div.leftColumn ul.albumCover li { list-style: none; float: left; width: 141px; height: 107px; }
			div#container div.leftColumn ul.albumCover li a.one { width: 115px; height: 115px; background: url('../img/album_the_debutante.gif') no-repeat; }
			div#container div.leftColumn ul.albumCover li a.two { width: 115px; height: 115px; background: url('../img/album_blaze.gif') no-repeat; }
			div#container div.leftColumn ul.albumCover li a.three { width: 115px; height: 115px; background: url('../img/album_eminence.gif') no-repeat; }
	
	div#container div.leftColumn ul.links { width: 425px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; color: #4A4A4A; }
	div#container div.leftColumn ul.links li { list-style: none; float: left; padding: 0 15px 0 0; }
	div#container div.leftColumn ul.links li a { text-decoration: none; color: #CE8C00; }
		div#container div.leftColumn ul.links li a:hover { text-decoration: underline; }
		

div#container div.wideColumn h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-weight: normal; color: #4A4A4A; margin: 0 0 10px 0; }
div#container div.wideColumn p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #4A4A4A; }
div#container div.wideColumn h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight: normal; color: #CE8C00; margin: 0 0 5px 0; }
div#container div.wideColumn p.date { margin: 0 0 -10px 0; }
div#container div.wideColumn p.track { margin: 0 0 -10px 0; }

div#container div.wideColumn ul.gallery { list-style: none; height: 150px; margin: 10px 0 20px 0!important; }
	div#container div.wideColumn ul.gallery li { float: left; width: 150px; height: 150px; padding: 0!important; border: 1px solid #CCC; margin: 0 47px 0 0; }
	div#container div.wideColumn ul.gallery li.last { margin: 0!important; }
	
	div#container div.wideColumn ul.albumCovers li.cover h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-weight: normal; margin: 5px 0 0 0; width: 300px; }
		div#container div.wideColumn ul.albumCovers li.cover h4 a { color: #CE8C00; text-decoration: none; }
			div#container div.wideColumn ul.albumCovers li.cover h4 a:hover { text-decoration: underline; }
	
div#container div.wideColumn ul.albumCovers { list-style: none; margin: 0 0 30px 0!important; }
div#container div.wideColumn ul.albumCovers.block { list-style: none; height: 150px; margin: 0 0 65px 0!important; }
div#container div.wideColumn ul.albumCovers.block1 { list-style: none; height: 150px; margin: 0 0 85px 0!important; }

	div#container div.wideColumn ul.albumCovers li { float: left; }
	div#container div.wideColumn ul.albumCovers li.cover { width: 215px; }
		div#container div.wideColumn ul.albumCovers li.cover img { border: 1px solid #CCC; width: 150px; height: 150px; }
	div#container div.wideColumn ul.albumCovers li.name { width: 280px; }
	div#container div.wideColumn ul.albumCovers li.trackList { width: 300px; }
	
div#container div.rightColumn { float: right; width: 455px; padding: 5px 0 0 0; }
	div#container div.rightColumn h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-weight: normal; color: #4A4A4A; margin: 0 0 10px 0; }
	div#container div.rightColumn p { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #4A4A4A; }
	div#container div.rightColumn p a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #CE8C00; text-decoration: none; }
		div#container div.rightColumn p a:hover { text-decoration: underline; }
		div#container div.rightColumn p.credits { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; }
		
		div#container div.rightColumn div.sponsor a { margin: -75px 0 0 280px; width: 128px; height: 61px; background: url('../img/york.gif') no-repeat; }

div#container div.rightColumn ul li { list-style: none; margin: 0 0 10px 0; }
	div#container div.rightColumn h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight: normal; color: #CE8C00; margin: 0 0 5px 0; }
		div#container div.rightColumn h4 a { color: #CE8C00; text-decoration: none; }
			div#container div.rightColumn h4 a:hover { text-decoration: underline; }

	div#container div.rightColumn p.meta { margin: 0 0 -5px 0; }
	div#container div.rightColumn p.date { margin: 0 0 -10px 0; }

	div#container div.rightColumn ul.externalLinks { margin: 50px 0 0 0; }
		div#container div.rightColumn ul.externalLinks li { list-style: none; float: left; }
			div#container div.rightColumn ul.externalLinks li.one a { margin: 10px 25px 0 0; width: 112px; height: 55px; background: url('../img/links/york.gif') no-repeat top; }
				div#container div.rightColumn ul.externalLinks li.one a:hover { width: 112px; height: 55px; background: url('../img/links/york.gif') no-repeat bottom; }
			div#container div.rightColumn ul.externalLinks li.two a { margin: 0 15px 0 0; width: 89px; height: 89px; background: url('../img/links/worldofbrass.gif') no-repeat top; }
				div#container div.rightColumn ul.externalLinks li.two a:hover { width: 89px; height: 89px; background: url('../img/links/worldofbrass.gif') no-repeat bottom; }
			div#container div.rightColumn ul.externalLinks li.three a { margin: 10px 15px 0 0; width: 119px; height: 61px; background: url('../img/links/reunionblues.gif') no-repeat top; }
				div#container div.rightColumn ul.externalLinks li.three a:hover { width: 119px; height: 61px; background: url('../img/links/reunionblues.gif') no-repeat bottom; }
			div#container div.rightColumn ul.externalLinks li.four a { width: 71px; height: 87px; background: url('../img/links/blackdykeband.gif') no-repeat top; }
				div#container div.rightColumn ul.externalLinks li.four a:hover { width: 71px; height: 87px; background: url('../img/links/blackdykeband.gif') no-repeat bottom; }
						
div#container div.rightColumn img.pressPack { margin: 0 20px 10px 0; }
	
div.divider { width: 950px; height: 1px; background: #CCC; margin: 10px 0; }

div#container div.ftr { width: 950px; margin: 40px auto 30px auto; }
	div#container div.ftr p { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color: #4A4A4A; }

input.btnReplace { visibility: hidden; }
img.btnReplace { cursor: pointer; }

.fLeft { float: left; }
.fRight { float: right; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.tCentre { text-align: center; }
.vTT { vertical-align: text-top; }
.cLeft { clear: left; }

.bold { font-weight: bold; }
.noBold { font-weight: normal; }
.noBorder { border: none; }
.topPad { margin: 30px 0 10px 0!important; }
.error { color: #DF0000; }
.hide { display: none; }
.black a { color: #4A4A4A!important; }
.spacer { height: 15px!important; background: url('../img/spacer.gif'); }
.last { margin: 0 0 -20px 0!important; }

.inactive { color: #4A4A4A!important; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}