/*

	Theme Name: Shadowbox Live
	Theme URI: http://www.shadowboxlive.org
	Description: Theme for Shadowbox Live
	Version: 1.0
	Author: BaronHigbee
	Author URI: http://www.gprodesign.com/


	This theme was coded by GPro Design
	http://www.gprodesign.com/


*/

@import url('style_common.css');
@import url('style_menus.css');

/* Scrollbar Always hack */
html { overflow-y:scroll; }

/* Body reset */
	
body {
	margin:0;
	padding:0;
	/*background-image:url('images/bkgd-img-e.jpg');*/
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #f0eee4;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	}

a {
	cursor:pointer;
	color: #9e0b0f;
	text-decoration: none;
	}

a:hover {
	color: #000000;
	text-decoration: none;
	}

img {
	border: 0;
	}

input, select, textarea {
	background-color:#d8bb8c;
	color:#000000;
	}

fieldset {
	background-color:#f0eee4;
	margin:0;
	border-radius:5px;
	}

legend {
	font-weight:bold;
	font-style:italic;
	margin-top:10px;
	}

/* Content */
blockquote {
	border:1px solid #d8bb8c;
	background-color: #f0eee4;
	padding: 0 10px;
	border-radius:5px;
	overflow-y:auto;
	margin:15px;
	}
	
	.actualQuote { font-size:.9em;font-style:italic; }

.categoryHead {
	clear:left;
	padding-top:5px;
	border-top:1px solid #9e0b0f;
	margin: 20px 0 0 0;
	font-style: italic;
	}

p.categoryHead2 {
	clear:left;
	padding:5px 15px 5px 0;
	background-color:#9e0b0f;
	color:#f0eee4;
	text-align:right;
	margin:35px 0 0 0;
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	border-radius:5px;
	}

p.categoryHead3 {
	margin: 35px 0 0 0;
	font-style: italic;
	}
		
a.txtBtn,.navigation a {
	background-color:#7a1315;
	color:#f0eee4 !important;
	border:1px solid #000;
	padding: 6px 10px;
	border-radius:7px;
	font-size:1.2em;
	box-shadow:2px 2px 5px #555;
	}
	
	a.txtBtn:hover,.navigation a:hover {
		background-color:#f0eee4;
		color:#000 !important;
		border:1px solid #d8bb8c;
		}
	
	.txtBtnOff {
		padding: 0 14px 14px 14px;
		font-size:1.3em;
		font-weight:bold;
		margin:0;
		}
	
/* Image Link Hover Opacity */
a.imgLnk:hover {
	filter:alpha(opacity=6);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	}

/* Applications */

.errorTxt {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0;
	color: #9e0b0f;
	}

/* Quote styling*/

p.quoteMarks { float:left;font-size:3em;padding:0;margin:0 10px 0 0;font-style:italic;padding-bottom:25px;font-family:"Times New Roman", Times, serif; }

p.quoteLine { margin-bottom:0;text-align:left;font-weight:bold;letter-spacing:1px; }

p.quoteRef{ margin:0;text-align:right;font-size:.8em;font-style:italic; }

/* */

#pTable1 { /* "wrapper" for #content but here in the tree for image positioning */
	width:100%;
	margin:0;
	/*background-image: url(images/bkgds/table-bkgd1.png);
	background-position: center;
	background-repeat: repeat-y;*/
	}
	
#pTable2 { /* "wrapper" for #footer but here in the tree for image positioning */
	width:100%;
	margin:0 auto;
	/*background-position: center;
	background-repeat: repeat-y;
	background-image: url(images/bkgds/table-bkgd2.png);
	height:100%;
	clear:both;*/
	}
	
/* Header */	
#header {
	width:971px;
	height:120px;
	margin:0 auto -2px auto;
	background-image:url(images/header-img2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border-radius:0 0 10px 10px;
	}
	
	#header img {border:0px;}

h2 {
	font-size:36px;
	margin: 0;
	}

h4 {
	font-size:24px;
	padding:5px 10px;
	background-color:#000000;
	color:#d8bb8c;
	border:2px solid #d8bb8c;
	font-weight:bold;
	margin:0;
	}

h5 {
	padding-top:15px;
	border-top:1px solid #d8bb8c;
	font-weight:bold;
	font-style:italic;
	margin:0;
	font-size:14px;
	}

h6 {
	font-size:1.3em;
	clear:both;
	padding:5px 15px 5px 0;
	background-color:#9e0b0f;
	color:#f0eee4;
	text-align:right;
	border-radius:5px;
	margin:0;
	}

/* see menus.css for drop down menu styles */
	
/* Content styling */
#content {
	width:940px;
	margin:25px auto;
	padding-top:15px;
	background-image:url(images/bkgds/content-bkgd.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size:100%;
	background-color: #ffffff;
	border-radius:5px;
	box-shadow:1px 1px 20px #000;
	/*overflow:hidden;*/
	position:relative;
	}

#contentBody {
	width: 900px;
	overflow: hidden;
	margin:0 auto;
	}

#so-header {
	background-color:#f0eee4;
	width:895px;
	text-align:right;
	margin:0 0 15px 0;
	border:1px solid #d8bb8c;
	text-align:right;
	overflow:auto;
	clear:both;
	border-radius:5px;
	font-size:.9em;
	line-height:150%;
	}

.titleBkgd {
	width:575px;
	height:42px;
	padding-right:25px;
	padding-top:8px;
	margin-top:8px;
	background-image:url(images/ftpg/fptitle-bkgd.png);
	background-repeat:no-repeat;
	background-position:top right;
	font-size:30px;
	font-weight:bold;
	text-align:right;
	color:#000;
	letter-spacing:-1px;
	}
	
div.titleBkgd2 {
	width:863px;
	height:57px;
	padding-left:25px;
	padding-top:2px;
	margin:0;
	background-image:url(images/shows/showtitle-bkgd.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	}
	p.desc1 { margin:0; }
	p.desc2 { font-size:28px;margin:0; }
	div.titleBkgd2 p.desc1 { font-size:16px;font-weight:bold;font-style:italic;color:#000; }
	div.titleBkgd2 p.desc2 { font-weight:bold;color:#7a1314; }

.latestnews {
	clear:both;
	background-color:#f0eee4;
	border:2px solid #d8bb8c;
	padding:5px;
	margin:0 0 15px 0;
	font-size:12px;
	border-radius:5px;
	}
	
	.latestnews p {
		margin:0;
		}
	
	.latesttitle {
		border-bottom:1px dotted #9e0b0f;
		text-align:right;
		}

.infoBox {
	padding:10px;
	background-image:url(images/bkgds/monetary-donations-bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}

.showCount {
	background-color:#7a1315;
	color:#f0eee4;
	border:2px solid #f0eee4;
	padding: 5px;
	border-radius:5px;
	font-size:3em;
	}

.mediaBar {
	padding:10px;
	margin:0;
	height:180px;
	border:1px solid #000;
	color:#fff;
	clear:both;
	overflow:hidden;
	}

p.subTitle {
	font-size: 1.5em;
	margin:0;
	}
	
	#sidebarList p.subTitle { font-size:1em; }

#rightColumnA {
	width: 275px;
	float:right;
	margin:0 0 15px 15px;
	}

div.separateColor1 { background-color:#d8bb8c;margin:25px;padding:30px;clear:both;overflow-y:auto;border-radius:10px;box-shadow:black 5px 5px 5px;text-align:justify; }
div.separateColor2 { background-color:#fff;margin:25px;padding:30px;clear:both;overflow-y:auto;border-radius:10px;box-shadow:black 5px 5px 5px;text-align:justify; }

ul.faqList { margin-top:0;list-style:none; }
	ul.faqList li { margin-bottom:5px; }

ul.epMenu { margin-top:0; }
	ul.epMenu li { margin-bottom:15px; }

/* Footer styling */
#footer {
	width:100%;
	}
	
#footerBTNs {
	width:954px;
	height:177px;
	margin:0 auto;
	background-image:url(images/footer-img.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}

#legal {
	font: 10px Arial;
	text-align: center;
	color: #9e0b0f;
	margin: 75px auto 0 auto;
	padding-bottom: 25px;
	clear:both;
	}
	
	#legal a {
		text-decoration: none;
		color: #9e0b0f;
		}

	#legal a:hover {
		text-decoration: underline;
		color: #9e0b0f;
		}
	
	/* Copyright info */
	#lContainer {
		display: block;
		padding: 15px 0 0 0;
		}

/* Applications */

#appBody {
	background-image:url(images/bkgds/content-bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:70%;
	margin:0 auto;
	background-color: #fff;
	padding:5px 20px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	}

#appBody span.style1{ font-size:.8em;font-style:italic; }
#appBody a.style2{ font-size:.8em;padding-left:8px; }

#appBody ul { list-style:none; }

#appBody li { margin:5px 0; }

#appBody ul ul { list-style:circle; font-size:1.2em; }

#appBody ul ul ul { list-style:square; font-size:1em; }
	
#appBody .lessInfo {
	text-align:right;
	margin:0;
	}
	
#appBody .categoryHead { text-align:right; }

	/* Expanded info */
	.iContainer {
		width: 85%;
		margin: 3px 0 20px 20px;
		padding: 15px;
		background-color:#fff;
		color:#000;
		line-height:150%;
		font-size:.8em;
		border-radius:5px;
		border-top:2px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		border-left:2px solid #000;
		}
	
/* Countdown clock */
#countbox {
	color:#ffffff;
	background-color:#000000;
	font-size:18px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	border:2px inset #777777;
	margin:5px 0 15px 0;
	width:588px;
	}

/*

Slideshow Styles

*/

div.slideshowFooter {
	width:880px;
	height:50px;
	overflow:hidden;
	display:block;
	margin-top:0;
	background-color:rgba(0,0,0,0.85);
	padding:0 10px;
	}

	div.slideshowFooter p.slideDate { margin-top:5px;float:right;font-size:2.5em;color:#9e0b0f; }
	div.slideshowFooter p.slideInfo { margin-top:15px;font-size:1.3em; }

	
blockquote.announcement {
	color:#000;
	margin-top:0;
	text-align:center;
	padding:10px;
	border:none;
	clear:both;
	border:2px solid #7a1315;
	}
	
/******************* jQuery Tools CSS */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable2 {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 900px;
	height:450px;
	clear:left;
	border-radius:15px;
	}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items, .scrollable2 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	font-size:.9em;
	}
	.scrollable2 .items div a {
		color:#fff;
		width:900px;
		height:450px;
		display:block;
		}

/* position and dimensions of the navigator */
.navi {
	/* width:130px;
	height:40px; SET FOR EACH INSTANCE */
	margin:0 auto;
	clear:both;
	}


/* items inside navigator */
.navi a {
	width:15px;
	height:15px;
	margin:0 5px;
	float:left;
	background-color:#000000;
	border:2px outset #f0eee4;
	border-radius:15px;
	display:block;
	font-size:1px;
	}

/* mouseover state */
.navi a:hover { 
	background-color:#9e0b0f;
	border:2px outset #f0eee4; 
	}

/* active state (current page state) */
.navi a.active {
	background-color:#9e0b0f;
	border:2px inset #f0eee4;    
	}

	
/* Mobile */
.mPageTitle {
	font-size: 2.2em;
	font-weight: bold;
	width:95%;
	padding: 5px 0;
	margin: 5px auto;
	font-style:italic;
	background-color: #f0eee4;
	border:2px solid #d8bb8c;
	border-radius:5px;
	text-align:center;
	}

.ShowTag {
	background-color:#000;
	color: #f0eee4;
	padding: 5px 10px;
	font-size:1.2em;
	margin:0 0 30px 0;
	text-align:center;
	border-radius:0 0 5px 5px;
	}

.mShowTitle {
	font-size:2em;
	clear:left;
	padding-top:5px;
	border-top:1px solid #9e0b0f;
	margin: 20px 0 15px 0;
	font-weight:bold;
	}
	
.mDayTitle {
	font-size:2em;
	padding:10px 0;
	text-align:center;
	background-color:#000;
	color:#f0eee4;
	font-weight:bold;
	font-style:italic;
	margin:15px 0 0 0;
	clear:both;
	}

/* Mobile Box Office */
.mBoInfo {
	font-size:1.3em;
	text-align:center;
	width:90%;
	margin:0 auto;
	}

/*********************************************************************
/************************************************
/* NEW CLASSES FOR SHOW PAGES */

/* Show Headers must be styled on the TPL due to PHP call */
/*
clear:both;
margin:0;
height:153px;
padding-top:295px;
overflow-y:auto;
background-position:top center;
background-repeat:no-repeat;
border:1px solid black;
border-radius:0 0 10px 10px;
background-color:#000;
*/

.show-subtitle {
	margin:10px 0 35px 0;
}

.show-blurb {
	clear:both;
	padding:35px 0;
	display:block;
}

.buy-tickets-button {
	position:relative;
	margin:10px 0 5px 0;
	float:left;
}

.reserved-seats-button {
	margin:10px 0 5px 0;
	float:right;
}

.reservation-info {
	position:relative;
	margin:20px 0 0 0;
	font-size:2em;
	color:#f0eee4;
	background:rgba(0,0,0,0.85);
	padding:10px;
	width:878px;
}

.quote-banner {
	position:relative;
	margin:20px 5px;
	float:left;
	/*font-size:1.5em;*/
	color:#f0eee4;
}

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

.video-window {
	float:right;
	width:410px;
	margin:0 10px 0 0;
}

.frontpage-buttons{
	width:900px;
	margin:0;
	padding:20px 0;
	overflow-y:auto;
}

.frontpage-button-side {
	margin:0;
	float:left;
	border:1px solid black;
}

.frontpage-button-center {
	margin:0 33px;
	float:left;
	border:1px solid black;
}