/*	NORMALIZE	*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ol { list-style: none; }
address, caption, cite, code, dfn, em, strong, thng, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
td, tr, th { text-align: left; vertical-align: top; }
q:before, q:after { content: ''; }
h1 a, h1 a:link, h1 a:visited { border: none; background-color: transparent; }
h1 a:hover, h1 a:active { background-color: transparent; }

h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:visited {
	color: #dc9179;
	background-color: transparent;
	text-decoration: none;
	border: none;
}

/* PAGE POSITIONING */
body { 
	color: #333; 
	background-color: #f5f5f5; 
	margin: 0px auto; 
}


/* content */
#main { 
	margin: 135px auto 33px auto; 
	max-width: 760px; 
	min-width: 530px; 
	overflow: auto; 
	border-collapse: collapse;
	}
	
#content > ul { margin-left: 2em; margin-top: 1em; }	
	
#content {
	padding-bottom: 44px;
	margin-bottom: 10px; 
	background-color: #fff; 
}

.column {
	position: relative;
	float: left;
	text-align: left; 
}

#maincolumn {
	width: 490px;
	margin: 0px;
	padding: 0px 20px;
	margin-bottom: 20px;
	position: relative;

	/* background-image: url(/images/main/afafront.jpg); */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	font-size: 1.25em;
	}

#maincolumn div.column {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	min-width: 220px; 
	float: left;
	}
#left {
	margin-right: 10px; padding-right: 10px;
	width: 200px; padding-right: 40px;  
	}
#right {
	width: 230px;
	margin-right: 20px;
	}

#main #sidebar {
	float: left; 
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	width: 209px; /* account for the border */
	background-color: #fcfcfc;
	border-left: 1px solid #eee; 
	}
#sidebar h2 { 
	margin: 0px -10px 8px -10px; 
	padding-left: 10px; 
	background-color: #fcfcfc; 
	color: #666; 
	}
div#sidebar .column { border-left: 1px solid #666; }


/* header bar */
#branding {
	position: absolute;
	overflow: auto; 
	top:0px;
	z-index: 2;
	/* text-align: center; */
	margin: 0px;
	width: 760px;
	height: 135px;
	color: #fff; 
	background-color: #C03000; 
	background-position: 0px 1px;
	background-repeat: no-repeat; 
	background-image: url('/images/header/peterpan.jpg'); /* image changes at least quarterly */
	}
#branding h1 { 
	margin: 50px 0px 0px 20px; 
	}

#page_title {
	width: 100%;
	background-color: #000;
	color: #fff;
	min-height: 4px;
	background-position: 0px 136px;
	background-repeat: no-repeat; 
	border-bottom: 1px solid #999;
	}


/* sidebar content of secondary pages after the minicalendar */
#sidebar_secondary { margin-top: 1em; }
#sidebar_secondary h1, #sidebar_secondary h2, #sidebar_secondary 
, #sidebar_secondary h4 { color: #777; }
#sidebar_secondary p { color: #888; }

/* corrects for particular column widths and padding */

#page_title h2, h2.page_title { 
	width: 486px; padding-left: 24px;
} /* total == 510px */
.column > #h2 { margin-top: 1em; }


/* top white-on-black navigation */

	
#nav_main {
	position: absolute;
	top: 108px; 
	z-index: 10; 
	width: 530px;
	height: 47px;
	color: #333;
	margin: 0px; padding: 0px;
	background-color: #111;
	text-align: left;
	clear: both; 
	display: block;
	border-top: 1px solid #949494;
	}
	
	
#nav_sub { text-align: left; width: 486px;	}		
#nav_main ul {
	margin: 3px 0px 6px 22px;
	padding: 2px 0px 0px 0px;
	}
ul#nav_sub { 
	display: block;
	margin: 3px 0px 0px 12px;
	padding: 3px 0px 3px 10px; 
	color: #333;
	font-size: 10px; 
	}	
#nav_main li { 	font-size: 12px;  }
#nav_sub li { 	font-size: 10px;  }
#nav_main li,
#nav_sub li { 
	display: inline; 
	text-align: center; 
	padding: 5px 10px 5px 10px; 
	min-width: 69px;
	border-left: 1px dotted #666;
	}
#nav_sub li { padding: 1px 10px; }
#nav_main ul li:first-child,
#nav_sub li:first-child {
	border-left: none;
	padding-left: 0px;
	}
#nav_main li a {
	border-bottom: none;
	color: #fff;
	padding: 1px;
	}
#nav_main li a:hover,
#nav_main li a:active {
	border-bottom: none;
	color: #000;
	background-color: #ffc;
	}
#nav_sub a:hover, #nav_sub a:active { color: #111; }
#nav_main a.here { color: #CC5A35; }


/* first paragraph introduction */
p:first-child:first-line { 
	font-size: 1.05em;
	}
	
p:first-child, p.firstp { 
	width:490px; 
	border: 0;
	font-size: 1.15em;
	font-weight: normal; 
	line-height: 1.55em; 
	word-spacing: .1em;
	color: #333; 
	/* background-color: #C03000; */
	padding: 20px 0px 0px 0px;
	/* background-image: url('/images/main/afafront-top.jpg'); */
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

#main_section { }
#main_section .container { width: 200px; }

#essential {
	background-image: url('/images/rose.gif');
	background-color: #000;
	background-position: -95px -25px;
	clear: both; 
	position: relative;
	min-height: 90px;
	background-repeat: no-repeat;
	color: #fff;
	margin: 0px;
	padding-left: 100px;
	margin-top: 1em; 
	max-width: 170px;
	margin-right: .10px; padding-bottom: 1px; padding-right: .25em;
	line-height: 1.2; 
	font-size: 11px; }
#essential > h3 { color: #999; padding-top: .75em; padding-bottom: .25em; font-size: 1em; }
#essential a { border-color: #c03000; }

#contact, #contact-header { 	
	border-bottom: 2px solid #c03000; 
	border-left: 0px solid #c03000; 
	padding: .65em 0px .5em 20px;
	margin: 0px; 
		margin-left: 0px; 
	z-index: 23;
	width: 740px;
	position: fixed; 
	text-align: right; 
	top: 0px;
	background-color: #f5f5f5;
	}
	
#contact-header	{ 
	top: 0px;
	position: absolute; 
	height: 40px; 
	left: 520px; 
	width: 205px; 
	}
	
#headwrap {
	display: block;
	position: fixed; 
	top: 0px;
	background-color: #c03000;
}

#contact li, #contact-headerli {
	display: inline;
	float: left;
	line-height: 1.1; 
	min-width: 110px;
	min-height: 2em; 
	padding: .25em 10px .25em 0px;

	}

h1 { font-size: 2em; }

h2, h3, h4, h5, h6 {
	font-size: 1.5em;
	color: #31331C;
	font-weight: normal;
	font-family: geneva, 'lucida sans', helvetica, sans-serif;
	line-height: 1; }
	
.program { margin: 1em 0px 10px 0px; }

ul.small_menu { margin: .5em 0px 0px 0px; padding: 0px; }
ul.small_menu li, a.small_link { 
	display: inline;
	text-transform: uppercase;
	font-size: 1em;
	white-space: nowrap;
	}

p.small_menu { padding: 4px 3px; }


/*		*/
*.hidden { display: none; }

/* links */
a, 
a:visited {
	color: #C03000;
	text-decoration: none;
	}
a:hover, 
a:active { 
	text-decoration: underline;
	background-color: #ffc; 
	}

	
#introduction a {
	color: #ffcc99;
}

/* #schedule */
#schedule { margin: 0px; padding: 0px; }
#schedule #schedule_links { }
#schedule #schedule_links ul { margin-top: .5em; padding-left: 0px; }
#schedule_links li { display: inline; font-size: 90%; text-transform: uppercase; }
#schedule > .day { overflow: auto; padding-left: 2px; }
#schedule h3.date { margin-top: .75em; margin-bottom: 0px; border-top: 2px solid #ccc; padding-top: .5em;  }
}


#filmschedule > h2,
#mailinglist > h3 ,
#right  > h3 { 
	line-height: 1; 
	margin-bottom: 3px; 
	padding-bottom: 4px;
	}

#maincolumn p { margin-bottom: 1em; }

ul#home_links { 
	border-top: 3px solid #ccc;
	font-weight: bold;
	padding: 18px 0px 1em 0px;
	margin: .5em .25px .5em 0em;
	letter-spacing: -.05em;
	}
ul#home_links > li {
	text-indent: -1em;
	margin-left: 1em;
	text-align: left;
	margin-bottom: .75em; 
	}
	
ul#cal_links { 
//	border-top: 3px solid #ddd;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
	margin: 0px .25px .5em 0em;
	font-size: 8px; 
	letter-spacing: -.025em;
	font-family: arial, sans-serif;
	}
ul#cal_links > li {
	text-indent: -.6em;
	margin-left: .6em;
	text-align: left;
	margin-bottom: .75em; 
	font-size: 9px;
	}

/* TYPOGRAPHY */

body { font-size: 66%; }
body, #main, .film_summary { font-family: georgia, times, serif; }
h1, h2, h3, h4 { font-family: geneva, 'lucida sans', sans-serif; word-spacing: -1px; }
h1 { text-transform: uppercase; font-size: 2.1em; color: #222; font-weight: bold; }
h2 {
	display: block;
	margin: 0px;
	text-transform: uppercase; 
	padding: .5em 20px;
	color: #dc9179;
	background-color: #000;
	background-color: #C03000;
	font-size: 1em;
	letter-spacing: .5em; 
	line-height: 1;
	font-family: helvetica, geneva, sans-serif;
	}
h3 { text-transform: uppercase; font-size: 1.2em; color: #222; font-weight: bold; margin-bottom: .4em;}

h3.post_date {
	font-size: .8em;
	margin: 0px;
	padding: 0px;
}

.post p {
	font-size: .8em;
}

.post p img {
	padding: 0px 6px 6px;
	float: left;
}

h3.storytitle {
	margin: 0px;
	padding: 0px;
}

h3 + p { font-size: 1em; margin-bottom: .4em; }
.small_menu { font-size: 9px; }
p { word-spacing: -.25pt; }
#nav_main { font-size: 0.9em; line-height: 14px; font-family: geneva, 'lucida sans', trebuchet, sans-serif; }
.program { padding: 1px 0px 1px 10px; background-color: #fff; }
.program > div { margin-bottom: 2px; }
.program .time { font-size: 100%; font-weight: bold; text-indent: -10px;}
.program .subdate { font-weight: normal; display: block; }
.program .filmmaker { font-size: 110%; font-family: geneva, 'lucida sans', trebuchet, sans-serif; }
.program .programtitle { font-size: 118%; text-transform: uppercase;}
.program .secondary { font-size: 7pt; text-transform: uppercase; font-family: geneva, 'lucida sans', trebuchet, sans-serif; }
.program .filmdescription { font-size: 100%; margin-top: .3em; }
.small_link { font-size: 85%; }
#main > div { line-height: 180%; } 
#schedule div { line-height: 130%; }
#schedule h3 { font-size: 120%; }
#left p, #right p { font-size: 110%; text-align: left; }
#left { padding-right: 20px;}
#left li { font-size: 18px; }


.month_title {
	display: inline;
	padding: 0px;
	margin: 0px;
	}

caption a.nav {
	border-bottom: none;
	}

/* FORM FIELDS */

input { border: 1px solid #ccc; padding: 3px; font-size: 10px; margin: 1px; background-color: #eee; }
input:focus { background-color: #ffc; }

/* current header image */
 	/* image can change regularly */ 
	#branding { background-image: url('/images/header/peterpan.jpg'); } 

em { font-style: italic; }
strong { font-weight: bold; }
.pagesection, .membership-level  { margin: 10px 0px 10px -20px ; padding-top: .5em; padding-left: 20px;  border-top: 2px solid #ddd; font-size: 90%; letter-spacing: 200%; text-transform: uppercase; color: #c03000; font-family: geneva, 'lucida sans', trebuchet, sans-serif; }
.membership-level { border-width: 0px; }

.film_summary, .film_content {
	padding: 10px 10px;
	font-size: 1em; 
	display: block;
	clear: both; 
	margin-bottom: 1em; 
}

#main .film_content p {
	float: none;
	width: 450px;
}

/* Lightbox */
	.film_content p { float: none; width: 400px; }

	.film_summary .film_content { width: 460px; }

	#main .film_detail .film_content { width: 460px; }

	.film_detail .film_content { width: 400px; }

	.film_summary .image, .film_detail .image { margin: 10px; }

/* Film stills */

	.stillshome, .stills { font-size: 1.2em; }

	.stillshome p, .stills p { max-width: 440px; line-height: 1.25; margin-bottom: 1em; padding: 0px 0px 0px 20px; }

	ul.randomstills { padding: 32px 0px 20px 0px; margin: 20px 0px 0px 0px; list-style: none; }
	.randomstills li { display: block; padding: 12px 12px 0px 0px; }

	.still-thumbs { margin: 0px 20px; }
	.still-thumbs ul { list-style: none; }
	.still-thumbs li { display: inline; padding: 5px; }
	.stills_thumbs_table { float: left; }
	.stills_thumbs_table th { font-weight: bold; padding: 10px; }
	.stills_thumbs_table td { padding: 10px; }

	.still_image { margin: 20px 0px 10px 20px; padding: 0px; display: block; }

	.still_fields { margin-left: 24px; }

	#still_header { width: 100%; float: left; }
	#still_search_form { float: right; }

	#stills-menu {
		width: 530px; 
		text-align: center;
		/* float: left; clear: both;  */
		margin: 0px 0px 10px 0px; padding-bottom: 10px; 
		border-bottom: 1px solid #666; 
		background-color: #F3D9D0; 
	}

	.still-links-main {
		width: 460px;
		margin: 0px auto;
		/* border: 1px solid #999; */
		padding-top: 10px;
		margin-top: 0px;
		list-style: none;
		text-align: center;
	}
	.still-links-main li { display: inline; padding-right: 15px; font-size: 10pt; }
	.still-links-main li.last-item { padding-right: 0px; }

	.still-links { width: 460px; margin: 0px auto; list-style: none; text-align: center; }
	.still-links li { display: inline; padding-right: 12px; font-size: 9pt; }
	.still-links li.last-item { padding-right: 0px; }

	.film_title_list, .still_director_list { line-height: 140%; list-style: none; }

	.stills h3 { margin-left: 23px; font-size: 133%; letter-spacing: 2px; padding: 10px 0px; }
	.stills h4 { font-size: 1.2em; padding: 15px 0px 12px; }

	.still-search-box { padding: 0px; margin: 20px; }
	.still-search-box form { padding: 0px; margin: 0px; }
	
	.from_link { padding: 24px; font-size: 1em; }


/* thickbox and other page margins */
	#thickbox_content, #content, #maincolumn { margin-top: 20px; margin-left: 0px; background-color: #fff; }
	#maincolumn { border-top: 1px solid #ccc; padding-top: 20px; }
	#content > #thickbox_content { border-width: 0; } 


/* thickbox content */
#TB_ajaxContent { padding-bottom: 2em; padding-left: 0px; padding-top: 0px; padding-right: 0px; }
#thickbox_content { margin-bottom: 2em; margin-left: 22px; margin-top: 0px; }
#thickbox_content > h2 { margin-left: -15px; padding-left: 22px; } 
#TB_ajaxContent > h2 { margin-left: -37px; padding-left: 37px; } 


#TB_ajaxContent > #content > .film_detail, #thickbox_content > #content > .film_detail, .film_summary { font-size: 1em; }
#TB_ajaxContent > #content > .film_detail > h3, #thickbox_content > #content > .film_detail > h3, h3.film_title, .film_detail h3 { font-size: 20px; letter-spacing: -.75px; margin: 2px 0px 8px 8px;}
#content > .film_detail > .film_content, .film_content {font-size: 13px; font-family: arial, geneva, 'lucida sans', helvetica, sans-serif; line-height: 1; }
#content > .film_detail > .film_content > .director { font-size: 16px; font-weight: bold; border-width: 0; letter-spacing: 1px; margin-top: 2px; }
#content > .film_detail > .film_content > .info, .film_content > .info { font-size: 13px; line-height: 1.2; margin-bottom: 4px; margin-top: 4px; }
#content > .film_detail > .film_content > .description {font-size: 11px; line-height: 16px; max-width: 28em; color: #000; }
#content > .film_detail > .film_content > .showings, .film_content > .showings { text-transform: uppercase; margin-top: 1em; font-size: 11px; font-weight: bold; border-top: 1px solid #ccc; padding-top: .75em; padding-bottom: .5em;}
#content > .film_detail > .film_content > .showings ul { margin: .25em 0 .5em 0em; font-size: 14px; font-weight: normal; line-height: 1.4; }
#content > .film_detail > .film_content > .tags { font-size: 9px; }
#content > .film_detail > .image > img { margin: 8px 0px; border: 1px solid #333; }
#TB_ajaxContent > #content > .film_detail > .image > img { max-width: 28em; }

/* home page, columns (I think) */
#intro_home { font-size: 18px; line-height: 24px; padding-top: .5em;  }
table#home_sublinks { margin-top: 2em; margin-bottom: 1em; }
table#home_sublinks td { padding-right: 1.5em; font-size: 1em; width: 50%; }
table#home_sublinks td > h3 { font-size: 13px; }

/* */
#contentwrap { clear: both; }

/* spacing of paypal buttons for membership levels */
table.membership-levels { margin: 20px; border-collapse: collapse; border-width: 0px; }
table.membership-levels tr > td { padding-right: 20px; }
table.membership-levels td { padding-bottom: .75em; vertical-align: top; padding-top: .5em; }
table.membership-levels tr { border-bottom: 1px solid #eee; }

/* space down the month calendar so it doesn't hit the menu */
#month_calendar { margin-top: 40px; }