html {
	min-height:100%;
}
body {
/*	width:100%; */
	min-width: 760px;
	min-height:100%;
	background-position: center top;
	background-repeat: repeat-y;
}
/* font color and size settings */
div.content  {
	font-size:14px;
	font-family: "Lucida Sans",
             "Lucida Grande",
             Lucida,
             sans-serif;

	color:rgb(0,33,44);
	background-color:transparent;
}
div.content p, div.content span, div.content a { /* this is to increas readability if things go haywire, might have missed a few tags here */
	color:rgb(0,33,44);
}

div.content strong {
	font-weight:bold;	
}
div.content em {
	font-style:italic;
}
div.content div.itemcontent p,
div.content div.dataitem p	{
	font-family: "Arial";
	margin-top:10px;
	padding-bottom:6px;
	line-height: 1.1em;
}
div.content h1 {
	font-size: 46px;
	font-weight: bold;
	font-family: "Lucida Sans",
             "Lucida Grande",
             Lucida,
             sans-serif;
             margin-bottom: -20px;

}

div.content h2 {
	font-size: 2.2em;
	font-weight: bold;
	font-family: "Lucida Sans",
             "Lucida Grande",
             Lucida,
             sans-serif;


}
div.content h3 {
font-family: "Lucida Sans",
             "Lucida Grande",
             Lucida,
             sans-serif;
font-size:16px;
font-style: italic;
font-weight: normal;

}


/* macie thing */
a:focus {
	outline:none;
}

/* link colors... ble most of the time... white on occation */
div.content a 			{ color: rgb(0,33,44); text-decoration: none; font-weight:normal;} 
div.content a:link		{ color: #fd4500; } 
div.content a:visited	{ color: #fd4500; } 
div.content a:active	{ color: rgb(0,33,44); } 
div.content a:hover		{ color: rgb(0,33,44); text-decoration: underline;}

li.dataitem span.headline a,
li.dataitem ul.entries li a 			{ color: rgb(0,33,44); text-decoration: none; font-weight:normal; } 
li.dataitem span.headline a:link,
li.dataitem ul.entries li a:link 		{ color: rgb(0,33,44); } 
li.dataitem span.headline a:visited,
li.dataitem ul.entries li a:visited	{ color: rgb(0,33,44); } 
li.dataitem span.headline a:active,
li.dataitem ul.entries li a:active		{ color: rgb(0,33,44); } 
li.dataitem span.headline a:hover,
li.dataitem ul.entries li a:hover		{ color: rgb(0,33,44); text-decoration: underline;}


div.content form, div.content fieldset {

	border:0;
	line-height:35px; /* this is for the fancy submit images used */
}
div.content input {
	color:rgb(0,33,44);
	background-color:rgb(95,14,35);
	vertical-align:middle;
}
div.content input.image {
	padding:0;
	vertical-align:bottom;
}



/* generic structure stuff */

div.content {
	width:680px;
}


div.datahead,
.dataitem {
	list-style:none;
	background-color:transparent;
	margin:0 48px 0px 0;
}

/* these are one line dataitems that don't get the extra margin */
ol.newslist01 li.dataitem,
ol.tourlist01 li.dataitem {
	margin-bottom:0;
}

/* page content heading stuff */
div.datahead {
	z-index:5;
	
}
div.datahead h2 {
	display:inline;
	margin:0 6px 0 0;

}



div.datahead ul.subpages {
	display:inline;
}
div.datahead ul.subpages li {
	list-style:none;
	display:inline;
	padding:0 1px 0 4px;
	border-left:1px black solid;
}
div.datahead ul.subpages li.first{ /*since ie/win doesn't understand sibling selectors i need this sepcial case... its also used in the gallery area */
	border:0;
	
}


/* page content structures */

div.content ol.datagroup {
}


/* content blocks that get bottom borders/dividers */


div.content ol.ftrdetail02 li.dataitem div.itemcontent div.entry,
div.content ol.faq01 li.dataitem {
	border-bottom:1px dotted #925967;
	padding:0 0 1em 0;
	margin:1em 48px 0 0;
}

div.content div.gallery { /* why is this halfway between the 2? */
	border-bottom:1px dotted #925967;
	padding:0 0 1em 0;
	margin:1em 48px 1em 0;
}

div.content div.tmiph02 div.entry,
div.content div.dataitem ul.profile01,
div.content div.dataitem div.profile01,
div.content li.dataitem ul.letters li.entry,
div.content ol.releaseInfo li div.itemmeta, 
div.content ol.releaseInfo li div.itemcontent div.entry {
	border-bottom:1px dotted #925967;
	padding:0 0 1em 0;
	margin:1em 0;
}

ol.newsstory02 {
	clear:none;
	position:relative;
}
/* trying to get the floating working  so flipping to top border*/
ol.newsstory02 li.dataitem {
	border-top:1px dotted #925967;
	clear:right;
	padding:1em 0 0 0;
	margin:0 48px 1em 0;
	position:relative;
	/*clear:left;*/
}

/* **************** TESTING **************** */
/* this is a test of dispaly:table to get the left flater without needing
	clear or min-height */
ol.newsstory02 {
	padding-right:48px;
}
ol.newsstory02 li.dataitem {
	clear:none!important;
	display:table;
	min-height:200px;
	height:auto !important;
	height:200px;
	margin-right:0;
}
ol.newsstory02>li.dataitem {
/*	height:auto; */
}
ol.newsstory02>li.dataitem div.itemmeta {
	margin-top:1em;
}
ol.newsstory02 li.dataitem img {
	margin-right:4px;
	float:left!important;
}

/* **************** END TESTING **************** */

ol.newsstory02 li.first {
	border:none;
}

div.content legend,
div.content .dataitem h4 {
	font-size:1.2em;
	font-weight:bold;
}


/* headers that get banners */
div.content ol.datagroup li.dataitem div.itemcontent h3 {
	font-weight:bold;
	font-size:1.4em;
	position:relative;
	left: -226px;
	top: 0px;
	width:215px;
	padding:4px 241px 0 26px; /* cc7/2: this padding sets up the box that the type should sit in */
	margin:6px -48px 0.5em 0; /* the neg right margin keeps the column small in IE */
	height:34px;
	overflow:none; /* enforce this box */
	text-align:left;
}

/* image/photo stuff */
/* most images will have a dotted border */
.dataitem img {
	padding:2px 2px 2px 2px;
	margin:3px 6px 6px 0;
	border:1px dotted #925967;
}
ul.photogroup li a img { /*trim up the margins for images in groups... leave bores and padding the same */
	margin:3px 2px 3px 0;
}
ul.photogroup li a:hover img {
	border: 1px solid #fff;
}

/* some will float in amongst paragraphs */
ol.newsstory02 li.dataitem div.itemcontent img {
	float:left;
}
div.generic img {
	border:0;
	float:left;
}
div.generic img.full {
	border:0;
	float:none;
}

/* some are just icons */
.dataitem img.icon {
	padding:0;
	margin:0;
	border:0;
}
.dataitem img.icon {
	padding:0;
	margin:0;
	border:0;
}

/* there are a few data structures reused */

ul.photogroup {
	margin:6px -4px 0 0; /* cc: hack */
	padding:0 0 8px 0;
}

ul.photogroup li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0 2px;
}


ul.filelist {
	margin:0 0 1em 45px;
}
ul.filelist li {
	list-style:none;
}



/* page specific stuff */








/* from this point on is uncleaned CSS */
/* these rules are all overly verbose... but it was an easy way not to have conflicts */


ol.datagroup li.dataitem div.itemcontent div.entrymeta {
	margin:0 0 0.5em 0;	
}
ol.datagroup li.dataitem span.headline {
	margin:0 0 0 8px;
}
ol.datagroup li.dataitem div.itemcontent div.entrymeta h4.title {
	padding:0;
	margin:0;
}


ol.tourzoom li.dataitem div.itemlocation,
ol.tourdetail02 li.dataitem div.itemlocation {
	padding:0;
	margin:0 0 0 70px;
}

ol.tourdetail02 li.dataitem div.itemlocation ul.links,
ol.tourzoom li.dataitem div.itemlocation ul.links {
	padding:0;
	margin:0 0 0 -4px;
}
ol.tourdetail02 li.dataitem div.itemlocation ul.links li,
ol.tourzoom li.dataitem div.itemlocation ul.links li {
	border-left:1px #B08791 solid;
	display:inline;
	list-style:none;
	padding:0 1px 0 4px;
	margin:0;
}
ol.tourdetail02 li.dataitem div.itemlocation ul.links li.first,
ol.tourzoom li.dataitem div.itemlocation ul.links li.first {
	border-left:none;
}
ol.tourdetail02 li.dataitem div.itemcontent,
ol.tourzoom li.dataitem div.itemcontent {
	padding:0;
	margin:1em 0 0 70px;
}

ol.ftrdetail02 li.dataitem {
	padding:0;
	margin:0;
}
ol.tourzoom div.itemcontent h4 {
	margin-top:1em;
}
ol.tourzoom div.itemcontent p {
	margin:0 0 1em 0;
}



ol.datagroup li.dataitem div.date,
ol.datagroup li.dataitem span.date {
	color:grey;
	font-weight:bold;
}
ol.datagroup li.dataitem div.itemmeta span.title {
	font-size:1.4em;
	font-weight:bold;
}
ol.datagroup li.dataitem div.itemcontent div.entrymeta span.time {
	color:rgb(0,33,44);
	font-weight:bold;
}

ol.datagroup li.dataitem div.itemcontent div.entrymeta h4.title {
	font-size:1.1em;
	font-weight:bold;
}

ol.tourdetail02 li.dataitem div.itemmeta span.date,
ol.tourzoom li.dataitem div.itemmeta span.date {
	color:grey;
	width:70px;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	padding:0;
	margin:0;
}

ol.tourdetail02 li.dataitem div.itemmeta span.venue,
ol.tourzoom li.dataitem div.itemmeta span.venue {
	font-size:1.1em;
	font-weight:bold;
}
ol.tourdetail02 li.dataitem div.itemmeta span.status,
ol.tourzoom li.dataitem div.itemmeta span.status {
	font-size: 1.3em;
	font-weight:bold;
	color:green;
	margin-left: 60px;
	text-decoration: underline;
}
ol.tourdetail02 li.dataitem div.itemmeta span.status a,
ol.tourzoom li.dataitem div.itemmeta span.status a{
font-size: 1.0em;
	font-weight:bold;
	color:green;
}
ol.tourdetail02 li.dataitem div.itemlocation span.venue,
ol.tourzoom li.dataitem div.itemlocation span.venue {
	display:none;
}
ol.tourdetail02 li.dataitem div.itemlocation span.address,
ol.tourzoom li.dataitem div.itemlocation span.address {
	display:block;
	font-weight:bold;
	text-indent: -10px;
}


/* these next two rules fit the video and the audio */
ol.ftrdetail02 div.entry span.size,
ol.releaseInfo div.entry span.size {
	font-size:0.9em;
}
ol.ftrdetail02  div.entry span.type,
ol.releaseInfo div.entry span.type {
	font-size:0.9em;
	color:rgb(0,33,44);
}







ol.tourdetail02 li.dataitem div.itemcontent span.support,
ol.tourzoom li.dataitem div.itemcontent span.support {
	display:block;
	font-size:1em;
	font-weight:bold;
}
ol.tourdetail02 li.dataitem div.itemcontent span.header,
ol.tourzoom li.dataitem div.itemcontent span.header { /* this could use better markup still */
	color:rgb(0,33,44);
}


ol.tourzoom li.dataitem div.itemcontent h4 a {
	font-size:0.9em; /* this measurement is a little bit of a hack... dunno if it matches perfectly */
	font-weight:normal;
}

ol.tourzoom li.dataitem div.itemcontent span.infoAddress { /* this could use better markup still */
	color:rgb(0,33,44);
}
ol.contact01 li.dataitem div.itemcontent span.address {
	display:block;
	margin:1em 0 1em 48px;
}


ol.ftrdetail02  div.setlist h5 {
	color:rgb(0,33,44);
	font-weight:bold;
	text-align:right;
	width:40px;
	float:left;
	padding:0;
	margin:0;
}
ol.ftrdetail02 div.setlist ol,
ol.ftrdetail02 div.setlist p {
	text-indent:0;
	margin:0 0 1em 45px;
}

/* these next two sections should look almost the same */
ol.contact01 li.dataitem div.itemcontent p,
ol.sitemap li.dataitem div.itemcontent p {
	text-indent:0;
	padding:0;
	margin:0;
}

ol.sitemap li.dataitem  div.itemcontent ol {
	margin:0 0 1em 48px;
}
ol.sitemap li.dataitem  div.itemcontent li {
	list-style:none;
}


ol.ftrdetail02 li.dataitem div.itemcontent div.setlist li {
	list-style:none;
}


/*
ol.ftrdetail02 div.video div.entrycontent,
ol.releaseInfo div.video div.entrycontent {
	margin:0 0 0 45px;

}*/
ol.ftrdetail02 div.video div.preview,
ol.releaseInfo div.video div.preview {
	float:left;
}

ol.ftrdetail02 div.video  p,
ol.releaseInfo div.video  p {
	text-indent:0;
}

ol.ftrdetail02 div.video div.file,
ol.releaseInfo div.video div.file {
	margin-right:48px;
}

/* **************** TESTING **************** */
/* this is a test of dispaly:table to get the left flater without needing
	clear or min-height */
ol.ftrdetail02 div.video,
ol.releaseInfo div.video {
	padding-right:48px;
}
ol.ftrdetail02 div.video div.entrycontent,
ol.releaseInfo div.video div.entrycontent {
	clear:none!important;
	display:table;
	height:64px;
	margin:0 0 0 45px;
}
ol.ftrdetail02 div.video div.entrycontent div.file,
ol.releaseInfo div.video div.entrycontent div.file {
	clear:left;
}

/* **************** END TESTING **************** */

ol.ftrlist01 li.dataitem span.date {
	display:block;
	width:20px;
	float:left;
}
ol.ftrlist01 li.dataitem ul.entries {
	margin:0 0 0 47px;
}
ol.ftrlist01 li.dataitem ul.entries li {
	list-style:none;
}
ol.ftrlist01 li.dataitem ul.entries li span.time {
	font-weight:bold;
	color:rgb(0,33,44);
}




div.gallery ul.photogroup {
	height:411px;
	border:none;
}

div.dataitem div.gallerynav ul.pages {
	float:left;
}
div.dataitem div.gallerynav ul.pages li {
	list-style:none;
	display:inline;
	padding:0 1px 0 4px;
	border-left:1px #B08791 solid;
}
div.dataitem div.gallerynav ul.pages li.first {
	border:none;
}

div.dataitem div.gallerynav div.shuffle {
	width:100px;
	margin-left:auto;	
}


li.dataitem ul.letters {
}
li.dataitem ul.letters li.entry {
	list-style:none;
}

ul.letters li.entry div.question div.addressedto {
	font-weight:bold;
	padding:0 0 0 3em;
}
ul.letters li.entry div.question div.response {
	font-style: italic;
}
ul.letters li.entry div.question div.signed {
	padding:0 0 0 40%;
}
ul.letters li.entry div.answer {
	margin-top:1em;
}
ul.letters li.entry div.answer div.signed {
	font-weight:bold;
	color:rgb(0,33,44);
	padding:0 0 0 3em;
}
ul.letters li.entry div.answer div.response {
	color:rgb(0,33,44);
}

ol.releaseListing li {
	position:relative;
	margin:5px 0 2px 48px;
}
ol.releaseListing h4 {
	margin:0 0 2px 0;
	padding:6px 0 0 0;
}
ol.releaseListing dl {
	padding:0 0 6px 0;
}
ol.releaseListing img {
	position:absolute;
	top:0;
	left:-48px;
}
ol.releaseListing h4 a {
	font-size:1.3em;
	font-weight:bold;
}
ol.releaseListing dl dt,
ol.releaseListing dl dd {
	display:inline;
	padding:0 0.5em 0 0;
}
ol.releaseListing dl dt {
	color:rgb(0,33,44);
}



ol.releaseInfo li div.itemmeta {
	position:relative;
	top:0;
	left:0;
}
ol.releaseInfo li div.itemmeta img {
	margin-left:48px;
}
ol.releaseInfo li div.itemmeta div.info {  
	position:absolute;
	left:210px; /* this is totally dependant on the album cover size */
	margin:0 0 8px 0;
}
ol.releaseInfo li div.itemmeta>div.info { /* this is the real bottom aligning */
	top:auto;
	bottom:12px;	
}
ol.releaseInfo li div.itemmeta div.info span.header {
	color:rgb(0,33,44);
}
ol.releaseInfo li div.itemcontent div.entry h4.title {
	padding:1em 0 0 0;
	margin:0;
}

ol.releaseInfo li div.itemcontent div.entry h5 {
	font-size:1.4em;
	font-weight:bold;
	padding:0;
	margin:0 0 0 48px;
}
ol.releaseInfo li div.itemcontent div.entry ol {
	padding:0 0 0 48px;
	margin:0 0 1em 0;
}
ol.releaseInfo li div.itemcontent div.entry ol li {
}

ol.releaseInfo li div.itemcontent div.credits div.entrycontent {
	padding:0 0 1em 0;
	margin:0 0 0 48px;
}


ol.faq01 li div.itemcontent div.question,
ol.faq01 li div.itemcontent div.response {
	padding-top:0.6em;
	margin-left:26px;
}
ol.faq01 li div.itemcontent img.icon {
	margin-left:-26px;
	margin-top:-6px;
	float:left;
}
ol.faq01 li div.itemcontent div.answer {
	margin-top:6px;
}
ol.faq01 li div.itemcontent div.response {
	color:rgb(0,33,44);
}