/* Theatre Website ************************************

	Homepage: http://nooshu.com 

	Author: Matt Hobbs

******************************************************/



/* Page Reset ****************************************/

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,

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-weight: inherit;

	font-style: inherit;

	font-size: 100.01%;

	font-family: inherit;

	vertical-align: baseline;

	}

body {

	line-height: 1;

	color: #000;

	background: #000;

	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;

	}

ol, ul {list-style: none;}

table {

	border-collapse: separate;

	border-spacing: 0;

	}

caption, th, td {

	text-align: left;

	font-weight: 400;

	}

blockquote:before, blockquote:after,

q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

/* Basic Page Styling ********************************/

#wrapper {

	width: 1177px;

	margin: 0 auto;

	}

/* Underlines anchors on hover throughout the site */

#wrapper a:hover {text-decoration: underline !important;}

#header {

	position: relative;

	width: 1177px;

	height: 348px;

	background: url(../images/headerBG.jpg) no-repeat;

	}

#header #logo {

	width: 414px;

	height: 156px;

	display: block;

	text-indent: -999em;

	background: url(../images/theatreLogo.gif) no-repeat;

	position: absolute;

	top: 180px;

	left: 207px;

	}

/* Navigation ****************************************/

#nav {

	width: 1163px;

	height: 39px;

	overflow: hidden;

	background: url(../images/navBG.gif) top center no-repeat;

	padding: 22px 0 1px 0;

	}

#nav ul {

	overflow: hidden;

	margin: 0 0 0 120px;

	background: #fff

	}

.hasJS #nav ul {margin: 0 auto;}

#nav ul li {

	float: left;

	margin: 0 16px 0 0;

	display: inline;

	}

#nav ul .last {margin: 0;}

#nav ul li a {

	text-decoration: none;

	color: #000;

	font-family: Times, Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 0.88em;

	font-weight: 700;

	line-height: 1.3;

	}

#nav ul li a:hover {text-decoration: underline;}

/* Content *******************************************/

#content {

	width: 844px;

	margin: 0 0 0 148px;

	background: url(../images/contentRepeat.gif) repeat-y;

	position: relative;

	}

#content .inner {

	width: 579px;

	margin: 0 auto;

	min-height: 600px; 

	height: auto !important;

	background: url(../images/mainContentTop.gif) no-repeat;

	padding: 120px 117px 1px 148px

	}

/* for Internet Explorer */

/*\*/

* #content .inner {

	height: 600px;

	}

/**/

#content .inner h1 {

	font-family: Georgia;

	color: #fff;

	padding: 5px;

	font-weight: 700;

	display: inline;

	font-size: 1.69em;

	/* -215px is pulling the image back to the left a little for the rough corners, can adjust it if needs be*/

	background: #000 url(../images/h1BG.png) -215px center  repeat-x;

	}

#content .inner p {

	margin: 0 0 20px;

	font-size: 0.79em;

	line-height: 1.4;

	}

#content .inner p img {

	padding: 0 10px 10px 0;

	}

#content .inner p a {

	color: #f10f10;

	text-decoration: none;

	line-height: 1.4;

	}

#content .inner p a:hover {text-decoration: underline;}

.title-wrapper {margin: 0 0 25px;}

/* Various different markdown content styles */

#content .inner ul {

	margin: 0 0 12px 18px;

	list-style: square;

	}

#content .inner ol {

	margin: 0 0 12px 23px;

	list-style: decimal;

	}

#content .inner ul li,

#content .inner ol li {

	margin: 0 0 6px;

	font-size: 0.79em;

	}

#content .inner ol li a,

#content .inner ul li a {

	font-size: 1.05em;

	color: #f10f10;

	text-decoration: none;

	line-height: 1.4;

	}

#content .inner h2 {

	font-weight: 700;

	line-height: 1.3;

	margin: 0 0 8px;

	font-size: 1.25em;

	}

#content .inner h3 {

	font-weight: 700;

	line-height: 1.3;

	margin: 0 0 8px;

	font-size: 1em;

	}

#content .inner h4 {

	font-weight: 700;

	line-height: 1.3;

	margin: 0 0 8px;

	font-size: 0.94em;

	}	

#content .inner p strong {font-weight: 700;}

#content .inner p em {font-style: italic;}

#content .inner blockquote p {

	font-style: italic;

	padding: 16px;

	color: #555;

	}

#secNav {

	position: absolute;

	top: 0;

	left: 155px;

	overflow: hidden;

	height: 80px;

	}

#secNav li {

	float: left;

	display: inline;

	margin: 0 50px 0 0;

	}

#secNav li a {

	display: block;

	text-indent: -999em;

	height: 80px;

	}

#sub_1 {

	width: 176px;

	background: url(../images/nextPerformance.gif) no-repeat;

	}

#sub_2 {

	width: 123px;

	background: url(../images/buyTickets.gif) no-repeat;

	}

#sub_3 {

	width: 159px;

	background: url(../images/mailingList.gif) no-repeat;

	}


/* Fancy Gallery ********************************************/
/* Class for the "fancy_parent" function 
 * It gives a thick 1px grey border around image
*/
.link img { 
	border: 1px solid #999; 
	outline:none;
	padding:5px;
	margin:5px;
}

.link img:hover {
	border:1px solid #ccc;
}

/* Class for single image listing (fancy function) 
 * It gives a grey 1px border around image
*/
.photo { 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #999; 
	display: block; 
	float: left; 
}

.photo:hover	{ border-color: #ccc; }


/* Email form styling ********************************************/

/* -------------------- 
 * Email form styling
 ------------------- */   

#emailform .trip {
  display:  none;
  visibility: hidden;
}
#emailform label {
  width:  95px;
  display:  inline-block;
  vertical-align: top;
  clear: both;
}
#emailform input.text, #emailform textarea {
  width:  400px;
  padding: 2px;
}
#emailform textarea {
  height:  115px;
}
#emailform input.submit {
  display: block;
  margin-left: 250px;
  width:  auto;
}


/* Footer ********************************************/

#footer {

	width: 844px;

	text-align: center;

	padding: 101px 0 40px;

	background: url(../images/footerBG.gif) no-repeat;

	margin: 0 0 0 148px;

	}

#footer p {

	color: #fff;

	font-size: 0.69em;

	}

#footer a {

	text-decoration: none;

	color: #f10f10;

	}

/* AddThis ********************************************/

.addthis_toolbox addthis_default_style {

	font-family: arial,helvetica,"lucida grande",verdana,sans-serif;

	font-size: 12px;

	line-height: 1.6em;

	color:#444;

	}

.addthis_button_compact {

	font-family: arial,helvetica,"lucida grande",verdana,sans-serif;

	font-size: 12px;

	line-height: 1.6em;

	color:#444;

	}