/** 

 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
	width:100%;
	height:100%;
}

html {
	background:#fff url(../images/page-background2.png) top left no-repeat fixed;
}


.clear{
	clear:both;
}
.clearsmall{
	height:10px;
	clear:both;
}
.clearmid{
	height:20px;
	clear:both;
}
.clearbig{
	height:40px;
	clear:both;
}

.clearbtm{
	height:600px;
	clear:both;
}



p {line-height:1.4em;font-size:1.2em; color:#666666;margin: 0 0 18px 0;}

a.linker {color:#ED1C24;border-bottom:1px dotted #ED1C24;text-decoration:none}
a.linker:hover {color:#000000;border-bottom:1px solid #000}

.mtimerating {margin-bottom:10px}

/* CONTENT WRAPPER 
-------------------------------------------- */

#leftcol {position:fixed;top:12px;left:40px;width:200px;height:600px}

#contentwrapper {position:relative;margin:0 0 0 264px;width:650px;}

/*#contentinner {margin:10px 50px;width:580px;height:550px;overflow:hidden} */
#contentinner {margin:10px 50px;width:580px}

.pageitem {padding:60px 0 20px 0;clear:both;display:block}


/* HEADER 
-------------------------------------------- */

#header {position:relative;width:200px}
#header #logo {width:200px;height:200px;margin-bottom:48px;background-image:url(../images/logo.png);}
#header #logo h1 {text-indent:-9999px}
#header #navigation {width:200px;padding-top:40px;background:url(../images/navscroll-top.png) top center no-repeat}

#header #top-right {display:none}




/* NAVIGATION 
-------------------------------------------- */


#navigation ul {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;width:200px;padding-bottom:40px;background:url(../images/navscroll-btm.png) bottom center no-repeat}

#navigation ul li a {
	color: #696666;
	text-decoration: none;
	border:none;	
	display:block;
	padding:4px 0;
	text-align:center;
}
#navigation ul li {width:200px}

#navigation ul li a:hover,
#navigation ul li a:active {color: #000;}




.leftcol,.rightcol {width:400px;float:left;text-align:left}
.rightcol {float:right}



h2 {border-bottom:1px solid #eee;height:26px;text-indent:-9999px;margin:30px 0;padding-bottom:10px}

h2.home {background:url(../images/h2-welcome.png) left no-repeat}
h2.showing-this-month {background:url(../images/h2-showing.png) left no-repeat}
h2.screening-times {background:url(../images/h2-screening.png) left no-repeat}
h2.getting-here {background:url(../images/h2-location.png) left no-repeat}
h2.join-our-mailing-list {background:url(../images/h2-join.png) left no-repeat}
h2.our-supporters {background:url(../images/h2-supporters.png) left no-repeat}
h2.pizzeria-1874 {background:url(../images/h2-pizzeria-1874.png) left no-repeat}

h3 {color:#ED1C24;font-size:1.4em;font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:10px}

a.domephotos {display:block;width:296px;height:208px;text-indent:-9999px; background:url(../images/photos.png);margin:0 auto}



p.highlight {color:#ED1C24}


/* MOVIE STUFF 
-------------------------------------------- */

.mtxtwrapper {width:310px;float:left}
.mrightwrapper {width:240px;float:right;}
.mtitle{}
.mtitle h3 {color:#ED1C24;font-size:1.4em;font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:10px}
.mimage {margin-left:10px;margin-bottom:10px}
.msynopsis {font-size:1.2em;line-height:1.3em;color:#666666}

.mlink {height:24px;width:230px;margin-left:10px;background: url(../images/icons/link-icon.png) no-repeat left;}
.mlink a {
	height:20px;
	width:200px;
	display:block;	
	padding-top:7px;
	padding-left: 30px;
	color:#000;
	text-decoration:none;
	}
.mlink:hover {background: url(../images/icons/link-icon-on.png) no-repeat left;}

.scrolldiv {height:100px;background: url(../images/scrolldiv.png);clear:both}


#screening-times table {width:580px;border:1px solid #f0f0f0}
#screening-times table th {padding:10px;font-size:1.2em;color:#666;text-align:center}
#screening-times table td.time {padding:10px;font-size:1.2em;color:#000;text-align:center}
#screening-times table td.movie {padding:10px;font-size:1.2em;color:#ED1C24;}
#screening-times table td {padding:10px;font-size:1.2em;color:#666}
.movie {font-size:1.2em;color:#ED1C24;}

#cinemaline {width:235px;height:60px;position:absolute;top:0;left:700px;text-indent:-9999px;background:url(../images/cinemaline.png)}

#subscriberform span.label,#subscriberform span.spacer,#subscriberform span.multiple span {width:120px;float:left;} 
#subscriberform span.multiple {float:left;} 
#subscriberform span.button {padding-left:120px;} 
#subscriberform div.clear {clear:both;padding-top:5px;}