/* patterson hood */
/* eric meyer's reset reloaded, minus table elements */
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%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 1px dotted #d3b090;
}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: #000;
	color: #ddc4b2;
	font-family: times, garamond, serif;
	font-size: 62.5%; /* clagnut font-size method: now 1em = 10px */
	text-align: center;
	background-repeat: repeat-x;
	background-attachment: fixed;
	}
/* Apply the following IDs to body element per page to give navigation indicated state. */
#home .home a, 
#news .news a, 
#tour .tour a, 
#bio .bio a, 
#blog .blog a,
#oscar .oscar a,
#photos .photos a,
#merch .merch a,
#press .press a,
#productions .productions a,
#links .links a,
#mailing .mailing a,
#contact .contact a {color: #fef5ef}
.pageWrap {
	width: 1000px;
	margin: 0 auto;
	background: #000 url(images/bg_body.gif) repeat-y top center;
	}
#column {/* apply this ID to div.pageWrap to switch to column background */
	background-image: url(images/bg_body.gif);
	}
.page {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
h1, h2, h3, h4 {
	color: #3280AB;
	font-weight: bold;
	}
h1 { margin: 0 0 .6em 0; font-size: 1.7143em; text-indent: -10px;}

h2 {
	margin: 0 0 8px 0;
	font-size: 1.4em;
}
h3 {
	margin: 0 0 6px 0;
	font-size: 1.2em;
}
h4 {
	margin: 0 0 4px 0;
	font-size: 1em;
}
h5 {
	margin: 0 0 10px 0;
	font-size: 2em;
	font-variant: small-caps;
	color:#3280AB;
}

body, table, td, div, input {
	line-height: 1; /* default to line-height based on size of the element */
	font-family: times, garamond, serif;
}
.mast, .nav, .content, .contentR, .foot { 
	font-size: 1.4em;
	}
a:link, a:visited {	
	color:#6e9eb9;
	text-decoration: underline;
	}
a:visited {
	color: #6e9eb9;
	}
a:hover, a:active {
	color:#62A2C5;
	text-decoration: none;
	}
	
a img { border: none; }


p {
	padding: 0 0 12px 0;
}
hr {
	background: #563843;
  	border: 0;
  	color: #563843;
  	height: 1px;
	margin: 0;
	}

ol li {/* set this back to numerals after the reset */
	list-style-type: decimal;
	}

table {	font-size: 90%; /* IE font-size inheritance fix */ }

/* =CUSTOM CLASSES */


/* =table appearance */
.tableheader {
	border-bottom: 1px solid #FFF5EF;
	background: #E2B393;
	color: #563843;
	font-weight: bold;
	}

th {
	border-bottom: 1px solid #E2B393;
	background-color:#DDCDAC;
	color:#563843;
	text-align: center;
}

td {
	border-bottom: 1px solid #F2D0BC;
	background-color:#FFF5EF;
	color: #563843;
}

tr.alt td, td.alt {/* classes for alt row td background color, alt td color across rows, respectively */
	background-color:#F5ECD8;
	padding: 10px 0 10px 0;
	color: #563843;
}
/* general use =input appearance */

.date {
      width:85px;
      text-align:center;
      }
.dest {
      width:95px;
      text-align:center;
	  }
.venue {
      width:200px;
      text-align:center;
	  }
.acts {
      width:450px;
      text-align:center;
	  	  padding: 5px 0;
	  }
.buy {
      width:200px;
      text-align:center;
	  }

.myfield {
	border:1px solid #333;
	background: #fff;
}	
.myfieldFocus {
	border:1px solid #000;
	background:#fff;
}

/****** =LAYOUT *******/

.clearfloat {
	clear: both;
	height: 1px;
	}
.clear0 {
	height: 0;
	clear: both;
	}

/* 'self-clearing float' method, as seen at position is everything . net ; */
/* class="clearfix" is applied to parent of floated children, e.g. class="content clearfix", when .content contains floating columns */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}/* have misgivings about telling this to FF, but doesn't seem to hurt */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* give old IE 'hasLayout'. Using zoom: 1; may be better? haven't tested. *//* if zoom works, may eliminate need to filter to IE lt7, hide from IEmac */
.clearfix {display: block;}
/* End hide from IE-mac */

/* end float kludges. begin page layout */

/* =masthead */
.mast {
	background: #000000;
	}
.mastL {
	float: left;
	width: 684px;
	}
.mastR {
	float: right;
	width: 276px;
	}

/****** MAIN =NAVIGATION *******/

.nav {
/* 	min-height: 30px; *//* not needed since we're floating navigation */
	background: #311129 url(images/bg_nav.gif) repeat-x top;
	}
.nav ul {
	margin-left: 20px;
	padding: 0;
	}
.nav li {
	list-style-image: none;
	float: left;
	background: url(images/bg_nav_li.gif) no-repeat left center;
	}
.nav li.first { background: none; }

.nav a:link, .nav a:visited, .nav a:hover  {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	color: #DDCDAC;
	font-weight: bold;
	text-decoration: none;
	}
.nav a:hover {
	background: #532D44;
	color: #ffffff;
	}

/****** =CONTENT *******/

.content {
	background: #000000;
	line-height:1.35em;
	padding:40px;
	overflow-x: hidden; 
	overflow-y: hidden; 
	}
.content2 {
	background: #000000;
	line-height:1.35em;
	padding:40px;
	font-size: 150%;
	font-weight: bold;
	overflow-x: hidden; 
	overflow-y: hidden; 
	}
.contentL, .contentR {
	padding: 40px 0;
	}
.contentL {
	float: left;
	width: 690px;
	background: #000;
	border-style:solid;
	border-right:solid #201318;
	}
.contentL .content  {
	padding: 0 30px;
	_padding: 0 20px;/* IE6 hack */
	background: none;
	}
.content ul, .content ol { /* put back some uniform spacing for both list types */
	margin: 0 0 0 8px;
	padding: 0 0 6px 0;
	}
.content ul li {
	padding: 0 0 6px 12px;
	}
.content ol li {
	margin: 0 0 6px 12px;
	}
.content ul ul, .content ol ol {
	margin-bottom: -6px;
	padding: 6px 0 0 0;
	}
.content ul li {
	background: url(images/li.gif) no-repeat 0 .5em; 
}
.contentImg {
	float: right;
	margin: 0 0 10px 10px;
	}
.contentImgIn {
	float: right;
	margin: 15px 0 5px 15px;
	}
.contentImgIn2 {
	margin: 15px;
	}
.contentImgIn3 {
	margin-right: 8px;
	float: left;
	overflow:hidden;
	}
.productionsImg {
	float: left;
	margin: 0 10px 5px 5px;
	border: 1pt;
	border-style: solid;
	border-color: #380B27;
	}
.contentR {
	float: right;
	margin-right: 35px;
	_display:inline;/* IE6 hack */
	width: 210px;
	color: #e6c0a1;
	}
.contentRPad {	
	padding: 0 0 0 10px;
}

.contentR h1 { color: #cb9a72; }

.contentR h3 {
	padding-top: 5px;
	}

.contentR h2, .contentR h3, .contentR h4 { 
	margin-bottom: 0;
	color: #e6c0a1;
	line-height: 1.3; }
.contentR p {
	padding-bottom: 8px;
	font-size: .85em;
	line-height: 1.3;
	}
.contentR span {
	text-transform: uppercase;
	}
.contentR p a {
	display: block;
	padding: 10px 0 0 0;
	}
.contentR a:link, .contentR a:visited, .contentR a:hover {
	color: #fef5ef;
	text-decoration: none;
	}
.contentR a:hover {text-decoration: underline;}

.promo {
	position: relative;
	float: left;
	width: 200px;
	margin-right: 10px;
	padding-top: 20px;
	font-size: .85em;
	line-height: 1.2em;
	}
.promo1 {
	width:335px;
	font-family: sans-serif;
	font-weight: bold;
	text-transform:capitalize;
	text-align: center;
	padding: 4pt;
	border: 2pt;
	border-style: double;
	border-color: black;
	padding:10px;
	background-color:black;
	border:1px solid #431933;
	margin: 5px;
	}
.promo2 {
	width:315px;
	font-weight: bold;
	text-transform:capitalize;
	text-align: center;
	padding: 4pt;

	border: 2pt;
	border-style: double;
	border-color: black;
	padding:5px;
	background-color:black;
	border:1px solid #431933;
	margin: 5px;
	line-height: 1.5em;
	}
	
.promomerchAll {
	float: left;
	}

.promomerch {
	width:600px;
	height: 150px;
	font-family: sans-serif;
	line-height: 1.3;
	text-align: left;
	padding: 4pt;
	border: 2pt;
	border-style: double;
	border-color: black;
	padding:10px;
	background-color:black;
	border:1px solid #431933;
	margin: 10px 5px;
	}
*html .promomerch {
	height: 180px;
	}
*:first-child+html .promomerch {
	height: 180px;
	}

.promomerch2 {
	width:200px;
	font-family: sans-serif;
	line-height: 1.3;
	text-align: left;
	padding: 4pt;
	border: 2pt;
	border-style: double;
	border-color: black;
	padding:10px;
	background-color:black;
	border:1px solid #431933;
	margin: 10px 5px;
	float: right; 
	}
.promoImg {
	float: left;
	margin: 0px 15px 35px 0px;
	}
.promo img { 
	float: left; 
	margin-right: 8px; 
	}
.promo a:link, .promo a:visited { 
	text-decoration: none; 
	}
.promo a:hover { 
	text-decoration: underline; 
	}
.moLeft {
	width:500px;
	float: left; 
	}
.moRight {
	width:300px;
	float: right; 
	}

.footer {
	height: 20px;
	padding-bottom: 20px;
	background: #380b27 url(images/bg_footer.gif) no-repeat center top;
	}
