@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,800italic,400,700|Slackey);
/*
  -- OPEN SANS --
  NORMAL ----------- font:400 12px/1 'Open Sans',sans-serif;
  BOLD ------------- font:700 12px/1 'Open Sans',sans-serif;
  ITALIC SEMIBOLD -- font:italic 600 12px/1 'Open Sans',sans-serif;
  ITALIC EXTRABOLD - font:italic 600 12px/1 'Open Sans',sans-serif;

  -- SLACKEY --
  font:12px/1 'Slackey',cursive;
*/
.wrap {
	margin:0;
	min-height:100%;
	padding:0;
	position:relative;
	width:100%;
}

/*    -----------------------    Main Tags   -----------------------   */  
#bigwrap {
  background:url('/images/2016/bodybg.png') repeat-x bottom;
  bottom:0;
  clear:both;
  height:750px;
  margin-top:-750px;
  position:absolute;
  width:100%;
  z-index:99;
  overflow:hidden;
}

.siteBg {
	background:url('/images/2016/siteBG.jpg') no-repeat top #efece4;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:99;
}

#monsters {
  background:url('/images/2016/monsters.png') repeat-x center top;
  bottom:0px;
  height:274px;
  overflow:hidden;
  position:fixed;
  text-align:center;
  width:100%;
  z-index:100;
}

.monsterTile { display:inline-block; height:274px; position:relative; width:243px; }
.monsterTile .monster1, .monsterTile .monster2, .monsterTile .monster3,
.monsterTile .monster4, .monsterTile .monster5, .monsterTile .monster6,
.monsterTile .monster7, .monsterTile .monster8, .monsterTile .monster9 { background:url('/images/2016/eyeBlinks.png') no-repeat; }
.monsterTile .monster1 { background-position:-25px -68px; height:24px; left:25px; position:absolute; top:68px; width:24px; }
.monsterTile .monster2 { background-position:-12px -108px; height:15px; left:12px; position:absolute; top:108px; width:30px; }
.monsterTile .monster3 { background-position:-55px -134px; height:10px; left:55px; position:absolute; top:134px; width:20px; }
.monsterTile .monster4 { background-position:-127px -79px; height:50px; left:127px; position:absolute; top:79px; width:100px; }
.monsterTile .monster5 { background-position:-102px -95px; height:20px; left:102px; position:absolute; top:95px; width:25px; }
.monsterTile .monster6 { background-position:-37px -170px; height:15px; left:37px; position:absolute; top:170px; width:30px; }
.monsterTile .monster7 { background-position:-93px -154px; height:15px; left:93px; position:absolute; top:154px; width:25px; }
.monsterTile .monster8 { background-position:-133px -170px; height:10px; left:133px; position:absolute; top:170px; width:35px; }
.monsterTile .monster9 { background-position:-180px -192px; height:15px; left:180px; position:absolute; top:192px; width:25px; }

.clear:before,
.clear:after {
  content:'';
  display:table;
}
.clear:after {
  clear:both;
}
.clear {
  zoom:1;
}


div#nav li a,
div#nav li a:visited,
div#nav li a:link,
div#nav li a:active {
	color:#131313;
  font:italic 600 14px/33px 'Open Sans',sans-serif;
  letter-spacing:0.5px;
  text-decoration:none;
  text-transform:uppercase;
}
div#nav li a:hover {
  color:#E85D2A;
  text-decoration:none;
}
body {
  background-color:#71ACC8;
  margin:0;
  padding:0;
  width:100%;
}

html,body {
  height:100%;
  padding:0;
  margin:0;
}
hr {
  border:none;
  border-bottom:1px solid #E85D29;
}

h1 {
font:700 20px/22px Georgia, "Times New Roman", Times, serif;
color:#000;
text-align:left;
}

h2 {
font:700 15px/17px Georgia, "Times New Roman", Times, serif;
color:#000;
margin:0px;
margin-bottom:5px;
}

h3 {
font:700 12px/12px trebucket, arial, verdana, sans-serif;
color:#a95425;
padding:0px 0px 0px 40px;
margin:0px;
}
h4 {
font:normal 16px/16px trebucket, arial, verdana, sans-serif;
color:#a95425;
}

h4 a, #widecol h4 a  {
display:block;
border:1px solid #753018;
background:white;
text-decoration:none;
padding:10px;
width:200px;
color:#753018;
}

h4 a:hover, #widecol h4 a:hover {
color:white;
background:#753018;
text-decoration:none;
}

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

/*    -----------------------    Page Structure   -----------------------   */ 
#wrapper {
  position:relative;
  width:980px;
}
#holder {
width:1000px;
margin:0 auto;
position:relative; 
z-index:101;
}
#mc {
  background:#FFFFFF url('/images/pinchy.gif') no-repeat bottom left;
  padding:7px 0 155px;
  width:100%;
}
img.gohome {
  margin-left:-138px;
  position:absolute;
  z-index:100;
}

img.headerright {
  position:absolute;
  right:31px;
  z-index:0;
  display:none;
}

#pagetile { }

#header {
  background:url('/images/2016/header.png') no-repeat top;
  height:165px;
  position:relative;
  width:100%;
}

/*    -----------------------    Main Navigation   -----------------------   */  

#navContainer {
  float:right;
  line-height:34px;
  margin:129px -8px 0 0;
  padding:0 24px 0 10px;
  position:relative;
  z-index:999;
}

#nav, #nav ul {
	margin:0;
}

#nav ul li {
  display:inline;
  float:left;
  list-style:none;
  margin:0 12px;
}
#nav ul li a {
  display:block;
  height:33px;
  padding:0;
}

#nav em {
display:none;
}

/*    -----------------------   Menu Items   -----------------------   */ 

.boxoffice {
width:96px;
background:url(images/2011/m_boxoffice.png) no-repeat 0px 0px;
}  
.boxofficehl {
width:96px;
background:url(images/2011/m_boxoffice.png) no-repeat 0px -33px;
}
.filmlist {
width:86px;
background:url(images/2011/m_filmlist.png) no-repeat 0px 0px;
}  
.filmlisthl {
width:86px;
background:url(images/2011/m_filmlist.png) no-repeat 0px -33px;
}
.venues {
width:75px;
background:url(images/2011/m_venues.png) no-repeat 0px 0px;
}  
.venueshl {
width:75px;
background:url(images/2011/m_venues.png) no-repeat 0px -33px;
}


#venues, #venues a {
width:75px;
background:url(images/2011/m_venues.png) no-repeat 0px 0px;
}  
#venues a:hover {
background:url(images/2011/m_venues.png) no-repeat 0px -33px;
}


#schedule, #schedule a {
width:86px;
background:url(images/2011/m_schedule.png) no-repeat 0px 0px;
}  
#schedule a:hover {
background:url(images/2011/m_schedule.png) no-repeat 0px -33px;
}
#submitfilm, #submitfilm a {
width:112px;
background:url(images/2011/m_submitfilm.png) no-repeat 0px 0px;
}  
#submitfilm a:hover {
background:url(images/2011/m_submitfilm.png) no-repeat 0px -33px;
}
#entryform, #entryform a {
width:112px;
background:url(images/2011/m_entry_form.gif) no-repeat 0px 0px;
}  
#entryform a:hover {
background:url(images/2011/m_entry_form.gif) no-repeat 0px -33px;
}
#sponsor, #sponsor a {
width:112px;
background:url(images/2011/m_sponsors.png) no-repeat 0px 0px;
}  
#sponsor a:hover {
background:url(images/2011/m_sponsors.png) no-repeat 0px -33px;
}


/*    -----------------------    Tab Navigation   -----------------------   */  
#tabsub {background:url(/images/2011/searchformbg.gif)}
#tabsub a {
font:normal  12px/12px georgia, arial, geneva, arial, verdana;
color:#2ca191;
display:block;
padding:2px 2px 2px 2px;
width:280px;
text-decoration:none;
text-transform:capitalize;
text-align:right;
background:#e8e4cd;
}
#tabsub a:hover {
color:#d58300;
text-decoration:none;
}
#tabsub form {
padding:2px 2px 2px 30px;
}

#tabnavContainer {
width:300px;
margin:82px 0px 0px 0px;
float:right;
}

#tabnav, #tabnav ul {
width:300px;
}

#tabnav ul li {
list-style:none;
float:left;
display:inline;
margin:0px;
}

#tabnav ul li a {
display:block;
height:21px;
margin:0px;
padding:0px;
}

#tabnav em {
display:none;
}



.tabdropdown {
position:absolute;
z-index:1;
visibility:hidden;
top:380px;
width:295px;
background:#e8e4cd;
border-left:1px solid #c0b98f;
border-right:1px solid #c0b98f;
border-bottom:1px solid #c0b98f;
}

.tabdropdown a {
font:normal  11px/11px arial, geneva, arial, verdana;
color:#533002;
display:block;
padding:8px 8px 8px 8px;
width:100px;
text-decoration:none;
text-transform:uppercase;
text-align:left;
}
.tabdropdown a:hover {
color:#a95425;
text-decoration:none;
}

#tableftcol {
width:95px;
float:left;
}
#tabwidecol {
width:200px;
float:left;

}
#tabmidcol {
width:95px;
float:left;
}
#tabrightcol {
width:95px;
float:right;
}

.findfilm {
width:99px;
background:url(images/tab_film_info.gif) no-repeat 0px 0px;
}  
.findfilmhl {
width:99px;
background:url(images/tab_film_info.gif) no-repeat 0px -21px;
}
.involvement {
width:99px;
background:url(images/2011/tab_involvement.gif) no-repeat 0px 0px;
}  
.involvementhl {
width:99px;
background:url(images/2011/tab_involvement.gif) no-repeat 0px -21px;
}
.more {
width:99px;
background:url(images/2011/tab_more.gif) no-repeat 0px 0px;
}  
.morehl {
width:99px;
background:url(images/2011/tab_more.gif) no-repeat 0px -21px;
}

/* ----------------- Submenu -----------------*/  

.submenu,
.submenu:active,
.submenu:visited {
  background:#231F20;
  color:#E85D2A;
  display:block;
  font:italic 600 14px 'Open Sans',sans-serif;
  padding:8px;
  text-align:left;
  text-decoration:none;
  text-transform:uppercase;
  width:100px;
}

.submenu:hover {
  color:#FFFFFF;
  text-decoration:none;
}


/* Box Office*/
.subOne {
position:absolute;
z-index:1000;
visibility:hidden;
top:160px;
margin-left:257px;  
}
/* Venues */
.subTwo {
position:absolute;
z-index:1000;
visibility:hidden;
top:110px;
margin-left:600px;  
}
/* Contact */
.subThree {
position:absolute;
z-index:1000;
visibility:hidden;
top:720px;
margin-left:265px;
}
/* About */
.subFour {
position:absolute;
z-index:1000;
visibility:hidden;
top:755px;
margin-left:265px;
}
/* Get Involved */
.subFive {
position:absolute;
z-index:10;
visibility:hidden;
top:570px;
margin-left:265px;
}
/* Helpful Info */
.subSix {
position:absolute;
z-index:1000;
visibility:hidden;
top:745px;
margin-left:265px;
}
/* Travel */
.subSeven {
position:absolute;
z-index:1000;
visibility:hidden;
top:780px;
margin-left:265px;
}
.subEight {
position:absolute;
z-index:1000;
visibility:hidden;
top:389px;
width:295px;
background:#e8e4cd;
border-left:1px solid #c0b98f;
border-right:1px solid #c0b98f;
border-bottom:1px solid #c0b98f;
}
/* Film List */
.subNine {
position:absolute;
z-index:1000;
visibility:hidden;
top:110px;
margin-left:520px;
display:none;
}

/* ----------------- Sub Navigation -----------------  */  

#subnavContainer {
width:135px;
height:150px;
padding:0px 0px 0px 130px;
}

#subnav, #subnav ul {
width:135px;
}

#subnav ul li {
list-style:none;
float:left;
display:inline;
margin:0px;
}

#subnav ul li a {
display:block;
height:17px;
margin:0px;
padding:0px;
}

#subnav em {
display:none;
}

/* ----------------- Right Column Menu Items ----------------- */ 

#staff, #staff a {
width:135px;
background:url(images/2011/m_staff.gif) no-repeat 0px 0px;
}  
#staff a:hover {
background:url(images/2011/m_staff.gif) no-repeat 0px -17px;
}
#pressroom, #pressroom a {
width:135px;
background:url(images/2011/m_pressroom.gif) no-repeat 0px 0px;
}  
#pressroom a:hover {
background:url(images/2011/m_pressroom.gif) no-repeat 0px -17px;
}
.contact {
width:135px;
background:url(images/2011/m_contact.gif) no-repeat 0px 0px;
}  
.contacthl {
width:135px;
background:url(images/2011/m_contact.gif) no-repeat 0px -17px;
}
.getinvolved {
width:135px;
background:url(images/2011/m_get_involved.gif) no-repeat 0px 0px;
}  
.getinvolvedhl {
width:135px;
background:url(images/2011/m_get_involved.gif) no-repeat 0px -17px;
}
#sponsors, #sponsors a {
width:135px;
background:url(images/2011/m_sponsors.gif) no-repeat 0px 0px;
}  
#sponsors a:hover {
background:url(images/2011/m_sponsors.gif) no-repeat 0px -17px;
}
#history, #history a {
width:135px;
background:url(images/2011/m_history.gif) no-repeat 0px 0px;
}  
#history a:hover {
width:135px;
background:url(images/2011/m_history.gif) no-repeat 0px -17px;
}
#faq, #faq a {
width:135px;
background:url(images/2011/m_faq.gif) no-repeat 0px 0px;
}  
#faq a:hover {
width:135px;
background:url(images/2011/m_faq.gif) no-repeat 0px -17px;
}
.helpfulinfo {
width:135px;
background:url(images/2011/m_helpful_info.gif) no-repeat 0px 0px;
}  
.helpfulinfohl {
width:135px;
background:url(images/2011/m_helpful_info.gif) no-repeat 0px -17px;
}
#festival, #festival a {
width:135px;
background:url(images/2011/m_archives.gif) no-repeat 0px 0px;
}  
#festival a:hover {
background:url(images/2011/m_archives.gif) no-repeat 0px -17px;
}
#jengosplayhouse, #jengosplayhouse a {
width:135px;
background:url(images/2011/m_jengos.gif) no-repeat 0px 0px;
}  
#jengosplayhouse a:hover {
background:url(images/2011/m_jengos.gif) no-repeat 0px -17px;
}
.travel {
width:135px;
background:url(images/2011/m_travel.gif) no-repeat 0px 0px;
}  
.travelhl {
width:135px;
background:url(images/2011/m_travel.gif) no-repeat 0px -17px;
}

/* ----------------- Vertical Response Form -----------------  */  

#v_response {
  padding-left:20px;
  padding-top:117px;
}
#v_response #vresponseemail {
  background:transparent;
  border:none;
  color:#404040;
  display:inline-block;
  float:left;
  font:italic 600 12px/25px 'Open Sans',sans-serif;
  outline:none;
  text-transform:uppercase;
  width:135px;
}
#sube {
  background:transparent;
  border:none;
  bottom:12px;
  color:transparent;
  cursor:pointer;
  display:inline-block;
  float:left;
  height:20px;
  margin-left:5px;
  outline:none;
  position:relative;
  width:30px;
}

/*    -----------------------   Content  -----------------------   */  

#content {
min-height:800px;
clear:both;
position:relative;
}

#contentdivide {
width:565px;
float:left;
margin:5px 0 15px 0;
padding:8px;
border-bottom:1px solid #CCC;
}
#contentdivide #left {
width:100px;
float:left;
}
#contentdivide #right {
width:455px;
float:right;
}

#comments {
display:none;
}
#borderthis img {
border:1px solid #533002;
}

#buytickets {
float:left;
width:260px;
/*height:130px;*/
border:1px solid #c0bca2;
margin:5px;
padding:5px;
background:#f8f4e0;
}

/*    -----------------------   Wide Column    -----------------------   */  
#widecol {
font:normal 12px/16px  arial, verdana, microsoft sans-serif, sans-serif;
color:#333333;
width:680px;
min-height:500px;
float:left;
padding:0 20px;
}


#widecol a {
font-weight:bold;
color:#F47921;
text-decoration:none;
}
#widecol a:hover {
color:#3A150F;
text-decoration:underline;
}
#widecol ul  {
margin:0px 0px 0px 25px;
padding:0px;
}
#widecol ul li {
font:normal 12px/13px arial, verdana, sans-serif;
color:#333333;
list-style-image:url("images/a_bullet.gif");
margin:0px 0px 0px 5px;
padding:0px;
}
.widecolform {
margin-left:40px;
}

/*    -----------------------   Left Column    -----------------------   */  

#leftcol {
  float:left;
  margin-left:27px;
  margin-top:160px;
  width:214px;
}
#cmdSubmit {
  position:relative;
}
#txtKeyword {
  background:#D9D9D9;
  border:1px solid #A8A8A8;
  border-radius:4px;
  color:#000000;
  float:left;
  font:italic 600 12px/1 'Open Sans',sans-serif;
  margin-right:5px;
  outline:0;
  padding:4px 8px 5px;
}
#leftmenu {
  background:url('/images/2016/leftnav-bg.png') no-repeat;
  color:#F9A81C;
  font:700 14px/1 'Open Sans',sans-serif;
  height:490px;
  position:relative;
  text-transform:uppercase;
  width:194px;
  z-index:100;
}

#leftmenu a {
  color:#E85D29;
  text-decoration:none;
}
#leftmenu li {
  list-style-type:none;
}
#leftmenu li span {
  font-size:12px;
  font-weight:400;
  text-transform:none;
}
#leftmenu ul {
  padding-left:17px;
}
ul#involvement {
  padding-top:42px;
}
ul#involvement li {
  margin-bottom:12px;
}
ul#more {
padding-top:70px;
}
ul#more li {
margin-bottom:5px;
}
#findafilm {
  float:left;
}
#searchsocial .social {
  float:right;
}
/* #leftcol a {
color:#004e75;
text-decoration:none;
}
#leftcol a:hover {
color:#004e75;
text-decoration:underline;
}*/
#leftcollinks {
width:200px;
float:right;
margin:0px 20px 0px 0px;
}

.email-form {
  color:#171717;
  font:400 12px/1 'Open Sans',sans-serif;
  margin:10px 0 0 -5px;
  text-align:left;
  text-transform:none;
}

/*    -----------------------   Mid Column    -----------------------   */  

#midcol {
font:normal 11px/14px arial, verdana, sans-serif;
color:#666b6e;
width:350px;
float:left;
padding:20px 0px 0px 0px;
}

#midcol a {
color:#004e75;
text-decoration:none;
}
#midcol a:hover {
color:#004e75;
text-decoration:underline;
}

/*    -----------------------   Right Column    -----------------------   */  

#rightcol {
font:normal 12px/15px  arial, verdana, sans-serif;
color:#504e4e;
width:208px;
vertical-align:top;
float:right;
margin:0px 0px 0px 0px;
height:100px;
}

/*    -----------------------   Small Columns    -----------------------   */  
#smleft { 
width:260px;
float:left;
}
#smright {
width:260px;
float:right;
}

/*    -----------------------   Content Images    -----------------------   */  
.picleft {
float:left;
margin-top:3px;
margin-right:8px;
margin-bottom:10px;
border:0px solid #0b0b71;
}

.picright {
float:right;
margin-top:0px;
margin-right:0px;
margin-bottom:10px;
margin-left:10px;
border:0px solid #2b5eae;
}

.pic {
margin:2px;
border:6px solid #FFFFFF;
}
#showpic {
display:none;
}
#showpicrotate {
  display:show;
  margin:0 0 12px;
}
#showpicrotate img {
  height:278px !important;
  width:100% !important;
}


/* ----------------- Footer -----------------*/  

#copyright  {
  background:url('/images/2016/footer-bg.png') no-repeat top;
  clear:both;
  color:#FFF;
  font:10px/1 Tahoma,Geneva,sans-serif;
  height:64px;
  padding:26px 0 0 202px;
  width:778px;
}
/* #copyright p { padding-left:180px; padding-top:20px; text-align:left; } */
#copyright a {
  color:#FFF;
  text-decoration:none;
}
#copyright a:hover {
  color:#422013;
  text-decoration:underline;
}

/* ----------------- Right Column Links-----------------*/  
#rtlinks {
margin:20px 0px 0px 0px;
float:left;
}

#note {
font:bold 18px/18px arial, verdana;
color:#FF0000;
float:right;
margin:0 20px 0 0;
}

/* -----------------  Home Logo Link  -----------------*/  


/* -----------------   Advertise in the Festival Program Guide   -----------------*/  

.advertise {
width:550px;
height:311px;
background:url(images/form_advertise.gif) no-repeat 0px 0px;
padding:45px 0px 0px 0px;
}
.advertise form {
width:200px;

}
.advertise input {
font:normal 12px/11px  arial, verdana, microsoft sans-serif, sans-serif;
color:#50575c;
border:0px solid #000099;
background:none;
margin:1px 0px 0px 120px;
padding:3px 0px 0px 0px;
}

/* -----------------   Sponsorship   -----------------*/  

.sponsorship {
width:550px !important;
width:550px;
height:311px;
background:url(images/form_sponsorship.gif) no-repeat 0px 0px;
padding:45px 0px 0px 0px;
}
.sponsorship form {
width:200px;

}
.sponsorship input {
font:normal 12px/11px  arial, verdana, microsoft sans-serif, sans-serif;
color:#50575c;
border:0px solid #000099;
background:none;
margin:1px 0px 0px 120px;
padding:3px 0px 0px 0px;
}


/* -----------------   Photo Caption  -----------------*/  

#captionleft {
font:normal 9px/10px  arial, verdana, sans-serif;
color:#636363;
float:left;
width:280px;
padding:0px 5px 0px 0px;  
}

#captionright {
font:normal 9px/10px  arial, verdana, sans-serif;
color:#636363;
width:280px;
padding:5px 5px 0px 5px;  
margin:10px 0px 5px 0px;
float:right;
text-align:right;
}

/* -----------------   Featured Trailer   -----------------*/  

#featured_trailer {
height:200px;
}

#featured_trailer_object {
margin:10px 0px 0px 0px;
padding:0px;
width:186px;
background:#e9e5ce;
}

#featured_trailer_caption {
width:186px;
height:32px;
background:#e9e5ce;
margin:0px 0px 10px 0px;
padding:0px 0px 4px 0px;
}

#featured_trailer_caption a {
color:#533002;
}

#featured_trailer_caption a:hover {
color:#533002;
}

/* -----------------   Color Key on schedule   -----------------*/  
#genre_color_key {
float:right;
font-size:10px;
margin-bottom:15px;
}

.pancakeStack { padding-left:20px; }
.pancakeChicken { background:url(/images/2014/pancake-chicken.png) no-repeat center; height:130px; position:relative; top:24px; width:128px; z-index:100; }
.pancake { background:url(/images/2014/pancake.png) no-repeat center; height:123px; margin:0 0 -39px 0; position:relative; width:128px; }
.pancakeBite { background:url(/images/2014/pancake-bite.png) no-repeat center; height:124px; margin:0 0 -39px 0; position:relative; width:128px; z-index:99; }
.pancakeMonster { background:url(/images/2014/pancake-monster.png) no-repeat center; height:123px; margin:0 0 -39px 0; position:relative; width:128px; z-index:98; }
.pancakeDrip { background:url(/images/2014/pancake-drips.png) no-repeat center; height:123px; margin:0 0 -39px 0; position:relative; width:128px; }

#BannerAds {
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
#BannerAds img {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.diver {
  background:url(/images/2016/diver.gif) no-repeat center;
  width:220px;
  height:229px;
  position: fixed;
  left: 50%;
  bottom: 0%;
  transform: translateX(215%);
  z-index:1000;
}