@import url(global.css);

body {
	color:#333;
	font:normal 62.5%/150% Arial, Helvetica, sans-serif;
	background-color:#e4ded9;
	text-align:center;
}
div.container {
	position:relative;
	margin:0 auto;
	width:970px;
	text-align:left;
	font:normal 1.2em Arial, Helvetica, sans-serif;
}

/* START: header
****************************/
div#header {
	margin-bottom:1px;
	width:970px;
	height:140px;
	color:#ccc;
	background:#000 url(../images/header.gif) no-repeat left top;
}
div.login {
	float:right; display:inline;
	width:250px;
	margin-top:2px;
	margin-right:10px;
}
	div.login h2 {
		font-size:12px;
		color:#ffb903;
		text-transform:uppercase;
	}
	div.login .input_group {
		float:left; display:inline;
		padding-top:3px;
		width:100%;
	}
	div.login label {
		float:left; display:inline;
		padding-top:3px;
		text-transform:lowercase;
	}
	div.login input {
		float:right;
		width:190px;
		padding:2px 0;
		border-width:0 0 0 0;
		background:#fff url(../images/textbox_bg.gif);
	}
	div.login a.login_btn {
		float:right; display:inline;
		padding:0;
		margin:10px 0 0 0;
		color:#7f1010;
		font-size:10px;
		text-transform:uppercase;
		text-decoration:none;
		background:#fff url(../images/btn_bg.gif) repeat-x left top;
	}
		div.login a.login_btn span{
			display:block;
			margin:0; padding:0;
			background:transparent url(../images/btn_left.gif) no-repeat left top;
		}
		div.login a.login_btn span span{
			display:block;
			margin:0;
			padding:4px 12px;
			background:transparent url(../images/btn_right.gif) no-repeat right top;
		}
	div.login p {
		float:left; display:inline;
		margin-top:10px;
		width:125px;
	}

/* nav */
div.navigation {
	position:absolute;
	top:118px;
	left:0;
	z-index:100;
}
div.navigation ul{
	float:left; display:inline;
	margin:0;
	padding:0;
}
	div.navigation ul li {
		position:relative;
		float:left; display:inline;
		list-style:none;
	}
		div.navigation ul li a {
			float:left; display:inline;
			color:#fff;
			font-weight:bold;
			font:bold 1.1em/21px Arial, Helvetical, sans-serif;
			text-decoration:none;
		}
			div.navigation ul li a:hover {
				color:#fff;
				background-color:#d10000;
			}
			div.navigation ul li span {
				display:block;
				padding:0 15px;
			}
/* subnav */
div.navigation ul li ul.submenu {
	display:none;
}
	div.navigation ul li:hover ul.submenu {
		position:absolute;
		top:21px;
		left:0;
		width:200px;
		padding:5px 0 0;
		color:#333;
		background-color:#fff;
		border:1px solid #666;
		border-bottom:5px solid #000;
		border-top:2px solid #ccc;
		display:block;
	}
	div.navigation ul.submenu li {
		float:left; display:inline;
		padding:0;
		border-bottom:1px solid #ccc;
	}
	div.navigation ul.submenu li a {
		width:100%;
		color:#333;
		font:bold 1em/1.1em Arial, Helvetical, sans-serif;
	}
	div.navigation ul.submenu li a:hover { 
		color:#fff;
		background-color:#d10000;
	}
	div.navigation ul.submenu li a span{
		display:block;
		padding:5px 15px;
	}
/* END: header
****************************/

/* START: content
****************************/
div.padding {
	padding:30px;
}
div#banner {
	position:relative;
	z-index:20;
	float:right; display:inline;
	margin:0; padding:0;
	width:526px;
	height:60px;
	background-color:#000;
	border-bottom:1px solid #fff;
	text-align:center;
}
	div#banner img {
		display:block;
		margin:0;
		padding:0;
		border-right:1px solid #fff;
	}
	div#flashcontent{
		float:right; display:inline;
		margin:0; padding:0;
		width:526px;
		height:60px;
		background-color:#fff;
		text-align:center;
	}
div.picture_strip {
	float:left; display:inline;
	margin:0; padding:0;
	width:444px;
	height:60px;
}
div#wrapper {
	position:relative;
	float:left; display:inline;
	width:100%;
	background:#fff url(../images/content_bg.jpg) no-repeat left top;
	border-bottom:5px solid #ccc;
	margin-bottom:5px;
	}
	div#wrapper_noside {
		position:relative;
		float:left; display:inline;
		width:100%;
		background:#fff url(../images/content_bg.jpg) no-repeat 265px 0px;
		padding-bottom:50px;
	}
div#content_wrapper {
	float:left; display:inline;
	width:702px;
	font-size:12px;
	padding-bottom:50px;
}
	div#content {
		padding:50px;
		font:normal 1em/2em Arial, Helvetica, sans-serif;
	}
	div#content h2 {
		padding:18px 0 40px 28px;
		font-weight:normal;
		font:normal 2.1em/1em Arial, Helvetica, sans-serif;
		background:transparent url(../images/red_page_title.gif) no-repeat left top;
	}
	div#content p{
		padding:5px 0 15px;
	}
div#side {
	float:right; display:inline;
	width:265px;
}
	div#side p{
		padding:5px 25px;
	}

div#message_board{
	float:right; display:inline;
	padding-bottom:25px;
	width:265px;
	color:#ccc;
	background:#333 url();
}
div#support_lounge {
	float:right; display:inline;
	padding-bottom:25px;
	width:265px;
	color:#ccc;
	background:#404040 url();
}
div#news_lounge {
	float:right; display:inline;
	padding-bottom:25px;
	width:265px;
	background:#ffd900 url();
}
	div.news_item {
		padding-bottom:20px;
	}
		div.news_item .news_title{
			display:block;
			width:100%;
			font-size:1em;
			font-weight:bold;
		}
		div.news_item .date{
			color:#a27500;
		}
		div.news_item p {
			padding:10px 0 5px;
		}
		div.news_right p {
			padding:10px 0 5px;
		}
/* END: content
****************************/


/* START: footer
****************************/
div#footer {
	float:left; display:inline;
	width:100%;
	font-size:0.8em;
}
.footer_left {
	float:left; display:inline;
	width:700px;
}
.footer_right {
	float:right; display:inline;
	width:250px;
	text-align:right;
}
	div#footer a {
		color:#999;
		text-decoration:underline;
		font-weight:normal;
	}
	div#footer a:hover {
		color:#d10000;
	}

/* END: footer
****************************/

/* breadcrumbs */
ul#breadcrumbs {
	margin:0 0 30px 0;
	padding:0;
	font-size:.85em;
	line-height:1em;
	}
	ul#breadcrumbs li {
		display:inline;
		list-style:none;
		padding-left:15px;
		background:transparent url(../images/arrow.gif) no-repeat left top;
	}
		ul#breadcrumbs li.first {
			padding-left:0;
			background:transparent url();
		}

span.show_title {
	font-style:italic;
}

/* definition */
p.word_def {}
	span.word {
		font-weight:bold;
		font-size:1.2em;
	}
	span.word_type {
		font-style:italic;
	}
	span.pronunciation {
		font-weight:bold;
	}
	span.def{
	}

div.gallery {
	float:left;
	width:100%;
	padding-bottom:20px;
}
div.gallery a, .gallery a:hover{
	margin:1px;
}
	div.gallery img {
		padding:2px;
		border:1px solid #ccc;
	}
	div.gallery img:hover {
		border:1px solid #d00000;
	}

div.gallery_album {
	margin-left:180px;
	padding:0 0 40px 0;
	clear:right;
}
#content div.gallery_album h3 {
	padding:0;
	margin:0;
}
.gallery_img {
	clear:left;
	padding:2px;
	border:1px solid #ccc;
}
	.gallery_img:hover {
		border:1px solid #d00000;
	}

/*.press_item {
	float:left; display:inline;
	padding:10px 0;
	width:100%;
	clear:both;
}*/
div.press_item {
	margin-left:120px;
	padding:0 0 40px 0;
	clear:right;
}
p.media_item {
	float:left; display:inline;
	padding:0 0 40px 0;
	width:95%;
	clear:both;
}
	.media_item span.title,
	#content p.press_item h3.title, .press_item span.title {
		font-weight:bold;
		font-size:1.4em;
		color:#333;
	}
	.media_item span.date,
	.press_item span.date {
		color:#999;
	}
	.media_item span.lead_in, 
	.press_item span.lead_in {
		color:#666;
		font-style:italic;
	}
	.press_logo {
		margin-top:5px;
	}
p.subheading {
	margin:0 30px;
	padding:0;
	color:#666;
	font-style:italic;
	font-size:1.2em;
}
ul.jump {
	margin-left:0;
	list-style:none;
	font-size:1em;
}

/* Schedule of Events events/calendar.php */
div.calendar_event {
	position:relative;
	clear:both;
	padding-bottom:20px;
	float:left;
	
}
div.calendar_event .date {
	position:absolute;
	top:0;
	left:0;
}
	div.calendar_event .month {
		float:left;
		width:50px;
		font-size:1.5em;
		line-height:1em;
		text-align:center;
		color:#666;	
	}
	div.calendar_event .num {
		float:left;
		width:30px;
		padding:2px 0;
		margin:0 10px;
		font-size:2em;
		line-height:1em;
		text-align:center;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-top:3px solid #333;
		border-bottom:4px solid #999;
		clear:both;
	}
div.calendar_event .desc {
	padding-bottom:10px;
	margin-left:50px;
	width:550px;
}
#content div.calendar_event .desc h3 {
	padding:0;
	margin:0;
}
#content div.calendar_event .desc h4 {
	color:#666;
	padding:0;
	margin:0;
	font-weight:normal;
	font-style:italic;
	font-size:1.2em;
}

/* film alphabetical */
#content div.film_calendar h4,
#content div.film_alpha h4 {
	font-size:1.3em;
	background:transparent url(../images/film.gif) no-repeat left top;
	padding:5px 0 .5em 33px;
}
#content div.film_calendar p,
#content div.film_alpha p {
	padding:0 0 0 15px;
	margin:0 0 30px 33px;
	border-left:3px double #000;
}
#content div.film_alpha p span.desc {
	font-family:"Courier New", Courier, monospace;
	font-size:1.1em;
}
#content span.screen_time {
	font-weight:bold;
}
#content span.lgbt {
	color:#fff;
	font-size:10px;
	line-height:1em;
	padding:3px;
	border:1px solid #000;
	background-color:#f00;
}

/* film calendar */
div.film_calendar table {
	width:100%;
	border:1px solid #333;
}
div.film_calendar caption {
	font-size:2em;
	line-height:1.5em;
	color:#d00000;
}
div.film_calendar th {
	text-align:center;
	text-transform:uppercase;
	background-color:#333;
	color:#fff;
}
div.film_calendar td {
	background-color:#ddd;
	width:70px;
	height:70px;
	vertical-align:top;
}
div.film_calendar td a {
	float:left;
	width:84px;
	height:70px;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	background-color:#ccc;
}
	div.film_calendar td a span {
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:underline;
		font-size:0.6em;
		font-weight:normal;
		color:#000;
		text-align:center;
	}
div.film_calendar td a:hover {
	background-color:#ffd900;
	color:#000;
}

/* our sponsors */
#content div.our_sponsors .red_bar {
	float:left;
	width:600px;
	margin:20px 0 10px;
	background-color:#d00000;
}
#content div.our_sponsors .red_bar span {
	padding:3px 5px;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
}
div.our_sponsors ul {
	float:left;
	padding:0;
	margin:0;
	clear:both;
}
div.our_sponsors li {
	list-style:none;
	font-weight:bold;
	font-size:1.2em;
}