@charset "utf-8";
/*


Developer Notes

Try to keep your declarations organized. Practically, it can be a pain when you're trying
to figure something out although taking ten minutes at the end of a project to tidy things up is well worth it
when you come back six months later. Below is a list that seems pretty long and rarely have I found the need to 
set even half of these on one class or id. Generally I just keep in mind three - box properties and layout rules
(the first five below), background and border properties and typography.

    * Position
    * Float and Clear
    * Width and Height
    * Margin and Padding
    * Overflow
    * Border
    * Background
    * Font and Text effects
	
Try to keep the file organized by the type of declaration. That said, there will be times where you need to add
a class to a child of an element with an id (i.e. #header #header.copy) and those should be placed close to the
parent element's declaration. As in don't place #header.copy in the custom classes section but rather under the
#header declaration. When working with the element, all its styles are in the same area of the document.
	
Add or replace all relevant color values from the PSD layout to the list below
If Pantone colors are avaialable, list the number and if applicable the tint percent. If Pantone's aren't
applicable, just give the color a name that can be used to describe the color to other developers or designers.
Of course, hex values do not have tints so the tint colums will only apply to Pantone colors.
Don't bother with the # sign for hex values - double clicking the numbers won't pick up the symbol anyway.
If you'd really like to be helpful, adding some hints as to where the color is used on the page under the usage
column will give the person a visual reference. The whole idea of listing the colors here is to prevent the
developer from having to switch back and forth between DW & Photoshop or a browser. It also ensures consistent use
of color on the site to prevent slightly different color values from being picked up by the color picker.

Color Scheme:
Pantone / Color Name 		Tint		Hex				Usage
---------------------		----		-------			-----
5643C / Midnight Blue		100			003745			header background
5643C / Medium Blue			70			006677			h2, page titles

*/

 
/* ///////////////////////////

@import rules

/////////////////////////// */

@import url("../../includes/css/reset.css");

/* ///////////////////////////

Global Overrides

/////////////////////////// */

body {
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
}

h1 {
	margin-bottom: 1em;
	font: bold 24px Georgia;
	margin-bottom: .25em;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	color: #53301A;
	padding: 0 0 8px 0;	
	
}

h2 {
	margin-bottom: 1em;
	font: normal 20px Georgia;
}

h2.underline {
	padding-bottom: 3px;
	border-bottom: 1px solid #013A81;
	color: #013A81;
	font-style: italic;
}

h3 {
	margin-bottom: 1em;
	font: bold 16px Georgia;
}

h4 {
	margin: 0;
	font: 700 16px Georgia;
	font-style: italic;
}

a {
	color: #013A81;
	text-decoration: none;
}

a, a:hover, a:active, a:visited {
	outline: none;
}

a:hover {
	text-decoration: underline;
}


p {
	margin-bottom: 1em;
}

strong {
	font-weight: bold;
	color: #006;
}

em {
	font-style: italic;
}

ul {
	margin-bottom: 1em;
}

/* ///////////////////////////

ID Declarations

/////////////////////////// */
#site {	
	width: 100%;
	margin: 0 auto;
	background: transparent url(../../img/bg-site.jpg) repeat-x scroll;
}


#header {
	
}

#header h1 {	
	height: 22px;	
	font: 18px "Georgia";
	text-indent: -9999px;
}

#header h1 a {	
	display:block;
	height: 80px;
}

#masthead {
	height: 107px;
	width: 960px;
	margin: 0 auto;
	background: transparent url(../../img/bg-main-nav.jpg) repeat-x scroll;
	background-position: bottom;
}

#main-nav {
	float: right;
	width: 580px;
	height: 48px;
	padding: 36px 10px 0 0;
	text-align: right;
}

#main-nav ul {
	padding: 8px;
	
}

#main-nav li {
	display: inline;
	
	padding: 3px;	
	font: bold 14px Georgia;
	text-transform: lowercase;
	border-right: 1px solid #B2AA7E;
}

#main-nav li a {
	font-weight: bold;
}

#main-nav li.last-main-nav, #footer-nav li.last-main-nav {
	border: none;
}

#festival-header, #film-header {
	margin: 0 auto;
	width: 960px;
	height: 268px;
	background: transparent url(../../img/header-2010.jpg) no-repeat scroll 0% 0%;
}

#festival-header.beaufort {
	background: transparent url(../../img/beaufort-header.jpg) no-repeat scroll 0% 0%;
}

#festival-header h3 {
	float:right;
	margin: 160px 60px 0 0;
	width: 370px;
	font-size: 14px;		
	font-weight: 600;
	text-transform: uppercase;
	color: #DBD8BD;
}

#film-header {
	position: relative;
}

#film-header.beaufort {
	background: transparent url(../../img/beaufort-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.monster {
	background: transparent url(../../img/monster-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.lior {
	background: transparent url(../../img/praying-with-lior-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.my-father {
	background: transparent url(../../img/my-father-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.eyewitness {
	background: transparent url(../../img/eyewitness-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.torte {
	background: transparent url(../../img/torte-bluma-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.hannah {
	background: transparent url(../../img/hannah-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.c-me {
	background: transparent url(../../img/circumcise-me-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.sixty-six {
	background: transparent url(../../img/sixty-six-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.justice {
	background: transparent url(../../img/paying-justice-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.toyland {
	background: transparent url(../../img/toyland-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.secret {
	background: transparent url(../../img/secret-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.auschwitz {
	background: transparent url(../../img/auschwitz-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.women-in-sports {
	background: transparent url(../../img/women-in-sports-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.refusenik {
	background: transparent url(../../img/refusenik-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.shiva {
	background: transparent url(../../img/mexican-shiva.jpg) no-repeat scroll 0% 0%;
}

#film-header.salonica {
	background: transparent url(../../img/thessalonoki-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.constantine {
	background: transparent url(../../img/constantine-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.vacation {
	background: transparent url(../../img/vacation-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.notes {
	background: transparent url(../../img/between-notes-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.antarctica {
	background: transparent url(../../img/antarctica-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.darling {
	background: transparent url(../../img/darling-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.jerusalem {
	background: transparent url(../../img/jerusalem-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.the-secrets {
	background: transparent url(../../img/the-secrets-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.mom-daughter {
	background: transparent url(../../img/mom-daughter-header.jpg) no-repeat scroll 0% 0%;
}

#film-header.blank {
	background: transparent url(../../img/blank-header.jpg) no-repeat scroll 0% 0%;
}

#film-header-info {
	float: right;
	width: 350px;
	margin: 36px 22px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#film-header h2 {
	margin: 0;
	height: 80px;
	font-size: 30px;
	font-weight: normal;
	color: #E5E4DD;
}

#film-header h3 {
	margin: 24px 0 0 0;
	font-size: 18px;
	font-weight: 700;
	color: #DBD8BD;
}

#film-header p {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #DBD8BD;
}

#page, #page-interior {
	position: relative;
	width: 960px;
	min-height: 730px;
	margin: 0 auto;
	background: #d4dbec url(../../img/bg-page.jpg) no-repeat scroll 0% 0%;
	background-position: top left;
}

#page-interior {
	background: #d4dbec url(../../img/bg-page-interior.jpg) no-repeat scroll 0% 0%;
}

#panel-bar {
	position: absolute;
	top: -15px;
	left: 0px;
	width: 960px;
	height: 30px;
	background: transparent url(../../img/bg-panel-bar.png) no-repeat scroll 0% 0%;
	z-index: 1;
}

#side-panel-home {
	position: absolute;
	top: 33px;
	left: 435px;
	width: 506px;
	min-height: 720px;
	padding-top: 36px;
	background: transparent url(../../img/bg-sidebar.png) no-repeat scroll 0% 0%;
	z-index: 5;
}

#side-panel-content {
	float: right;
	width: 456px;
	margin-right: 22px;
}

#side-panel-content h2 {
	margin: 0 0 .3em 0;
	padding-bottom: 3px;
	font-weight: bold;
	font-style: italic;
	color: #013A81;
	border-bottom: 1px solid #DBD8BD;
}

#side-panel-content p, #side-panel-content ul, #side-panel-content li  {
	
}

#home-content h2 {
	margin: 0 0 .3em 0;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 20px;
	font-style: italic;
	color: #013A81;
	border-bottom: 1px solid #013A81;
	
}

#side-panel-content h3, #side-panel-content h3 a {
	float: left;
	width: 250px;
	margin-bottom: 0;
	padding-right: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #53301A;
}

#side-panel-content img {
	display: block;
	margin: 0 12px 48px 12px;
	float: right;
}

#side-panel-content li {
	margin-bottom: .5em;
}

#side-panel-home #side-panel-links {
	display: block;
	margin: 0 auto;
	
}

#side-panel-home #side-panel-links li {
	display: inline;
	margin: 0 14px;
}

#side-panel-home #side-panel-links li a {
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}

#side-panel-small {
	position: absolute;
	top: 32px;
	left: 565px;
	width: 374px;
	height: 638px;
	padding-top: 24px;
	background: transparent url(../../img/bg-sidebar-small.png) no-repeat scroll 0% 0%;
	z-index: 15;
}

#side-panel-small-content {
	float: right;
	width: 334px;
	margin-right: 18px;
}

#side-panel-small-content h2 {
	margin: 0 0 .3em 0;
	padding-bottom: 3px;
	font-style: italic;
	color: #013A81;
	border-bottom: 1px solid #DBD8BD;
}

#buy-tickets {
	margin: 0 0 2em 0;
	height: 125px;
	border-top: 1px solid #DBD8BD;
	background: transparent url(../../img/buy-tickets.png) no-repeat scroll 100% 0%;
}

#buy-tickets h2 {
	padding: 30px 0 0 18px;
	width: 200px;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 300;
}

#buy-tickets a:hover {
	text-decoration: none;
}

#buy-tickets p {
	padding: 0 0 0 18px;
}

#donations {
	margin-bottom: 24px;
}

#donations p {
	float: left;
	width: 65%;
	margin: 0;
	padding: 6px 0 0 6px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	color: #53301A;	
}

#donations form {
	float: right;
	width: 30%;
	margin-top: 24px;
	text-align: center;
}

#pdf-schedule {
	height: 52px;
	padding: 18px 0 0 22px;
	vertical-align: middle;
	border: 1px solid #53301A;
	background-color: #B2AA7E;
}

#pdf-schedule h3 {
	margin: 0;
}

#home-content {
	padding: 18px;
}

#content {
	min-height: 660px;
	padding: 18px 24px 18px 5px;
}

#home-content h3, #content h3,  #home-content h3 a, #content h3 a {
	min-width: 260px;
	color: #013A81;
	font-size: 18px;
	font-weight: bold;
}

#content h3 a {
	text-decoration: underline;
}

#content h3 a:hover {
	text-decoration: none;
	color: #5e7899;
}

#highlights {
	margin-top: 24px;
}

#highlights ul {
	
}

#highlights li {
	margin-top: 15px;
	border-bottom: 1px solid #53301A;
}

#highlights h3 {
	
	margin-bottom: .5em;
	padding: 0 18px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #53301A;
}

#trailer {
	margin-bottom: 10px;
}

#trailer-movie {
	position: absolute;
	top: 58px;
	left: 23px;
	padding: 18px;
	background-color: #B2AA7E;
	z-index: 10;
}

#trailer-movie p {
	margin-bottom: 0;
}

#flash-movie {
	position: relative;
	margin: 0 auto;
	border: 3px solid #DBD8BD;
}

#trailer h2 {
	margin-bottom: .25em;
	font-weight: normal;
	font-style: normal;
	color: #53301A;
	border: none;
}

#content h1 {
	border-bottom: 1px solid #53301A;	
	
}

#screening-times h2.festival-date {
	border-bottom: 1px solid #53301A;
	font-style: normal;
	color: #53301A;
	
}

#screening-times h2 {
	margin-top: 10px;
	border-bottom: 1px solid #53301A;
	color: #53301A;
}

#screening-times li {
	padding-top: 8px;
	
}

#content h2 {
	
}

#trailer img, #film-trailer img {
	float: left;
	margin-right: 12px;
	border: 5px solid #53301A;
}

#trailer p {
	float: left;
	width: 300px;
}

#film-info {
	float: left;
	width: 350px;
}

#film-info h3 {
	margin-top: 18px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #53301A;
}

#film-trailer h3 {
	padding: 0 0 8px 0;
	margin-bottom: .3em;
	border-bottom: 1px solid #55301A;
	color: #53301A;
}

#awards, #film-trailer {
	float: left;
	width: 180px;
	margin: 0 0 2em 20px;
}

#awards h3 {
	margin: 0 0 .3em 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #55301A;
	color: #53301A;
}

#awards li {
	margin: 11px 0 0 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dashed #B2AA7E;
}

#awards a {
	font-style: italic;
	font-weight: bold;
}

#screening-times {
	margin: 3em 0 0 0;
	min-height: 155px;
}

#screening-times li {
	margin: 11px 0 0 0;
	min-height: 67px;
	
}

#advertise, #thanks-sponsors {
	margin: 12px 0 24px;
	padding: 14px;
}

#advertise-small, #thanks-sponsors-small {
	margin: 24px 0 0 0;
}

#advertise li, #thanks-sponsors li, #thanks-sponsors-small li {
	display: inline;
	float: left;
}

#advertise h2, #thanks-sponsors h2 {
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #013A81;
	border: none;
}

#advertise {
	width: 405px;
	height: 104px;
	background: transparent url(../../img/bg-advertise.jpg) no-repeat scroll;
	
}

#advertise a {
	display: block;
	float: left;
	padding: 3px 0 0 0;
	width: 83px;
	font-weight: bold;
	line-height: .9em;
}

#advertise li {
	margin: 0 0 0 30px;
}

#advertise-small li, #thanks-sponsors-small li {
	float: left;
	margin: 0 25px 0 0;
}

#thanks-sponsors {
	width: 405px;
	height: 94px;
	
	
}

#sponsor-header {
	width: 150px;
	float: left;
}

#thanks-sponsors h3 {
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #048BC2;
}

#thanks-sponsors p {
	float: left;
	width: 250px;
	color: #53301A;
}

#thanks-sponsors li {
	margin: 0 5px 0 4px;
}

#thanks-sponsors a {
	font-weight: bold;
}

#content {
	width: 560px;
}

#article {
	padding: 15px;
}

#sidebar {
	width: 200px;
	
}

#related-links {
	margin: 0 15px;
}

#related-links li {
	margin-bottom: 5px;
	padding: 3px;
	font: italic 14px Georgia;
	font-weight: bold;
}

#footer {
	position: relative;
	margin: 0 auto 36px;
	width: 960px;
	height: 90px;
	background: #E0DFC7 url(../../img/bg-footer.gif) repeat-x scroll 0% 0%;
	border-top: 1px solid #53301A;
}

#jcc-address {
	display: block;
	position: relative;
	float: right;
	margin: -108px 14px 0 0;
	width: 340px;
	height: 107px;
	background: #013A81 url(../../img/bg-jcc.gif) no-repeat scroll 0% 0%;
}

#jcc-address p {
	float: right;
	margin: 24px 12px 0 0;
	font-size: 10pt;
	color: #FFF;
}

#jcc-address a {
	color: #FFF;
}

#footer-nav {
	margin: 30px 15px 0;
	float: left;
	widows: 500px;
	
}

#footer-nav ul {
	padding: 0 0 8px 8px;
}

#footer-nav li {
	display: inline;
	padding: 0 3px;
	border-right: 1px solid #013A81;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

#legal {
	float: left;
	margin: 0 0 0 28px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #53301A;
}

#legal ul {
	padding: 0 0 12px 12px;
	
}

#legal li {
	display: inline;
	padding: 3px;
	font: 9px Arial, Helvetica, sans-serif;
}

/* ///////////////////////////

Custom Classes

/////////////////////////// */
.clear-both {
	height: 0px;
	clear: both;
}

.no-margin, #content.no-margin {
	margin:0;
}

.one-col {
	width: 100%;
}

.two-col {
	width: 49%;
}

.three-col {
	width: 32%;
}

.four-col {
	width: 24%;
}

.five-col {
	width: 19%;
}

#content, #sidebar, .two-col, .three-col, .four-col, .five-col {
	float: left;
	margin: 0 0 10px 10px;
}

#sidebar.first-col, .first-col {
	margin: 0 0 10px 0;
}

.feature {
	padding: 3px;
}

.logo-home, .logo, .search {
	float: left;
}

.logo {
	width: 235px;
	height: 80px;
}

.logo {
	margin: 14px 0 0 10px;
	background: transparent url(../../img/logo-festival.png) no-repeat scroll 0% 0%;
}

.logo-home {
	margin: 0;
	width: 280px;
	height: 107px;
	background: transparent url(../../img/dedication.jpg) no-repeat scroll 0% 0%;
}

.festival-dates {
	float: left;
	width: 120px;
	margin: 36px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #55301A;
}

.search {
	width: 400px;
	height: 50px;
	padding: 12px 20px 15px 20px;
}

.pdf-icon {
	display: block;
	padding: 0 0 0 22px;
	background: transparent url(../../img/icon-pdf.png) no-repeat scroll 0% 50%;
}

#awards h3.award-icon {
	padding-left: 30px;
	background: transparent url(../../img/icon-award.png) no-repeat scroll 0% 0%;
}

.calendar-icon {
	display: block;
	width: 48px;
	height: 48px;
	float: left;
	margin: 0 14px 0 0;
	background: transparent url(../../img/icon-calendar.png) no-repeat scroll 0% 0%;
}

.cal-day-of-week, .cal-month {
	display: block;
	height: 11px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.film-day-of-week {
	display: block;
	height: 11px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.cal-date {
	display: block;
	height: 18px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.calendar-list, .highlights-list, .film-list {
	margin: 0 12px 0 14px;
}

.calendar-list h3, .highlights-list h3, .film-list h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #013A81;
}

.calendar-list h4, .highlights-list h4, .film-list h4 {
	margin: 0 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 14px;
	color: #53301A;
}

.highlights-list h4 {
	font-size: 16px;
}

.calendar-list p {
	width: 380px;
	clear: both;
}

.film-list p {
	width: 390px;
	float: left;
}

#highlights p {
	/*width: 260px;
	float: left;*/
}

.event-title {
	float: left;	
	padding: 0 12px 0 0;
	max-width: 320px;
}

.event-date {
	float: left;
	min-width: 200px;
	max-width: 270px;
}

.highlight-date {
	/*float: left;
	min-width: 200px;
	max-width: 280px;*/
}

.calendar-list-buy-now, .highlight-list-buy-now {
	width: 130px;
	float: right;
	
	text-align: center;
}

.highlight-list-buy-now {
	margin: 0;
	padding: 0;
	width: 120px;
}

.calendar-list-buy-now select {
	margin-bottom: 12px;
}

.calendar-list-buy-now span, .calendar-list-buy-now p {
	margin-bottom: none;	
	font-size: 9px;	
	font-style: italic;	
	line-height: .9em;
	color: #B3AA7E;
}

.calendar-list-buy-now p {
	width: 130px;
}


.alt-row {
	background: transparent url(../../img/bg-alt-row-old.jpg) repeat-x scroll 0% 100%;
}

.award-date {
	float: left;
}

.featured-film-date {
	display: block;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #53301A;
}

.featured-film-link {
	color: #7681B2;
	font-style: normal;
	font-weight: normal;
}

h4.pre-festival {
	margin-top: 24px;
	text-align: center;
}

.film-data {
	float: left;
	margin: 0 18px 0 0;
	font-size: 12px;
	font-weight: bold;
}

.special-appearance {
	color: #53301A;
}

.film-icon {
	width: 112px;
	float: left;
	margin: 0 12px 0 0;
	border: 5px solid #53301A;
}

.film-icon:hover {
	border: 5px solid #7e573e;
}

.film-title {
	font-weight: bold;
	font-style: italic;
}
.cal-film-title {
	font-weight: bold;
	font-style: italic;
	font-size: 13pt;
	color: #C69;
}
.float-left {
	float: left;
}

.season-pass {
	padding-top: 5px;
	border-top: 1px dashed #53301A;
}

#content h2.special-event {
	margin: 0 0 14px 0;
	border: none;
	font-style: italic;
	font-weight: 700;
	color: #013A81;
}

ul.bullet-list {
	list-style: disc;
	margin: 0 0 0 14px;
	max-width: 500px;
}

ul.bullet-list li {
	margin-bottom: 1em;
}

.indented li {
	margin-left: 1em;
}

#visiting-directors {
	margin-bottom: 24px;
	font-size: 10pt;
}
calendar_header {
	font-family: Verdana, Geneva, sans-serif;
}
#site #page-interior table tr td p {
	font-family: Verdana, Geneva, sans-serif;
}
.bigboldtitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 45px;
	font-weight: bolder;
	color: #009;
	line-height: normal;
}