* { outline: none; }

 
body {
	background-image: url(images/mdi-top.jpg);
	background-repeat: repeat-x;
	margin: 0 0;
	padding 0 0;
}

.theled {
padding-top: 165px;
padding-left: 40px;

}

.theled2 {
height: 270px;
padding-left: 7px;
text-transform: uppercase;

}

.burst {
background: transparent url(images/burst.png) bottom left no-repeat ; 
}

.theled h1 {
	margin: 0 0;
	font-family: "Lucida Grande", "Lucida Sans", Arial;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: -0.06em;
	color: #003366;
}

.theled2 h3 {
margin: 224px 0 0 37px;
font-family: "Lucida Grande", "Lucida Sans", Arial;
font-size: 1.3em;
font-weight: normal;
letter-spacing: -.06em;
color: #006699;
z-index: 2;

}

.thecontent1 {
margin-top: 0px;
margin-left: 40px;
height: 495px;
background-image: url(images/nowshowing.gif);
background-repeat: no-repeat;
padding-top: 80px;
padding-left: 50px;
color: #FFFFFF;
font:  bold 11px "Lucida Grande", "Lucida Sans", Arial;

}

.synopsis {
	margin: 10px 0;
	padding: 0 80px 0 0 ;
	height: 175px;
}
.synopsis strong {font-size: 15px; color: #003366;
}

.topneg {}

.cspics {
	padding: 6px 10px 0px 0px;
	width: 190px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	font-size: 12px;
	font-weight: normal;

} 

.cspics-wider {
	padding: 6px 8px 0px 0px;
	width: 393px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#990000;
	font-size: 12px;
	font-weight: normal;

} 

.cspics_end {
	padding: 0px 16px 0px 10px; margin-top: 15px;
	width: 220px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	font-weight: normal;
    border-left: 1px dashed #8FA9CA;
} 

.cspics_end strong {
	color: #003366;
	} 
	
strong.approx {font:  normal 10px/12px "Lucida Grande", "Lucida Sans", Arial; padding-top: -3px;}


.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	font-size: 10px;
	line-height: 13px; /* ie only */
	}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .note {line-height: 14px;}


.thecontent2 {
margin-top: -64px;
background-image: url(images/tickets.gif);
background-repeat: no-repeat;
padding-top: 160px; /* ie only */
padding-left: 28px;
color: #FFFFFF;
font:  12px/12px "Lucida Grande", "Lucida Sans", Arial;
z-index: 999;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .thecontent2 {padding-top: 180px;}

.deets {
	font: 12px/17px "Lucida Grande", "Lucida Sans", Arial;
	color: #003366;
	padding-top: 130px;/* ie only */
	margin-left: -10px;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .deets {padding-top: 135px;}

.films {
	margin-top: 0px;
	margin-left: -30px;
	color: #666666;
	font:  12px/24px "Lucida Grande", "Lucida Sans", Arial;

}

.films em {
font-size: .95em;
color: #999999;
line-height: 13px;

}

.films a {
font-size: .8em;
color: #999999;

}

.films strong {
font-size: .85em;
color: #003366;

}

.moose {
	margin-left: -30px;
	margin-top: -7px;
}



.hours {
color: #666666;
font:  11px/16px "Lucida Grande", "Lucida Sans", Arial;
margin-top: 2px;
padding-top: 2px;

}

.hours em {
font-size: .9em;
color: #999999;

}

.hours a {
font-size: .8em;
color: #999999;

}

.hours strong {
font-size: .85em;
color: #990033;

}

h3.filmsub {
font: bold 16px/16px "Lucida Grande", "Lucida Sans", Arial;
letter-spacing: -.06em;
padding-bottom: 4px;
margin-bottom: 4px;
text-transform: uppercase;
color:  #965C31;
z-index: 12121;

}

h3.lowsub {
font: bold 14px/16px "Lucida Grande", "Lucida Sans", Arial;
letter-spacing: -.06em;
padding-top: 18px;
padding-bottom: 4px;
margin-bottom: 4px;
text-transform: uppercase;
color:  #003366;
}


.12gap {
padding-top: 22px;
}


.response {
font-size: .9em;
color: #999999;
line-height: 1.5em;
}

.response strong {
color: #990033;
font-size: 1em;

}

.response em {
color: #999999;
font-size: 1em;

}

.footer {
width: 100%;
height: 82px;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
}

.footercopy {
	font: 10px "Lucida Grande", "Lucida Sans", Arial;
	color: #003366;
	padding-top: 60px;
	padding-left: 180px;
}

.cspics_end a:link {
font: 10px "Lucida Grande", "Lucida Sans", Arial;
color: #003366;
text-decoration: underline;
}

.cspics_end a:hover {
font: 10px "Lucida Grande", "Lucida Sans", Arial;
color: #990000;
text-decoration: underline;
}

.cspics_end a:visited {
font: 10px "Lucida Grande", "Lucida Sans", Arial;
color: #003366;
text-decoration: underline;
}

.footercopy a:link {
font: 10px "Lucida Grande", "Lucida Sans", Arial;
color: #003366;
text-decoration: underline;
}

.footercopy a:hover {
font: 10px "Lucida Grande", "Lucida Sans", Arial;
color: #999999;
text-decoration: underline;
}

.footercopy a:visited {
font: 10px "Lucida Grande", "Lucida Sans", Arial;
color: #003366;
text-decoration: underline;
}

/* -------------------------------------------------------------- */

/* A container should group all your columns. */

#badge-icon a {
z-index: 888;
background:transparent url(images/map.gif) no-repeat scroll top; 
display:block;
width: 289px;
height: 250px;
}

#badge-icon a {
	position: absolute;
	left: 925px;
	top: 890px;
}

#badge-icon h1 {
text-indent:-9999px;
font-size: 0px;
}


#rock-icon  {
z-index: 898;
background:transparent url(images/rock.gif) no-repeat scroll top; 
width: 174px;
height: 83px;
float: left;
overflow: hidden;
}



#bonusmovie {
	z-index: 881;
	background:transparent url(images/now_playing/LoveYouMan-bonus.png) no-repeat scroll top;
	display:block;
	width: 120px;
	height: 145px;
	position: absolute;
	left: 611px;
	top: 315px;
}

#container {

  width: 1300px;
  margin: 0 0; 
}


.cashCallOut {
	color: #FFFFFF;
	margin-top: -15px;
	letter-spacing: -0.025em;
	font-size: 13px;
	line-height: 16px
}
.phoneno {
	font: bold 24px Century, Georgia;
	color: #6699CC;
	margin-top: -22px; /* ie only*/
	padding-bottom: 25px;/* ie only*/
	margin-left: -10px;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .phoneno {margin-top: -15px; padding-bottom: 0px;}


.lightblue {color: #6699CC;}

.comingsoonhead {
	color: #003366;
	padding-top: 42px;/* ie only */
	margin-bottom: 0px;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .comingsoonhead {
	padding-top: 88px;
}

.comingsoonhead2 {
	font: bold 11px/23px "Lucida Grande", "Lucida Sans", Arial;
	color: #003366;
	margin-top: 37px;/* ie only */
	margin-bottom: 0px;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .comingsoonhead2 {
	margin-top: 20px;
}

.comingsoonhead3 {
	font: bold 11px/16px "Lucida Grande", "Lucida Sans", Arial;
	color: #965C31;
	margin-top: 49px;/* ie only */
	margin-bottom: 0px;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .comingsoonhead3 {
	margin-top: 30px;
}

.rightpad {padding-right: 25px;}
.showtime {color: #003366; line-height: 14px;}
a:link.weatherlink {color: #6699CC; text-decoration: none;}
a:hover.weatherlink {color: #003366; text-decoration: underline;}
.bonus-emphasis {color: #bb0433; font: bold 15px "Lucida Grande", "Lucida Sans", Arial;}



/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6   { width: 230px; }
.span-7   { width: 270px; }
.span-8   { width: 310px; }
.span-9   { width: 350px; }
.span-10  { width: 390px; }
.span-11  { width: 430px; }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15  { width: 590px; }
.span-16  { width: 630px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22  { width: 870px; }
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }
.span-25  { width: 990px; margin: 0; }
.span-26  { width: 1030px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1   { padding-right: 40px; }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 40px; }  
.prepend-2   { padding-left: 80px; } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px dotted #003366;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */
.pull-half  { margin-left: -25px; }
.pull-30  { margin-left: -32px; }



.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
.floatleft {float: left;}

.zup { z-index: 1111;}

.rulehori { width: 180px; height: 2px; border-bottom: 1px dotted #FFF}