@charset "utf-8";
/* CSS Document */

/* TJFF Blue Main: #45a8d4
** TJFF Blue Lite: #a2d4ea
** TJFF Blue 2nd:  #73bedf
** TJFF Blue 3rd:  #63b2d8 
** TJFF Gray:	   #bfbfbf
*/

body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555; }
body { background-color: #FFFFFF; }

p { line-height:20px; margin:0px 0px 25px 0px; }
p.intro { font-size:16px; line-height:25px; }
em { font-style:italic; }

h1, h2, h4 { color:#000000; font-weight:bold; margin:0px 0px 25px }
h1 { font-size:32px; line-height:40px; margin:0px 0px 20px 0px; }
h2 { font-size:16px; line-height:25px; }
h3 { font-size:16px; line-height:25px; margin:0px 0px 25px 0px; }
h4 { font-size:12px; line-height:20px; margin:0px; }
h5, h6 { line-height:20px; }
h2.no-bottom-margin { margin-bottom:0px; }

img { margin:0px 0px 0px 0px; }
img.main-image {  }
img.with-margin { margin:0px 0px 25px 0px; }

.lightbox img { margin:0; }
strong { color:#000000; font-weight:normal; }


a:link { color: #45a8d4; }
a:visited { color: #45a8d4; }
a:hover { color: #73bedf; }
a:active { color: #63b2d8; }

ul {
	margin:0px 0px 25px 0px;
	list-style-type:disc;
	list-style-position:inside;
}

ul li {
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

ol {
	margin:0px 0px 25px 0px;
	list-style-position:inside;
}

ol li {
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

div.hr {
	background:url(../images/grid-bg.gif);
	height:2px;
	margin:0px 0px 20px 0px;
}

hr {
	background:url(../images/grid-bg.gif);
	border:none;
	color:#ffffff;	
}

div.hr-full {
	background:url(../images/grid-bg.gif);
	height:2px;
	margin:0px 0px 20px 0px;
	width:100%;
}

div.hr-full hr{
	width:100%;
}

/*** HEADER ***/
#header {
	width:100%;
	background:#45a8d4 url(../images/header-bg.gif) repeat-x;
}

#header-wrapper {
	width:980px;
	margin:0px auto 0px auto;
}

#header-wrapper a {
	color:#ffffff;
}

#header-wrapper h1 {
	color:#ffffff;
	margin:0px;
	padding:0px 0px 20px 0px;
}

/*** CONTENT ***/
#content-wrapper {
	width:950px;
	overflow:auto;
	margin:0 auto 50px auto;
	background:url(../images/grid-bg.gif) repeat; 
	border-bottom:10px solid #ffffff;
	border-right:10px solid #ffffff;
}


/*** NAVIGATION ***/
#main-nav { background-color:#ffffff; overflow:hidden; }
#main-nav ul {
	margin:0 0 0 0;
	padding:0;
	white-space:nowrap;
	display:table;
	clear:both;
	background:#ffffff;
}
#main-nav li { display:block; float:left; }
#main-nav li a { display:block; font-size:16px; text-decoration:none; font-weight:bold; height:35px; padding:25px 10px 0px 10px; }
#main-nav li a.selected { background:url(../images/nav-select-arrow.gif) top center no-repeat; }
#main-nav ul li:hover { background-color:#45A8D4; background:url(../images/nav-select-arrow-hover.gif) top center no-repeat; }
#main-nav ul li:hover a { color:#ffffff; }

#main-nav ul ul {
	clear:both;
	display:none;
	position:absolute;
	background-color:#45A8D4;
	width:250px;
	padding:15px 10px 10px 10px;
	margin:0px;
	z-index:10;
	white-space:nowrap;
}

#main-nav ul li:hover ul {
	display:block;
}

#main-nav ul ul li {
	display:inline;
	float:none;
	clear:both;
	padding:0px;
	margin:0px;
}

#main-nav ul ul li a{
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	margin:0px;
	background-color:#73bedf;
	height:auto;
}

#main-nav ul ul li:hover {
	background:none;	
}

#main-nav ul ul li a.odd {
	background-color:#63b2d8;
}

#main-nav ul ul li a:hover {
	background: url(../images/nav-item-rollover-bg.gif) repeat;
}



/*** MAIN CONTENT AREA ***/
#content-wrapper #main-content {
	width:610px;
	float:left;
	background:url(../images/grid-bg.gif) repeat;
	padding:10px;
	margin:0px 0px 0px 0px;
	border-right:10px solid #ffffff;
}

#content-wrapper #main-content #breadcrumbs {
	overflow:auto;
	margin:0px 0px 10px 0px;
}

.image-wrapper {
	border:5px solid #bfbfbf;
	margin:0px 0px 25px 0px;
	position:inherit;
	z-index:1;
}

.image-wrapper img {
	margin:0px;
}

.breadcrumb-item a {
	background:#bfbfbf;
	padding:5px;
	margin:0px 5px 0px 0px;
	float:left;
	color:#ffffff;
	font-size:9px;
	line-height:11px;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

.breadcrumb-current {
	background:#bfbfbf;
	padding:5px;
	margin:0px 5px 0px 0px;
	float:left;
	color:#ffffff;
	font-size:9px;
	line-height:11px;
	text-transform:uppercase;
}

.breadcrumb-item a:hover {
	background:#808080;
}

.breadcrumb-item a {
	color:#ffffff;
	text-decoration:none;
}

.breadcrumb-item img {
	margin:0px;
	padding:0px;
}

#content-wrapper #main-content #inner-wrapper {
	background:#FFFFFF;
	padding:20px;
}

.home-btn {
	
}

.home-btn a {
	background:url(../images/breadcrumb-home.gif) center top no-repeat;
}
.home-btn:hover a {
	background:url(../images/breadcrumb-home_ro.gif) center top no-repeat;
}


/*** RIGHT CONTENT AREA ***/
#content-wrapper #right-content {
	width:310px;
	float:left;
	overflow:auto;
	margin-left:-10px;
	border-left:10px solid #ffffff;
}

div.feature-block { 
	background:url(../images/grid-bg.gif) repeat; 
	padding:10px 10px 10px 10px; 
	margin:0px 0px 0px 0px;
	overflow:auto;
	border-bottom:10px solid #ffffff;
}

div.feature-block div.feature-header {
	margin:0px 0px 10px 0px;
	overflow:hidden;
}

div.feature-header div.feature-title {
	color:#808080;
	font-size:16px;
	font-weight:bold;
	float:left;
	display:block;
}

div.feature-header a.feature-link {
	background:#bfbfbf;
	padding:5px;
	color:#ffffff;
	float:right;
	font-size:9px;
	line-height:11px;
	text-transform:uppercase;
	text-align:right;
	display:block;
	text-decoration:none;
}

div.feature-header a.feature-link img {
	margin:0px;
	padding:0px 0px 1px 0px;
}

div.feature-header a.feature-link-margin {
	margin-right:5px;
}


div.feature-header a.feature-link:hover {
	background:#808080;
}

div.feature-header a.feature-link:image {
	background:#808080;
}

div.feature-block div.feature-content { margin:0px; }
div.feature-block div.feature-content img { margin:0px; }

div.right-filler {
	padding:0px; 
	margin:0px;
}


/*** SITEMAP ***/
#sitemap { color:#a0a0a0; margin:0px 0px 50px 0px }

#sitemap ul {
	list-style-type:none;
}

#sitemap ul li {
	padding:0px;
	margin:0px;
	line-height:20px;
}

#sitemap a {
	color:#a0a0a0;
	text-decoration:none;
}

#sitemap a:hover {
	color:#808080;
}

#sitemap h4 { color:#a0a0a0; }

#sitemap div.sitemap-wrapper {
	width:930px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

#sitemap div.column {
	width:130px;
	margin:0px 20px 0px 0px;
	float:left;
}

/*** FOOTER ***/

#footer { color:#bfbfbf; margin:0px 0px 50px 0px; }

#footer div.footer-wrapper {
	width:930px;
	margin:0px auto 0px auto;
	overflow:auto;
}

#footer a {
	color:#a0a0a0;
	text-decoration:none;
	font-size:10px;
}

#footer a:hover {
	text-decoration:underline;
}

#footer .footer1 {
	width:20%;
	margin:0px 20px 0px 0px;
	float:left;
}

#footer .footer2 {
	width:40%;
	margin:0px 20px 0px 0px;
	float:left;
}

#footer .footer3 {
	width:30%;
	margin:0px 0px 0px 0px;
	float:left;
}


/*** EVENT CALENDAR ***/
#event-calendar {
	background-color:#9e1f63;
	color:#cf8fb1;
	font-size:16px;
	font-weight:bold;
}

#event-calendar #cal-head {
	color:#ffffff;
	padding:10px;
	text-align:center;
	background-color:#76174a;
	margin:0px 0px 5px 0px;
}

#event-calendar #cal-body {
	overflow:auto;
	overflow:hidden;
	padding:0px 0px 5px 5px;
}

#event-calendar #cal-body ul {
	list-style:none;
}

#event-calendar #cal-body ul.days {
	padding-bottom:10px;
}


#event-calendar #cal-body ul li {
	text-align:center;
	width:40px;
	height:30px;
	padding:0px;
	float:left;
	line-height:30px;
}

#event-calendar #cal-body ul li.hasEvent {
	background:none;
	background-color:#76174a;
}

#event-calendar #cal-body ul li.hasEvent:hover {
	background:url(../images/event-hover-arrow.gif) top center no-repeat #3b0c25;
}

#event-calendar #cal-body ul li.hasEvent div.eventDescr {
	display:none;
	/*min-width:140px;*/
	background-color:#eb008b;
	position:absolute;
	color:#ffffff;
	padding:0px 10px 0px 10px;
}

li.sunday div.eventDescr {
	position:absolute;
}

li.monday div.eventDescr {
	position:absolute;
}

li.tuesday div.eventDescr {
	position:absolute;
}

li.wednesday div.eventDescr {
	position:absolute;
}

li.thursday div.eventDescr {
	position:absolute;
}

li.friday div.eventDescr {
	position:absolute;
}

li.saturday div.eventDescr {
	position:absolute;
}

#event-calendar #cal-body ul li.hasEvent:hover div.eventDescr {
	/*display:block;*/
}

#event-calendar #cal-body ul li a{
	color:#ffffff;
	text-decoration:none;
	display:block;
}





/***** HOME PAGE STYLES *****/

#index-wrapper {
	width:950px;
	overflow:auto;
	margin:0 auto 50px auto;
	background:none; 
	border-bottom:10px solid #ffffff;
	border-right:10px solid #ffffff;
}

#index-content {
	background:none;
}

#mega-feature {
	margin:0px auto 10px auto;
}

#mega-feature #mega-header {
	margin:0px 0px 0px 0px;
	overflow:hidden;
	background:url(../images/grid-bg.gif);
	padding:10px 10px 10px 10px;
}

#mega-feature #mega-content { margin:0px; background:none; }
#mega-feature #mega-content img { margin:0px; }

#mega-header div.feature-title {
	color:#808080;
	font-size:16px;
	font-weight:bold;
	float:left;
	display:block;
}

#mega-header a.feature-link {
	background:#bfbfbf;
	padding:5px;
	color:#ffffff;
	float:right;
	font-size:9px;
	line-height:11px;
	text-transform:uppercase;
	text-align:right;
	display:block;
	text-decoration:none;
}

#mega-header a.feature-link img {
	margin:0px;
	padding:0px 0px 1px 0px;
}

#mega-header a.feature-link-margin {
	margin-right:5px;
}


#mega-header a.feature-link:hover {
	background:#808080;
}

#mega-header a.feature-link:image {
	background:#808080;
}

#slideshow {
	float:left;
	width:630px;
	margin-right:10px;
	margin-bottom:10px;
}

.index-block {
	width:310px;
	float:left;
	margin:0px 10px 0px 0px;
}

ul.social-list {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.social-list li {
	margin:0px;
	padding:0px;
}

ul.social-list li a {
	display: block;
	padding:0px 0px 0px 35px;
	line-height:30px;
	margin:0px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
}

li.delicious a {
	background:#c1b49a url(../images/social-delicious-normal.gif) left no-repeat;
}
li.delicious a:hover {
	background:#3274d0 url(../images/social-delicious-over.gif) left no-repeat;
}

li.blog a {
	background:#c1b49a url(../images/social-blog-normal.gif) left no-repeat;
}
li.blog a:hover {
	background:#ff8600 url(../images/social-blog-over.gif) left no-repeat;
}

li.facebook a {
	background:#b7ab92 url(../images/social-fb-normal.gif) left no-repeat;
}
li.facebook a:hover {
	background:#3b5998 url(../images/social-fb-over.gif) left no-repeat;
}

li.myspace a {
	background:#c1b49a url(../images/social-myspace-normal.gif) left no-repeat;
}
li.myspace a:hover {
	background:#1140a8 url(../images/social-myspace-over.gif) left no-repeat;
}

li.twitter a {
	background:#b7ab92 url(../images/social-twitter-normal.gif) left no-repeat;
}
li.twitter a:hover {
	background:#12c0fe url(../images/social-twitter-over.gif) left no-repeat;
}

li.youtube a {
	background:#c1b49a url(../images/social-youtube-normal.gif) left no-repeat;
}
li.youtube a:hover {
	background:#000000 url(../images/social-youtube-over.gif) left no-repeat;
}

li.blank {
	background:#b7ab92;
	display: block;
	padding:0px;
	line-height:30px;
	margin:0px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
}

/****** PHOTO GALLERY *******/
div.gallery-section { overflow:auto; }

div.gallery-section img {
	float:left;
	width:116px;
	border:5px solid #bfbfbf;
	margin:0px 20px 25px 0px;
}

div.gallery-section div.gallery-section-descr {
	float:left;
	width:410px;
}

div.gallery-section div.gallery-section-descr h2 {
	margin:0px;
}

div.gallery-section a {
	text-decoration:none;
}

div.gallery-section div.gallery-section-descr p {

}


div.gallery-image-group {
	overflow:hidden;
}

div.gallery-image {
	margin:0px 20px 20px 0px;
	float:left;
	overflow:auto;
}

div.gallery-image img {
	margin:0px;
	float:left;
	width:116px;
	border:5px solid #bfbfbf;
}

div.gallery-image img.zoom {
	position:relative;
	width:20px;
	border:none;
	margin-left:-20px;
	left:25px;
	top:57px;
}

div.last-in-row {
	margin-right:0px;
}

div.content-buttons {
	overflow:auto;
}

div.content-buttons img {
	margin:0px 5px 0px 0px;
}


a.text-btn {
	background:#bfbfbf;
	padding:5px;
	color:#ffffff;
	font-size:9px;
	line-height:19px;
	text-transform:uppercase;
	display:inline;
	vertical-align:middle;
	/*width:62px;*/
	text-decoration:none;
}

a.text-btn:hover {
	background:#808080;
}

div.content-buttons div.buttons-left {
	float:left;
}

div.content-buttons div.buttons-right {
	float:right;
	width:110px;
}

.clear {
	clear:both;
}

.no-margin {
	margin:0px;
}


/**** FILM STYLES *****/
p.film-info {
	color:#808080;
	margin-bottom:5px;
	font-size:11px;
	line-height:16px;
	letter-spacing:0.03em;
}

div.screening-info {
	color:#45a8d4;
	font-size:10px;
	text-transform:capitalize;
	margin-bottom:5px;
	letter-spacing:0.05em;
	line-height:15px;
}

div.screening-info a {
	text-decoration:none;
}

div.screening-info a:hover {
	text-decoration:underline;
}

div.tags {
	color:#45a8d4;
	font-size:10px;
	text-transform:capitalize;
	margin-bottom:20px;
	letter-spacing:0.05em;
	line-height:15px;
}

div.tags a {
	text-decoration:none;
}

div.tags a:hover {
	text-decoration:underline;
}

div#film-extra-info {
	color:#808080;
}

div.film-sponsors {
	color:#808080;
	clear:both;
}

div.film-shown-with {
	color:#808080;
	overflow:auto;
}

div.film-sponsors em{
	font-style:italic;
}

div .film-badge {
	width:126px;
	float:left;
	margin-bottom:20px;
}

div .film-badge-spacer {
	width:20px;
	float:left;
}

div .film-badge img {
	border:5px solid #bfbfbf;
}

div .film-badge h4 {
	padding-top:5px;
	padding-left:5px;
	font-size:12px;
	line-height:15px;
}

div .film-badge h4 a {
	color:#000000;
	text-decoration:none;
}

div .film-badge h4 a:hover {
	color:#45a8d4;
	text-decoration:underline;
}

div#film-list {
	overflow:auto;
}

div#film-list h2 {
	clear:both;
}

div#film-list .hr {
	clear:both;
}

div#film-list div.film-list-screening-info {
	padding-left:5px;
	color:#45a8d4;
	font-size:9px;
	text-transform:capitalize;
	letter-spacing:0.05em;
	line-height:15px;
	margin-bottom:5px;
}

div#film-list div.film-list-screening-info a {
	text-decoration:none;
}

div#film-list div.film-list-screening-info a:hover {
	text-decoration:underline;
}

div#film-list-nav {
	clear:both;
	overflow:auto;
	margin-bottom:10px;
}

div #film-list-nav .nav-item a {
	float:left;
	display:block;
	padding:5px;
	margin-right:1px;
	margin-bottom:1px;
	background-color:#bfbfbf;
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
	line-height:11px;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

div #film-list-nav .nav-item a:hover {
	background-color:#808080;
	text-decoration:none;
}

div #film-list-controls {
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
	overflow:auto;
	font-size:12px;
}

div #film-list-controls form {
	float:left;
}

div #film-list-controls select {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:182px;
	vertical-align:middle;
	display:inline;
	padding-top:3px;
	padding-left:3px;
}

div #film-list-controls select option {
	padding:3px;
	vertical-align:middle;
}
div #film-list-controls strong {
	font-weight:bold;
	color:#000000;
}

div #film-list-controls #filter-btn a {
	padding:5px;
	display:block;
	float:left;
	text-decoration:none;
	margin-left:20px;
	padding-right:30px;
}

div #film-list-controls #filter-btn a.closed {
	background:#FFFFFF url(../images/filters-arrow-closed.gif) no-repeat right;
	border:1px solid #bfbfbf;
}

div #film-list-controls #filter-btn a.closed:hover {
	background:#E3F2F9 url(../images/filters-arrow-closed-hover.gif) no-repeat right;
	border:1px solid #bfbfbf;
}

div #film-list-controls #filter-btn a.open {
	background:#E3F2F9 url(../images/filters-arrow-open.gif) no-repeat right center;
	border:1px solid #E3F2F9;
	padding-bottom:10px;
}


div #film-list-controls #filters {
	display:none;
	clear:both;
	background-color:#E3F2F9;
	padding:20px;
	overflow:auto;
	font-weight:normal;
}

div.filters-column {
	float:left;
	margin-right:20px;
	font-weight:normal;
}

div.sponsors-2010 .sponsor-section {
	overflow:auto;
}

div.sponsors-2010 img {
	float:left;
	width:116px;
	border:5px solid #ffffff;
	margin:0px 20px 25px 0px;
}

div.sponsors-2010 img.last-in-row {
	margin:0px;
}