/*-  SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
div.basicContent:after,
div.artistViewer:after,
.mod:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*-  BASE STYLES
----------------------------------------------------------------------*/
body {
	background: #e7d9b7;
	color: #333;
	font: normal 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

abbr,
acronym {
	cursor: help;
}

input.text,
textarea {
	border: 1px solid #7C7C7C;
	border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3;
}

a {color: #99994c; text-decoration: none;}
	a:hover {color: #535313;}

.qtip {opacity: 0.8; border: 0; white-space: nowrap;}
	.qtip:hover {opacity: 1;}
	
div#mainContainer {width: 728px; margin: 0 auto; background: #fff url(../../img/bg_content.gif) repeat-y;}

h1 {height: 100px; margin-bottom: 24px;}
	h1 a {display: block; height: 100px; background: url(../../img/bg_masthead.gif); text-indent: -9000px;}

ul#mainNav {height: 22px; margin-bottom: 12px; background: url(../../img/bg_nav.gif); text-align: center; line-height: 22px;}
	ul#mainNav li {display: inline; padding-right: 14px; padding-left: 6px; background: url(../../img/bullet.gif) 100% 50% no-repeat;}
		ul#mainNav li:first-child {padding-left: 0;}
		ul#mainNav li:last-child {padding-right: 0; background-image: none;}
		
		ul#mainNav li a {color: #999; text-transform: uppercase; font-size: 11px; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", georgia; text-decoration: none; letter-spacing: 1px;}
			ul#mainNav li:first-child a {font-weight: bold;}
			ul#mainNav li a:hover {color: #666;}
		
div#mainContent {min-height: 300px;}

	div.basicContent {padding: 24px 112px 36px;}
	div.artistList {padding: 24px 55px 36px;}
	
		div.basicContent h2 {margin: 0 0 12px; font: normal 22px "ff-tisa-web-pro-1","ff-tisa-web-pro-2", georgia, serif; color: #666;}
			div.basicContent h2.top {line-height: 22px; text-align: center; font-size: 13px; font-style: italic; font-weight: normal; color: #999; border-bottom: 2px dotted #eee; letter-spacing: 0.2em;}
	
		div.basicContent h3,
		div.basicContent h4 {margin: 0 0 12px; font: normal 16px/18px "ff-tisa-web-pro-1","ff-tisa-web-pro-2", georgia, serif; color: #888;}
		
		div.basicContent p {margin: 0 0 12px; font-size: 12px; line-height: 18px;}
		
		div.artistList p {float: left; position: relative; width: 25%; margin: 0 0 12px; padding: 0; text-align: center;}
			
			div.artistList p a {display: block; min-height: 68px; margin: 0 6px; padding: 12px 6px 6px; color: #999; font: normal 13px "ff-tisa-web-pro-1","ff-tisa-web-pro-2", georgia, serif;
			border-radius: 9px;
			-moz-border-radius: 9px; /* Mozilla */
			-webkit-border-radius: 9px; /* Webkit */
			-moz-box-shadow: 0px 0px 3px #ccc;
			-webkit-box-shadow: 0px 0px 3px #ccc;}
			
			div.artistList p img {display: block; margin: 0 auto 6px; opacity: .8;
			border-radius: 4px;
			-moz-border-radius: 4px; /* Mozilla */
			-webkit-border-radius: 4px; /* Webkit */
			-moz-box-shadow: 0px 0px 3px #ccc;
			-webkit-box-shadow: 0px 0px 3px #ccc;}
			
			div.artistList p span {position: absolute; bottom: 8px; left: 0; display: block; width: 90%; padding: 0 5%; text-align: center; line-height: 14px;}
			
				div.artistList a:hover {color: #999;
				-moz-box-shadow: 0px 0px 4px #999;
				-webkit-box-shadow: 0px 0px 4px #999;}
				
					div.artistList a:hover img {opacity: 1;
					-moz-box-shadow: 0px 0px 4px #666;
					-webkit-box-shadow: 0px 0px 4px #666;}

div.homeViewer {position: relative; height: 170px; margin: 0 24px 24px;}
	
	div.homeViewer:first-child {margin-bottom: 12px;}

	div.homeViewer a span {display: block;}
			
	div.homeViewer a span.artistName {position: absolute; display: none; z-index: 100; margin: 4px; padding: 6px 12px; color: #fff; background: #000; opacity: 0.5;
		border-radius: 7px;
		-moz-border-radius: 7px; /* Mozilla */
		-webkit-border-radius: 7px; /* Webkit */
		}

		div.homeViewer a:hover span.artistName {display: block;}
		
		div.homeViewer a span.artistName {font-size: 14px;}
		
		div.homeViewer.double div.doubleArtist:first-child a span.artistName {right: 0; font-size: 12px;}
		div.homeViewer.double div.doubleArtist:last-child a span.artistName {left: 0; font-size: 12px;}

	div.homeViewer a.viewerImg {display: block; height: 170px; text-align: center; overflow: hidden;
	-moz-box-shadow: 0px 0px 8px #ccc;
	-webkit-box-shadow: 0px 0px 8px #ccc;}
		
		div.homeViewer a.viewerImg:hover {-moz-box-shadow: 0px 0px 8px #666;
		-webkit-box-shadow: 0px 0px 8px #666;}
	
div.homeViewer.double {}
	div.homeViewer.double div.doubleArtist {position: relative; float: left; width: 334px;}
		div.homeViewer.double div.doubleArtist:first-child {margin-right: 12px;}
		
		div.homeViewer.offsetLeft div.doubleArtist:first-child {width: 222px;}
			div.homeViewer.offsetLeft div.doubleArtist:first-child img {}
		div.homeViewer.offsetLeft div.doubleArtist:last-child {width: 446px;}
			div.homeViewer.offsetLeft div.doubleArtist:last-child img {}
		
		div.homeViewer.offsetRight div.doubleArtist:first-child {width: 446px;}
			div.homeViewer.offsetRight div.doubleArtist:first-child img {}
		div.homeViewer.offsetRight div.doubleArtist:last-child {width: 222px;}
			div.homeViewer.offsetRight div.doubleArtist:last-child img {}

div.artistViewer {width: 673px; margin: 0 0 0 28px; padding: 6px 0 6px 0; overflow: hidden;}
	div.artistViewer div.artistsInner {width: 9000px;}

	div.artistViewer a {display: block; float: left; width: 36px; height: 36px; margin: 0 3px 12px;
	border-radius: 4px;
	-moz-border-radius: 4px; /* Mozilla */
	-webkit-border-radius: 4px; /* Webkit */
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;}
	
		div.artistViewer a img {border-radius: 4px;
		-moz-border-radius: 4px; /* Mozilla */
		-webkit-border-radius: 4px; /* Webkit */}
	
		div.artistViewer a:hover {
		-moz-box-shadow: 0px 0px 3px #666;
		-webkit-box-shadow: 0px 0px 3px #666;}

div#footer {height: 32px; margin: 0 0 20px; background: url(../../img/bg_footer.gif) 0 100% no-repeat;}
	div#footer p {font-size: 10px; line-height: 29px; text-align: center; color: #666;}