/* This CSS sets the template styles and layout for ALL elements */

/* --------------------------------------------------------- =BROWSER =NORMALIZATION */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend/*, table, caption, tbody, tfoot, thead, tr, th, td */ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

	
	
/* ---------------------------- base styles ----------------------------- */
body {
	background: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 72%;
	text-align: center;
	}

body, table, td, div, input {
	/* line-height: 1; */ /* part of reset, but causes IE text clipping issue (if uncommented, all text needs line-height: normal or a value > 1)  */
	font-family: Verdana, Arial, Trebuchet, Tahoma, Helvetica, sans-serif;
	}

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

h1 {
	margin:0;
	padding: 6px 0;
	font-family: Times, serif;
	font-size: 24pt;
	font-color: #dcdcdc;
	text-align: center;
	background: #292a2c;
	}

h2 {
	color: #dfa534;
	font-family: Times, serif;
	font-size: 18px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	line-height: 120%;
	}

h3 {
	color: #dfa534;
	font-family: Times, serif;
	font-size: 18px;
	margin: 0 0 4px 0;
	text-transform: none;
	}

h4 {
	color: #fff;
	margin: 0 0 1px 0;
	font-size: 1.2em;
	}
h5 {
	margin:0;
	padding: 6px 0 3px 0;
	font-family: Gotham, "Arial Narrow", Arial, Verdana, Trebuchet, Tahoma, Helvetica, sans-serif;
	font-size: 4em;
	font-stretch: condensed;
	font-color: #fff;
	text-align: center;
	font-weight: normal;
	}
h6 {
	color: #fff;
	margin: 0 0 4px 0;
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
	}

p {
	padding: 0 0 12px 0;
	}

hr {
	background: #333;
  	border: 0;
  	color: #000;
  	height: 1px;
	margin: 10px 0;
	}
	
ol li {
	list-style-type: decimal;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	} /* tables still need 'cellspacing="0"' in the markup */

table {	
	font-size: 100%; 
	} /* IE inheritance fix */

blockquote {
	padding: 10px 10px 20px 25px;
	background:url(images/bg_blockquote.gif) no-repeat 0 5px;
}
	
/* ---------------------------- clear ----------------------------- */

.clearfloat {
	clear: both;
	height: 1px;
	}
	
.clear0 {
	height: 0;
	clear: both;
	}

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

.clearfix {
	display: inline-block;
	} /* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	} /* End hide from IE-mac */

	
	
/* ---------------------------- page ----------------------------- */

.page {
	width: 956px;
	margin: 0 auto;
	text-align: left;
	}



/* ---------------------------- masthead ----------------------------- */
.mast {
	
	}
	
.mastL {
	float: left;
	width: 300px;
	}
	
.mastR {
	float: right;
	width: 656px;
	text-align: right;
	}

	
/* ---------------------------- nav ----------------------------- */
.nav {
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
	}

.nav ul {
	margin: 0;
	padding: 0;
	}

.nav li {
	margin: 0 3px;
	padding: 0;
	display: inline;
	}
	
.nav a:link, .nav a:visited {	
	color:#9f9f9f;
	text-decoration: none;
	}
	
.nav a:hover, .nav a:active {
	color:#ef1822;
	text-decoration: none;
	}
.subnav {
	text-align: center;
	margin-bottom: 20px;
	}
.subnav img {
	padding: 10px;
	}
.subNav a:link, .subNav a:visited {

}

.subNav a:hover, .subNav a:active {

	}
.creditsEp {
	font-size: 2em;
	line-height: 1.2;
	}

/* ---------------------------- home ----------------------------- */
.home {
	
	}
	
/* ---------------------------- home promos ----------------------------- */

.topPromo {
	margin: 15px;
	}
.topPromoBanner {
	margin: 15px 0 15px 15px;
	}

.homeStandard {
	border: 0;
	width: 125px;
	float: left;
	margin: 8px 0 0 0;
	}
.homeStandard img {
	margin: 4px 0;
	padding: 0px;
	}
* html .homeStandard img {
	margin: 4px 0;
	padding: 0px;
	}

* html .homeStandard {
	border: 0;
	width: 125px;
	float: left;
	margin: 5px 0 0 0;
	}


.homePromos {
	font-family: Times, serif;
	margin-top: 10px;
	color: #9f9f9f;
	float: right;
	width: 826px;
	}
.homePromos h1 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Times, serif;
	margin: 5px 0 1px 0;
	background: none;
	text-align: left;
	padding: 0;
	}
.homePromos img {
	margin: 5px;
	float: left;
	border: 1px solid #292929;
	}
.homePromos p {
	font-size: 1em;
	padding:0 0 5px 100px;
	line-height: 1.3;
	}
.homePromo1, .homePromo2, .homePromo3 {
	float: left;
	width: 265px;
	margin-right: 10px;
	padding-bottom: 4px;
	border: 1px solid #2a2b2c;
}

.homePromo3 {
	margin-right:0;
}

.promoLinks {
	font-weight: bold;
}


/* saving back Jenn's styles to work on FF mac zoom issue */
/* .topPromo {
	margin: 15px;
	}

.homeStandard {
	border: 0;
	width: 125px;
	float: left;
	margin: 8px 0 0 0;
	}
.homeStandard img {
	margin: 4px 0;
	padding: 0px;
	}
* html .homeStandard img {
	margin: 4px 0;
	padding: 0px;
	}

* html .homeStandard {
	border: 0;
	width: 125px;
	float: left;
	margin: 5px 0 0 0;
	}


.homePromos {
	font-family: Times, serif;
	margin-top: 10px;
	color: #9f9f9f;
	float: right;
	}
.homePromos h1 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Times, serif;
	margin: 5px 0;
	background: none;
	height: 20px;
	text-align: left;
	padding: 0;
	}
.homePromos img {
	margin: 5px;
	float: left;
	border: 1px solid #292929;
	}
.homePromos p {
	padding-left:100px;
	/* float: right;
	font-family: Times, serif; *//*
	}
	
.homePromo1 {
	border: 1px solid #2a2b2c;
	width: 265px;
	float: left;
	margin: 0 4px 0 9px;
	}
* html .homePromo1 {
	margin: 0 4px;
	}
	
.homePromo2 {
	border: 1px solid #2a2b2c;
	width: 260px;
	float: right;
	margin: 0 9px;
	}
* html .homePromo2 {
	margin: 0 4px;
	}
	
.homePromo3 {
	border: 1px solid #2a2b2c;
	width: 260px;
	float: right;
	margin: 0 0 0 9px;
	}
* html .homePromo3 {
	margin: 0 4px;
	} */


/* ---------------------------- content ----------------------------- */

.header {
	position:relative;
	}
	

.widget-box{ 

}

.widget{ 
color:#FFFFFF;
background:#000000;
padding-left:20px;
}

.widget2{ 
color:#FFFFFF;
font-size: 10pt;
background:#000000;
text-align:center;
}


.playerWrap {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index:100;
}
.content {
	padding: 30px 30px 30px;
	line-height: 1.8;
	border: 1px solid #2a2b2c;
	}
.contentEpisodes {
	padding: 5px 30px 30px 30px;
	line-height: 1.8;
	border: 1px solid #2a2b2c;
	}

/* --#news .content {background:url(images/bg_Get-Downtown.png) no-repeat;}-- */
#vault .content {min-height:800px;background:url(images/bg_Fortune-tellerjf-digi.jpg) no-repeat;}

.content ul, .content ol {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
	}
	
.content ul li { 
	background: url(../images/bullet.gif) no-repeat .5em 0; 
	padding: 0 0 6px 20px;
	}
	
.content ol li {
	margin: 0 0 6px 12px;
	}
	
.content ul ul, .content ol ol {
	margin-bottom: -6px;
	padding: 6px 0 0 0;
	}

.contentLeft {
	width: 300px;
	margin: 5px 20px;
	float: left;
	}
.contentRight {
	width: 450px;
	margin: 5px 20px;
	float: right;
	}
.contentNote {
	font-size: 11px;
	font-style: italic;
	color: #f6deb1;
	line-height: 140%;
	margin: 10px 0;
	}
.comment  {
	color: #eed6a1;
	font-size: .8em;
	margin: -4px 0 5px 0;
	}
.imptLinks {
	font-weight: bold; 
	margin: 0 10px 0 0;
	}
.imptLinks a:link, .imptLinks a:visited {	
	font-weight: bold; 
	margin: 0 10px 20px 0;
	}
.imptLinks a:hover, .imptLinks a:active {
	font-weight: bold; 
	margin: 0 10px 20px 0;
	}
	
/* ---------------------------- photos ----------------------------- */

.photoContent {
	margin: 30px 20px 5px 0;
	}
	
.photos {
	float: left;
	width: 450px;
	}
.photos img {
	margin: 3px;
	}
	
.flickr {
	float: right;
	}
	
/* ---------------------------- causes ----------------------------- */
.causesLeft {
	width: 600px;
	margin: 5px 20px;
	float: left;
	}
.causesRight {
	width: 200px;
	margin: 5px 20px;
	float: right;
	}
.causesLeft img {
	float: left;
	margin: 0 10px 5px 0;
	}
.causesRight img {
	margin: 0 0 5px 0;
	}

/* ---------------------------- news ----------------------------- */

.newsMain  {
	width: 640px;
	float: left;;
	color: #9f9f9f;
	}

.newsMainL  {
	width: 315px;
	float: left;
	margin: 0;
	}

.newsMainR  {
	width: 315px;
	float: right;
	}
	
.newsItem  {
	width: 300px;
	border-top: 1px dotted #2a2b2c;
	min-height: 100px;
	margin: 5px 0 15px 0;
	}
	
.newsItem h1{
	margin: 10px 0 0 0;
	padding:0;
	background: none;
	color: #fff;
	font-size: 15px;
	font-family: Times, serif;
	text-align: left;
	line-height:normal;
	}
.newsItem img {
	margin: 10px 5px 5px 5px;
	float: left;
	border: 1px solid #292929;
	}
* html .newsItem img {
	display:inline;
	}
.newsItem p {
	padding:5px 0 0 100px;
	font-size:11px;
	line-height:14px;
	/* float: right;
	font-family: Times, serif; */
	}

.newsCol  {
	width: 230px;
	float: right;
	margin: 0 10px;
	text-align: center;
	}
.newsContent {
	margin: 30px 20px 5px 0;
	}
.newsContent img {
	float: right; 
	padding: 0 0 0 10px;
	}

.vevent {
    padding-bottom: 17px;
}
.vevent a {
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    line-height: 1.5em;
}
.vevent a:hover, .vevent a:focus {
    color: #C0B693;
}
.vevent a.rsvp {
    color: #C0B693;
    font-size: .9em;
    line-height: 1.2em;
    padding-top: 3px;
}
.impt {
	text-align: center; 
    font-size: 1.1em;
	
}

/* ---------------------------- film ----------------------------- */
.film {
	overflow:auto;
	}
	
.webisode {
	margin: 0 0 20px 0;
	}
.webisode img {
	border: 1px #999 solid;
	}
.add  {
	text-align: right;
	}
.add a:link, .add a:visited {	
	color:#ef1822;
	text-decoration: none;
	padding: 3px 7px;
	}
	
.add a:hover, .add a:active {
	color:#ef1822;
	text-decoration: underline;
	padding: 3px 7px;
	}

/* ---------------------------- records ----------------------------- */
.recordsLeft {
	float:left;
	width:225px;
	margin-right:20px;
}
	
.recordsRight {
	float:left;
	width:650px;
}
#records h4 {
	padding: 5px 20px;
}
.listen li, .watch li {line-height:normal;	
}
.listen a, .watch a {
	min-height:18px;
	padding:1px 0 1px 20px;
	background: url(images/icon_play.gif) no-repeat left center;
}
.watch a {/* in case we want to add a separate icon for watch */}

/* general class for publishing info, who played what, credit on articles, etc. */
.credits {
	color:#999;
	font-size:.9em;
}
.photoCredits {
	color:#999;
	font-size:.9em;
	text-align: center;
	line-height: 1em; 
	margin: 5px 0 20px 0;
}
.button {
	display:block;
	margin:5px 0 0 0;
	padding: 5px 0 5px 10px;
	border:1px solid #00A1FF;
	background:#2D2E30;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
}
a.button:link,a.button:visited,a.button:hover{text-decoration:none;}
a.button:hover {
	border:1px solid #ef1822;
	background:#000;
	
}
/* ---------------------------- footer ----------------------------- */

#footer {
	text-align: center;
	width:956px;
	background-color:#000;
	}
.foot {
	text-align: center;
	}
.foot img {
	text-align: center;
	margin: 5px 30px 20px 30px;
	vertical-align: middle;
	}
#footerFlash{
	border:1px solid red;
	width:956px;

	background-color:#000;
	margin:10px;
}
	

	
/* ---------------------------- tables ----------------------------- */

/*-- 

.table { 
	width: 100%; 
	}

.tableheader {
	background: #004e45;
	color: #fff;
	font-weight: bold;
	}
	
th {
	border-bottom: 1px solid #fff;
	background-color:#007c6e;
	color:#fff;
	text-align: left;
	}
	
.tablecontent1 {
	border-bottom: 1px solid #fff;
	background-color: #dedede;
	}
	
.tablecontent2 {
	border-bottom: 1px solid #fff;
	background-color:#fff;
	}
	---- */
	




#background-image {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 0px;
	width: 900px;
	text-align: left;
	border-collapse: collapse;
	background: url('images/bg_tour.jpg') no-repeat;
}

#background-image th {
	padding: 12px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

#background-image td {
	padding: 9px 12px;
	color: #fff;
	border-top: 1px solid #666;
}

#background-image tfoot td {
	font-size: 11px;
}


#background-image tbody td {
	background: url('images/back.png');
}


* html #background-image tbody td {
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	

#background-image tbody tr:hover td {
	color: #fff;
	background: #000;
}

.date {
      width:125px;
      text-align:center;
}
.dest {
      width:150px;
      text-align:center;
}
.venue {
      width:300px;
      text-align:center;
	  line-height: 120%;
}
.acts {
      width:250px;
      text-align:center;
	  line-height: 120%;
}
.buy {
	  width:100px;
      text-align:center;
	  line-height: 120%;
	  color: #ef1822;
	  font-weight: bold;
}