@charset "UTF-8";
body {
margin: 0 auto;
font-family: arial;
color: #1f0801;
font-size: .8em;
}

p { 
margin:0 0 1.0em 0;
}

a:link, a:visited, a:active {
color: #392f29;
text-decoration: none;
}

a:hover {
color: #47492d;
text-decoration: underline;
}

#container {
margin: 0 auto;
width: 1000px;
min-height: 850px;
background-repeat: no-repeat;
background-position: center top;
}

#container #content {
margin: 65px 0 0 490px;
}

.left {
float: left;
margin: 0 10px 10px 0;
}

.right {
float: right;
margin: 0 0 10px 10px;
}

ul.nobullets {
padding: 0;
margin: 0;
list-style-type: none;
}
ul.nobullets li {
margin-bottom: 10px;
}
ul.nobullets b {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
}
#mailing {
	color: #C34D25;
	font-weight: bold;
	float: right;
	padding-right: 90px;
}
#mailing a {
	color: #464032;
}
ul#nav {
list-style-type: none;
padding:183px 0 0 255px;
margin: 0;
height: 38px;
}

ul#nav li {
display: inline;
padding: 0;
margin: 0 19px 0 0;
}

#footer {
clear: both;
margin: 0 auto 20px auto;
width: 1000px;
font-size: .9em;
font-weight: bold;
}

#mailinglist {
float: left;
margin: 0 20px 0 0;
}



#copyright {
float: right;
}
#handle1 {
	width: 10px;
	height: 20px;
	cursor: pointer;
}
#track1 {
	float: left;
	width: 10px;
}
body.info {
background-color: #F5F1D6;
}

.info #container {
background-color: #F5F1D6;
background-image: url("/info/images/bkd.jpg");
}

.info #container #content {
border-color: #201138;
border-width: thin;
border-style: solid;
height: 535px;
overflow: hidden;
margin: 55px 0 0 490px;
width: 480px;
padding: 10px;
background-color: #F5F1D6;
}
.info #container #content #inner {
	float: left;
	height: 535px;
	overflow: hidden;
	margin-right: 10px;
	width: 480px;
}
.info .jScrollPaneDrag {
	background-color: #000;
}
.info .jScrollPaneTrack {
	background-color: #f3bc0a;
}

body.shows {
background-color: #341601;
}

.shows #container {
background-image: url("/shows/images/bkd.jpg");
border-top:none;
border-left:solid;
border-right:solid;
border-bottom: solid;
border-width: 1px;
border-color: #9dd4ff;
background-color: #a42801;
}

.shows #container #content {
margin: 90px 0 0 520px;
}

.shows #container a:link, .shows #container a:visited, .shows #container a:active,
.shows #mailinglist a:link, .shows #mailinglist a:visited, .shows #mailinglist a:active   {
color: #ddd;
text-decoration: none;
}

.shows #container a:hover, .shows #mailinglist a:hover {
color: #ffffff;
text-decoration: underline;
}
.shows #container p {
	margin: 5px 15px;
}


body.records {
background-color: #e1ddcc;
}

.records #container {
background-image: url("/records/images/bkd.jpg");
border-top:none;
border-left:solid;
border-right:solid;
border-bottom: solid;
border-width: 1px;
border-color: #cccc66;
background-color: #cccc66;

}

.records #container #content {
float: left;
margin: 80px 0 0 268px;
position: relative;   /* position seems to be messing up initial position of detail boxes */
}

body.news {
background-color: #bc4000;
}

.news #container {
background-image: url("/news/images/bkd.jpg");
border-top:none;
border-left:solid;
border-right:solid;
border-bottom: solid;
border-width: 1px;
border-color: #432f22;
background-color: #432f22;
}

.news #container #content {
border-width: thin;
border-style: solid;
border-color: #5f2f19;
margin: 60px 0 0 480px;
height: 380px;
/* background-color: #f5f7e8; */
width: 470px;
padding-left: 10px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 10px;
position: relative;
}
.news #container #content #inner {
float: left; 
width:470px;
height: 380px;
overflow: hidden;
}
.news #container .jScrollPaneTrack {
	background-color: #ccc;
}			
.news #container .jScrollPaneDrag  {
	background-color: #BC4000;
}

body.bio {
background-color: #c32f16;
}

.bio #container {
background-image: url("/bio/images/bkd.jpg");
background-color: #C32F16;
}

.bio #container #content {
background-color: #C32F16;
border: 1px solid #000500;
height: 357px;
margin: 65px 0 0 540px;
overflow: hidden;
width: 400px;
padding: 10px;
color: #FFFFFF;
}
.bio #container #content #inner {
	float: left;
	margin-right: 10px;
	overflow: hidden;
	height: 357px;
	width: 400px;
}
.bio .jScrollPaneDrag {
	background-color: #000;
}			
.bio .jScrollPaneTrack {
	background-color: #fff;
}
.bio #container #content b {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: .9em;
}

#bio-more {
border-color: #000500;
margin-left: 360px;
margin-bottom: 0;
margin-right: 0;
margin-top: -400px;
border-width: thin;
border-style: solid;
position: absolute;
z-index: 1000;
background-color: #C32F16;
width: 600px;
padding: 10px;
color: #fff;
}

body.aviary {
background-color: #ebc561;
}

.aviary #container {
background-image: url("/aviary/images/bkd.jpg");
border-top:none;
border-left:solid;
border-right:solid;
border-bottom: solid;
border-width: 1px;
border-color: #1b2028;
background-color: #1b2028;
}

.aviary #container #content {
margin: 65px 0 0 340px;
width: 562px;
height: 459px;
padding: 10px;
}


body.photos {
background-color: #A7ABB6;
}

.photos #container {
background-image: url("/photos/images/bkd.jpg");
background-color: #A7ABB6;
}

.photos #container #content {
margin-left: 290px;
}


body.press {
background-color: #93C1E2;
}

.press #container {
background-image: url("/press/images/bkd.jpg");
background-color: #93C1E2;
}

.press #container #content {
padding: 5px;
border-color: black;
border-style: solid;
border-width: 1px;
background-color: #8fc1e3;
margin: 65px 0 0 440px;
height: 535px;
}

body.shop {
background-color: #C32F16;
}

.shop #container {
background-image: url("/shop/images/bkd.jpg");
background-color: #C32F16;
}

.shop #container #content {
margin-left: 278px;
}

body.promo {
background-color: #a97b28;
}

.promo #container {
	background-image: url(/images/bkgd_field.jpg);
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: center top;
}

.promo #container #content {
	margin-left: 20px;
	margin-bottom: 0;
	margin-right: 0;
	width: 480px;
	height: 800px;
	padding: 3px;

}

#thumb-wrap {
float: left;
margin-right: 15px;
width: 200px;
}

.thumb {
float: left;
width: 56px;
height: 56px;
margin: 0 10px 10px 0;
}

#lg-photo-wrap {
float: left;
width: 425px;
height: 510px;
}

#lg-photo {
margin: 0;
padding: 0;
}

#credit {
clear: both;
font-size: .9em;
font-weight: bold;
padding: 5px;
background-color: #A7ABB6;
width: 200px;
}

.record, .item {
float: left;
width: 110px;
height: 110px;
background-color: #fff;
margin: 0 25px 25px 0;
padding: 0;
}
#record-detail-wrap .detail {
color: #333333;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
background-color: #e8e1cf;
border: 1px solid #333333;
padding: 0 10px 30px 10px;
height: 300px;
width: 180px;
}

.detail .recordlink {
width: 180px;
}

.detail .buy {
display: block;
margin: 2px 0 5px 0;
width: 183px;
}
.detail .buy img {
	margin-right: 3px;
}

.detail .close {
position: absolute;
top: 0;
right: 2px;
}

.detail .dragimg {
cursor: pointer;
position: absolute;
left: 0;
bottom: 0;
}

.detail .tracks {
float: left;
width: 375px;
}

.detail .tracks ol {
list-style-position: outside;
margin-left: 30px;
}

.detail .title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
font-weight: bold;
line-height: normal;
}

.detail .year {
display: block;
font-size: 1.0em;
font-weight: bold;
}

.drag:hover {
cursor: move;
}

#wares .detail {
color: #333333;
position: absolute;
top: 0; /* was 190px */
left: 0; /* was 200px */
z-index: 1000;
background-color: #fff;
border: 1px solid #333333;
padding: 10px 10px 30px 10px;
}

#wares .swatch {
clear: both;
width: 17px;
height: 17px;
}

.tourdates {
font-size: x-small;
margin: 0;
padding: 0;
width: 460px;
color: #FFFFFF;
height: 500px;
background-color: #512003;
overflow: hidden;
}
.tourdates #inner {
	float: left;
	height: 480px;
	overflow: hidden;
	width: 460px;
}
.tourdates .jScrollPaneDrag {
	background-color: #291000;
}			
.tourdates .jScrollPaneTrack {
	background-color: #b9ccf7;
}


.tourdates .info {
border: 1px solid #b2cbee;
position: absolute;
z-index: 1000;
background-color: #512003;
padding: 10px;
color: #fff;
margin: 0 0 0 -320px;
width: 480px;
}
.tourdates .leftcol {
float: left;
margin: 0 10px 10px 0;
width: 75px;
}
.tourdates .rightcol {
float: left;
margin-bottom: 10px;
width: 375px;
}
.tourdates .title, .tourdates #no_dates {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
font-weight: bold;
line-height: normal;
}

.tourdates #no_dates { display:block; /* set to 'none' when there are tour dates to display*/}

#ticketinfo {
position: absolute;
margin: -535px 0 0 -520px;
z-index: 1000;
background-color: #512003;
height: auto;
width: 480px;
color: #FFFFFF;
text-align: left;
padding: 10px;
}

#avmedia {
position: absolute;
z-index: 1000;
/*margin: -70px 0 25px -100px;*/
top: 230px;
left: 255px;
padding: 10px;
border: 1px solid #1b2028;
background-color: #EBC561;
}

.aviary .container {
	float: left;
	height: 313px;
	width: 548px;
}
.aviary #inner {
	float: left;
	height: 315px;
	padding: 15px 5px 0 5px;
	width: 548px;
}
.aviary .jScrollPaneDrag {
	background-color: #ccc;
}			
.aviary .jScrollPaneDrag {
	background-color: #8a6d33;
}
.aviary .item {
	background-color: #99ccff;
	border-color: #152021;
	border-width: thin;
	border-style: solid;
	margin: 0 12px 15px 12px;
	max-height: 300px;
	min-height: 300px;
	height: 300px;
	width: 100px;
}

.aviary .title {
	color: #161e28;
	padding-right: 3px;
	font-style: italic;
	padding-left: 5px;
	padding-top: 3px;
	margin-bottom: 7px;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.aviary .description {
	padding-right: 3px;
	padding-left: 5px;
	font-size: 80%;
}

.press .item {
	color: #8fc1e3;
	max-height: 100px;
	min-height: 60px;
	height: 60px;
	width: 480px;
}

.press .title {
	font-size: medium;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}

.press .description {
	font-size: small;
	color: #333333;
}
.press #press {
	float: left;
	height: 535px;
	overflow: hidden;
	margin-right: 10px;	
	width: 547px;
}
.press .jScrollPaneDrag {
	background-color: #464032;
}
.press .jScrollPaneTrack {
	background-color: #c34d25;
}

.playButton {
  background-color: rgb(20,20,20);
  cursor: pointer;
  font-weight: bold;
  font-size: 1.25em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  position: relative;
  top: 50%;
  zoom: 100%;
  padding: .5em 1em;
  color: white;
}

.playBackground {
  background-color: rgb(0,0,0);
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px; left: 0px;
}

/* scroll-pane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

.records.MailingList #container {
background-image: url("/mailinglist/images/bkgd.jpg");}