/* 	musicboxtheatre.com Style Sheet 
	Author: C.L. Welch 			*/

/* RESET
---------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
  	vertical-align: baseline;
}
a img { border: none; }


/* GLOBAL TYPOGRAPHY 
---------------------------------------------*/
body, #container { 
	font: normal 12px/18px Arial, Helvetica, sans-serif;
  	color: #333;
}
p { 
	margin-bottom: 18px;
	padding: 0 5px;  
}
h1, h2, h3, h4, h5, h6 {
	padding: 0 0 0 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #222;
}
h1 { 
	margin-bottom: 9px;
	padding-bottom: 8px;
	border-bottom: 1px #666 solid;
	font-size: 18px;
	clear: left;
}

#this-weekend
{
	clear: left;
/*	border-top: 1px #999 solid; */
	padding-bottom: 18px;
}

#this-weekend h1,
.upcoming-special-events h1
{
	margin-top: 1ex;
	margin-bottom: 10px;
	border-bottom: 0;
}

h2 { 
	font-size: 14px; 
}
h3 { 
	font-size: 12px; 
}
h4 { 
	font-size: 11px; 
	}
a {
	color: #470000;
	text-decoration: none;
}
a:link, a:visited, a:active { 
	text-decoration: none;
} 
a:hover {text-decoration:underline;}
a h1, a h2, a h3, a h4, a h5, a h6 {
	color: #470000;
}
em, dfn, q, blockquote { 
	font-style: italic; 
}
strong	{ 
	font-weight: bold; 
}
span.date {
	padding-left: 5px;
	font-weight: normal;
	font-style: italic;
	color: #333;
}

.date
{

	font-style: italic;
}

.details,
.collection
{
	margin: 0;
	font-size: 95%;
}

.collection
{
//	font-variant: small-caps;
	font-weight: bold;
}

/* GLOBAL LIST STYLES 
---------------------------------------------*/
ul, ol, dl { 
	margin-bottom: 18px;
	padding: 0 5px;   
}
ul { 
	list-style-type: none; 
}

/* GLOBAL PAGE STYLES
---------------------------------------------*/
body { 
	background: url(http://www.musicboxtheatre.com/siteArt/12_col?.gif) top repeat-y #400; 
	text-align: center; 
}
#container {
	width: 960px;
	margin: 0 auto 18px auto;
	padding: 0;
	text-align: left;
	background-color: #fff;
}
#header {
	padding: 0 10px;
	background: #400;
}
#header img {
	padding: 0;
}
#content {
	clear: left;
	width: 940px;
	margin: 0 auto;
	padding-top: 18px;
	background: none;
}
#mainContent {
	width: 620px;
}
#footer {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 18px 0;
	border-top: 1px #000 solid;
}
#footer p {
	margin-bottom: 0;
	font-size: 11px;
}	
img {
	padding-left: 5px;
}

/* NAVIGATION BAR STYLES 
---------------------------------------------*/
#mainNav {
	width: 960px;
	border-bottom: 1px #000 solid;
}
#mainNav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	color: #fff;
	background-color: #500;
}
#mainNav ul li { 
	display: inline; 
}
#mainNav ul li a {
  	float: left;
	width: 155px;
	width: 125px;
	background-color: #500;
	color: #efefef;
	padding: 2px 0 4px 4px;
	border-top: 1px #600 solid;
	border-left: 1px #300 solid;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 0 0 #000;
}
#mainNav ul li a.left {
	padding-left: 15px;
	border-left: none;
}
#mainNav ul li a.right {
	width: 135px;
	padding-right: 10px;
	margin-right: 0;
}
#mainNav ul li a:hover {
	color: #fff;
	border-top: 1px #700 solid;
	background-color: #600;
	text-decoration: none;
}


/* SIDEBAR STYLES
---------------------------------------------*/
#sidebar {
	float: right;
	width: 300px;
	margin: 26px 0 0 0;
	padding-top: 9px;
	border-top: 1px #666 solid;
}
#sidebarInformation ul.leftCol li a, #sidebarInformation ul.rightCol li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#sidebarInformation ul.leftCol {
	float: left;
	width: 155px;
}
#sidebarNewsletter, #sidebarCalendar, #sidebarElsewhere, #sidebarMusicboxfilms {
	margin-top: -9px;
	border-top: 1px solid #999;
	padding-top: 8px;
}
#sidebarNewsletter h3 {
	padding-bottom: 9px; 
}
#newsletterHeader {
	padding-left: 32px;
	margin: 9px 0 9px 5px; 
	background: url(http://www.musicboxtheatre.com//siteArt/envelope_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#rssHeader {
	padding-left: 32px;
	margin: 9px 0 9px 5px; 
	background: url(http://www.musicboxtheatre.com//siteArt/rss.png);
	background-position: left;
	background-repeat: no-repeat;
}

#newsletterHeader h3,
#rssHeader h3
 {
	padding-bottom: 0;
}

#newsletterHeader p
 {
	margin: 0;
}

#rssHeader p
 {
	margin-top: 0;
}



.hidden {
	height: 0px;
	visibility: hidden;
}
input.emailEntry {
	width: 150px; 
	height: 14px; 
	margin: 0 0 9px 5px;
} 
input.submit {
	padding: 0;
	margin: 0 0 9px 0;
	border: none;
	border-style: none;
	background: none;
	font: inherit;
	font-weight: bold;
	text-decoration: none;
	color: #470000;
	cursor: hand;
	cursor: pointer;
}
p.ezine {
	font: italic 11px/18px Arial, Helvetica, sans-serif;
}
#calendarInfo {
	padding-left: 5px;
}
a.pdf { 
	display: block; 
	padding: 9px 0 9px 37px; 
	background: url(http://www.musicboxtheatre.com//siteArt/pdf_logo.gif);
	background-position: left;
	background-repeat: no-repeat; 
}
a.pdf p, .pdf h3 {
	margin-bottom: 0;
	padding-left: 0;
}
#sidebarElsewhere h3.elsewhereHeader, #sidebarMusicboxfilms h3 {
	padding-top: 9px;
}
a.facebook { 
	display: block; 
	padding: 9px 0 9px 37px; 
	background: url(http://www.musicboxtheatre.com//siteArt/facebook_logo.gif);
	background-position: left;
	background-repeat: no-repeat; 
}
a.myspace { 
	display: block; 
	margin-top: -9px;
	padding: 9px 0 9px 37px; 
	background: url(http://www.musicboxtheatre.com//siteArt/myspace_logo.gif);
	background-position: left;
	background-repeat: no-repeat; 
}
a.twitter { 
	display: block; 
	margin-top: -9px;
	padding: 9px 0 9px 37px; 
	background: url(http://www.musicboxtheatre.com//siteArt/twitter_logo.gif);
	background-position: left;
	background-repeat: no-repeat; 
}
a.youtube { 
	display: block; 
	margin-top: -9px;
	padding: 9px 0 9px 37px; 
	background: url(http://www.musicboxtheatre.com//siteArt/youtube_logo.gif);
	background-position: left;
	background-repeat: no-repeat; 
}
a.facebook h3, a.myspace h3, a.twitter h3, a.youtube h3 {
	padding-left: 0;
}
	
#sidebarCalendar {
	padding-bottom: 17px;
}

/* HOME PAGE, COMING SOON AND MIDNIGHT STYLES 
---------------------------------------------*/
.filmCapsule,
.guestCapsule 
{
	clear: left;
	margin-bottom: 20px;
}

 {
	clear: left;
}

.guestCapsule img
{
	float: left;
	padding: 0 10px 18px 5px;
}

.filmCapsule img,
#seriesHead img 
{
	float: left;
	padding: 0;
	margin: 0 10px 18px 5px;
	border: 1px solid #999;
}

.collections .filmCapsule p
{
	margin-bottom: 0;
}

.filmCapsule h2,
.filmCapsule p,
.guestCapsule h2, 
.guestCapsule p 
{
	margin-left: 240px;
}

#comingsoonContent .filmCapsule h2,
#comingsoonContent .filmCapsule p
{
	margin-left: 160px;
}

.midnight .filmCapsule p,
.matinees .filmCapsule p
{
margin-bottom: 0;
}

.filmCapsule ul,
.indexSpecialevent ul
{
	list-style-type: disc;
	margin-left: 255px !important;
	margin-top: 0;
	margin-bottom: 0;
}

#announcements
{
	margin-bottom: 2ex;
}

#announcements p
{
	margin-bottom: 0;
}

#announcements ul
{
	list-style-type: disc;
	margin-left: 1em;
	margin-top: 0;
	margin-bottom: 0;
}

.indexSpecialevent ul
{
	margin-left: 172px;
}

#this-weekend,
#indexEvents 
{
	clear: left; 
}

.filmCapsule p
{
/*	margin: 0; */
}

.events .filmCapsule p
{
	margin-top: 2ex;
}

.events .filmCapsule p.date
{
	margin-top: 0;
}


#indexEvents.upcoming-special-events
{
	border-top: 1px #999 solid !important;
}


#indexMidnight,
#indexMatinees 
{
	float: left;
	width: 310px;
}

#indexMidnight
{
	padding-top: 0;
}

#indexEvents h2
{
/*	margin-bottom: 18px; */
	margin-top: 1ex;
}

#featureInfo h2
{
	margin-top: 18px;
}

.indexSpecialevent {
	clear: left;
	padding-bottom: 18px;
}
.indexSpecialevent img {
	float: left;
	padding-bottom: 18px;
}
.indexSpecialevent p, 
.indexSpecialevent h3 
{
	margin-left: 160px;
	margin-top: 0;
	margin-bottom: 0;
}


.events #indexEvents .filmCapsule p
{
	margin-bottom: 0;
}

/* SHOWTIMES STYLES 
---------------------------------------------*/
#showtimesContent dl dt {
	float: left; 
	width: 140px;
	margin-right: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: right;
	color: #222;
}
#showtimesContent dl dd {
	margin-left: 160px;
	margin-left: 203px;
	text-indent: -43px;
}
#showtimesContent dl dd a {
//	font-weight: bold;
}

ul.external {
	margin-bottom: 0px;
}

/* FEATURE STYLES 
---------------------------------------------*/
#featureContent ul.quotes {
	margin-bottom: 0px;
}
#featureContent ul li.quotes
{
	margin-bottom: 18px;
margin-left: -0.2ex;
}
#featureContent ul li.quotes q{
	font-style: normal;
}

#featurePoster {
	float: left;
}	
#featureInfo {
	margin-left: 160px;
}
#featureContent dl dt {
	float: left; 
	width: 140px;
	margin-right: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #222;
}
#featureContent dl dd {
	margin-left: 160px;
}


/* Grid Reference*/
.container_12,.container_16 {
	margin-left:auto;
	margin-right:auto;
	width:960px}
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {
		display:inline;
		float:left;
		margin-left:10px;
		margin-right:10px
}
.container_12 .grid_1 {width:60px}
.container_12 .grid_2 {width:140px}
.container_12 .grid_3 {width:220px}
.container_12 .grid_4 {width:300px}
.container_12 .grid_5 {width:380px}
.container_12 .grid_6 {width:460px}
.container_12 .grid_7 {width:540px}
.container_12 .grid_8  {width:620px}
.container_12 .grid_9 {width:700px}
.container_12 .grid_10 {width:780px}
.container_12 .grid_11 {width:860px}
.container_12 .grid_12 {width:940px}


.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:
	inline-block
}
* html .clearfix{height:1%}
.clearfix{display:block}

/* ADDED FOR DYNAMIC VERSION
---------------------------------------------*/
.special-event-blurb
{
// font-weight: bold;
}

#add-screening .calendar-picker table,
#add-playdate .calendar-picker table
{
}

#add-screening .calendar-picker td,
#add-playdate .calendar-picker td
{
cursor: pointer;
text-align: center;
border: 1px solid #ccc;
padding: 4px;
background: #470000;
color: #fff;
}

.opening-day
{
	margin: 0;
	padding: 0;
	float: right;
	font-size: 14px; 
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #222;
}

/* THEATRE PHOTOS 
---------------------------------------------*/

.photo
{
	margin-left: 5px;
	float: left;
	width: 230px;
}

.photo img
{
	border: 1px solid #660000;
	padding-left: 0;
}

.photo p
{
	line-height: 120% !important;
}

#link-to-showtimes
{
	display: none;
}

#partners p
{
	margin: 0;
}


#partners .partner
{
	margin-bottom: 10px;
	padding: 20px;
	background: #eee;
	border: 2px #999 dotted;
}

#partners .partner img
{
	padding: 0;
	border: 1px solid #470000;
}