/*  JPMD 15 Oct '5: Changes to CSS are reflected immediately when you refresh a page.
    If you don't see a change, there's something wrong with the CSS--the browser doesn't need to be restarted.
    Have you refreshed the CSS file on the server?
*/

/* To check color contrast and brightness to ADA standards, visit: http://www.accesskeys.org/tools/color-contrast.html

Color brightness formula

To conform with Web Content Accessibility Guidelines 1.0, foreground and background color combinations should provide sufficient contrast when viewed by someone with low vision or colour blindness, or when viewed on a black and white screen.

The formula suggested by the World Wide Web Consortium (W3C) http://www.w3.org/TR/2000/WD-AERT-20000426
to determine the brightness of a color is:

((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000

Color difference is determined by the following formula:
(maximum (Red value 1, Red value 2) - minimum (Red value 1, Red value 2)) + (maximum (Green value 1, Green value 2) - minimum (Green value 1, Green value 2)) + (maximum (Blue value 1, Blue value 2) - minimum (Blue value 1, Blue value 2))

Two colors provide good color visibility if the brightness difference is greater then 125 and the color difference is greater then 500.

   This site also helps identify which elements are defining the colors for particular areas, when getting a full report
*/

img
{	border: none 0; /* so hot links don't show a border by default */
}

body
{	margin: 0 auto;
	padding: 0;
	color: #c0c0c8; /* silverish */
	background-image: url( images/bg/crete2o.jpg );
	background-color: #480902;
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: left;

	font-family: Tahoma, Verdana, "DejaVu Sans", Helvetica, Arial, sans-serif;
	font-size: 100%; /* recommended per we3schools site; body is 100%, other fonts are scaled to it by ems.  This overcomes several MS bugs */
	/* border: 1px dashed #b9d2e3; */
}

/* td ul for bulleted lists inside the Features table */
td ul
{
	line-height: 1.5;
	/* list-style-image: url( images/logo16x16.jpg ); */
	list-style-type: square;
}
td ol
{
	list-style-image: none;
	list-style-type: decimal;
}


#wrapper
{	/* color: white;
	background-color: transparent; */
	margin: 0 20px 0 20px; /* 0px 40px 0px 40px; */
	padding: 10px;

	/* border: 1px dotted #b9d2e3; */
}

#top
{	display: table;
	border-collapse: collapse;
	margin: 0 0 0 0;
	padding: 05px 10px 05px 0;
	/* color: #c0c0c8; */
	/* background-image: none; */
	background-color: inherit; 
	/* min-height: 200px;  */
	position: relative;

	/* border: 1px solid red; */
}

#title-logo-row
{	display: table-row;
}

#title
{	display: table-cell;

	/* background-repeat: no-repeat; */
	/* background-color: transparent;  #112236; */
	background-position: 10px 10px;
	margin: 02px 0 02px 20px;
	padding: 3px;
	/* position: absolute; */
	/* color: white; */
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	width: 100%;
	min-height: 120px; /* because of logo */
}

#title h1
{	font-style: italic;
}

#title h2
{	font-size: 110%;
}

#logo
{   display: table-cell;
	margin: 0 0 0 0;
	width: 500px;
	padding: 5px 0 0 0;
	vertical-align: middle;
}

.halfem
{	font-size: 50%;
	font-style: italic;
}

#nav-top
{	display: table;
	width: 100%;
	border-top: 2px solid #ead200;
	border-bottom: 2px solid #ead200;
	padding: 0 0 5px 0; 
    color: inherit;
    background-color: black; /* #480902; */

   	height: 1%; /* Holly Hack, p. 190 */
}

/* nav-top-row lives inside nav-top so that borders are set */
#nav-top-row
{	padding: 3px;
	height: 1%; /* Holly Hack, p. 190 */
}

#nav-top-ul
{	display: table-cell;
	float: right;
}

#nav-top-ul ul
{	/* display: inline; */
	margin: 0;
	padding: 0 10px 0 0;
}

#nav-top-ul li
{	display: inline;
	color: white;
	background-color: inherit; /* #fdf8f2; */
}

a:link, a:visited
{	text-decoration: none;
	font-weight: bold;
	color: white;
	background-color: inherit; /* #fdf8f2; */
}

a:hover
{	text-decoration: underline;
	color: gray;
	background-color: inherit; /* #fdf8f2; */
}

#header-bottom a:link, #header-bottom a:visited, #footer a:link, #footer a:visited
{	text-decoration: none;
	color: gray;
	background-color: inherit; /* #fdf8f2; */
}

#header-bottom a:hover, #footer a:hover
{	text-decoration: underline;
	color: gray;
	background-color: inherit; /* #fdf8f2; */
}

#nav-top-tagline
{	display: table-cell;
	font-weight: bold;
	color: white;
    background-color: inherit; /* #fdf8f2; */
	font-style: italic;
	margin: 0;
	padding: 0 0 0 10px;
	width: 300px;
	float: left;

	/* border: 1px dashed #b9d2e3; */
}

#tagline em
{	font-style: normal;
}

#main
{	display: table;
	background-image: url( images/bg/crete2o.jpg );

	border-collapse: collapse;
}

#content
{	display: table-cell;
	width: 580px;
	padding-left: 10px;
}
#midsection
{	display: table-row;
}

.movie
{	display: table;
	vertical-align: top;
	border-top: 2px solid white;
	margin-bottom: 40px;
}

#movie-group
{	display: table-cell;
	vertical-align: top;
	padding-right: 80px;
}

.movie-descr
{	display: table-cell;
	width: 100%;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 40px;
	padding-bottom: 10px;
}

.movie-img
{	display: table-cell;
	width: 200px;
	min-width: 200px;
	padding-top: 10px; 
	padding-bottom: 10px; 
}

.movie-img img
{	display: block;
	margin-left: auto;
	/* margin-right: auto; don't use this, so it's right-justified */
}	

.pasadena
{
background-image: url( images/pasadena_t2.jpg );
}

.westwood
{
background-image: url( images/westwood_193x22.jpg );
}

.ventura
{
background-image: url( images/ventura_t2.jpg );
}

.agoura
{
background-image: url( images/agoura_hills_t2.jpg );
}

#xxx-extras
{	display: table-cell;
	width: 180px;
	padding-left: 10px;
	border-right: 1px dotted #d7ad7b;
}

#sidebar-right
{	display: table-cell;
	/* position: absolute;
	left: 0;  */

	top: 0;

	/* float: left; */

	width: 240px;

	color: white;
	background-color: inherit;
	margin: 0;
	padding: 0 10px 0 0;
}

#address
{	font-family: "Tahoma", arial, sans-serif;
	font-size: medium;
	color: #efefef;
	background-color: transparent; /* #256290; */
	text-align: left;
	font-weight: normal;
	padding: 1em 0 1em 0;
	/* border: 2px dashed green; */
}

#mainfeature
{   /* border: 1px dashed navy; */
	color: #efefef;
	background-color: transparent;
	padding: 1em 1em 1em 0;
	font-size: 150%;
	line-height: 150%;
	height: 1%;
}

#mainfeature h2
{	margin: 0;
	font-weight: normal;
	font-size: 140%;
}

#mainfeature p
{	font-size: 110%;
}

#spacer, .floatclear
{	clear: both;
	width: 100%;
}

#film-table
{	color: white;
	background-color: transparent;
	font-family: "Tahoma", arial, sans-serif;
	text-align: left;
	/* border-left: 2px solid maroon; */
}

#film-table td
{	padding: 5px 20px 5px 5px;
}

#film-table td.pic
 {	text-align: center;
}

.xpasadena, .losangeles
{
background-image: url( images/bg/crete3.jpg );
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: left;
}

.location-v
{
background-image: url( images/ventura_t2.jpg );
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-position: top left;
	width: 160px;
	min-height: 40px;
	vertical-align: top;
}


.location-ah
{
background-image: url( images/agoura_hills_t2.jpg );
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-position: left;
	width: 160px;
	min-height: 40px;
}


.location-p
{
background-image: url( images/pasadena_t2.jpg );
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-position: left;
	width: 160px;
	min-height: 40px;
}

.clustr
{	margin-top: 200px;
}

.footnote
{	font-size: .7em;
	line-height: .9em;
	font-style: italic;
}

.title
{	font-style: italic;
	font-size: 180%;
	font-weight: bold;
	color: #efefef;
	background-color: transparent;
}

.title a:link, .title a:visited, .title a:hover
{	font-style: italic;
	font-size: 100%;
	font-weight: bold;
	color: #efefef;
	background-color: transparent;
}

.map a:link, .map a:visited, .map a:hover
{	font-style: italic;
	font-size: 100%;
	font-weight: bold;
	color: #efefef;
	background-color: transparent;
}

.location
{	font-style: normal;
	font-size: 140%;
	font-weight: normal;
	color: #efefef;
	background-color: inherit;
	text-align: left;
}
.date
{	font-style: italic;
	font-size: 140%;
	font-weight: normal;
	color: #efefef;
	background-color: inherit;
	text-align: left;
}

#footer
{	clear: both;
	font-size: 80%;
	margin: 5px 5px 5px 5px;
	padding: 1em 1em 2em 1em;
	border-top: 1px solid #ead200;
	border-bottom: 1px solid #ead200;
    color: inherit;
    background-color: black; /* #480902; */

}
#footer-left
{	float: left;
	height: 1%; /* Holly Hack, p. 190 */}

#footer-right
{	/* text-align: right; */
	float: right;
	/* padding: 0 20px 0 0; */
	height: 1%; /* Holly Hack, p. 190 */
}

#subscribe-form
{	text-align: center;
	border: 2px solid black;
	width: 220px;
	padding: 3px;
	background-color: #010101;
	color: inherit;
	margin-bottom: 2px;
}

.safesubscribe
{	text-align: center;
	/* background-image: url( images/safe_subscribe_logo.gif );
	background-position: center center; */
}

.safesubscribe a:link, .safesubscribe a:hover, .safesubscribe a:visited
{	text-align: center;
	color: white;
	background-color: inherit;
}

#subscribe-form table
{	border: 2px solid black;
	width: 100%;
	padding: 3px;
	color: inherit;
	background-color: #010101;
	/* border="0" cellspacing="0" width="100%" cellpadding="3" bgcolor="#010101" style="border:2px solid #000000;" */
}

#subscribe-form td
{	text-align: center;
	font-weight: bold;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#ffffff;
	background-color: inherit;
}

#email-form
{	font-weight: normal;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 1em;
	color: white;
	background-color: inherit;
}

.hiddenfromview /* for the Jump to Content link */
{	display: none;
}

.testimonial /* for testimonial paragraphs */
{   background-color: transparent; /* #112236; */

	border: 3px solid navy;
	color: navy;
	padding: 1em 1em 1em 0;
	margin: 1em 0 1em 0;
	height: 1%;
}

.testimonial p
{  	padding: 1em 1em 1em 1em;
}

.testimonial .person
{	border: none 0;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

.testimonial img
{  	padding: 1em 1em 1em 1em;
	float: left;

}

td.comingsoon
{	padding: 200px;
	min-height: 200px;
	height: 100px;
}

.feather li
{	font-size: 110%;
	font-weight: bold;
	/* text-img: url( "images/feather.gif" ); */
}

.t-table
{	display: table;
	width: 100%;
}

.t-row
{	display: table-row;
}

.t-cell
{	display: table-cell;
}

.top
{	vertical-align: top;
}

#flyers, #flyers>*
{	line-height: 180%;
}

.img-pdf
{	padding: 0 17px 0 17px; /* per http://www.adobe.com/misc/linking.html#pdficon */
}

a.underline
{	text-decoration: underline;
}

.suggested li
{	padding: 0 0 1em 0;
}

#title h1 a:hover
{	text-decoration: none;
	color: white;
}