/** This definition should stay at the top of the file so it's easy to change the year */
.thumb {background-image: url(../images/thumbs/2025_thumbs.jpg?updated=240215);
    background-size: 798px 1368px;
    background-repeat:no-repeat; float: left;
    height: 114px; overflow: hidden; margin-right: .5em;
    width: 114px; }

/* OOCSS CORE LIBRARIES */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 "Lucida Grande",Verdanna,Arial,Helvetica,sans-serif;*font-size:small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* OOCSS TEMPLATE */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.main{display:table-cell;*display:block;width:auto;}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.page{margin:0 auto;width:950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{width:auto;margin:0;}
/* ====== Columns ====== */
.leftCol{float:left;width:250px;_margin-right:-3px;}
.rightCol{float:right;width:300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}


/* OOCSS GRIDS */
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:19.75%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.size1of6{width:16.66666%;}
.size1of7{width:14.28571%;}
.lastUnit{display:table-cell;float:none;width:auto;}

/* Condensed fonts on the schedule page to squeeze in more data */
.schedule,
.highlight { font-family:
	/*iOS*/"AvenirNextCondensed-Bold", "Futura-CondensedExtraBold",
	/*MacOSX*/HelveticaNeue-CondensedBold,
	/*Ubuntu*/ "Ubuntu Condensed", "Liberation Sans Narrow",
	/*Windows*/"Franklin Gothic Demi Cond", "Arial Narrow",
	/*Android*/sans-serif-condensed,
	/*Fallback*/Arial, "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
	}
.schedule h3 {font-size: 1.28rem;}

/* these extend .page class - we use "liquid" but these should stop scrunching with many venues on schedule page */
.cols5 {min-width: 400px;}
.cols6 {min-width: 480px;}
.cols7 {min-width: 560px;}

/* this section prevents last columns with long names from wrapping */
@media (max-width: 600px)
{
    .cols5 .lastUnit > h3.lines1 {width: 77px;}
    .cols6 .lastUnit > h3.lines1 {width: 77px;}
    .cols7 .lastUnit > h3.lines1 {width: 77px;}
}

/* OOCSS MODULE */
/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.mod .inner{/*background: url(skin/transparent.png) repeat left top;*/}
.bd,.ft, .hd{display: inline-block; width:100%; *display:block; *width:auto; zoom:1;}
.inner:after,.hd:after,.bd:after,.ft:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;}
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}


/* OOCSS CORE CONTENT */
body{}
/* **************** CONTENT OBJECTS ***************** */

/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}

.important a{font-weight:bold;}/* what is this? */
/* links */
a {color: #2c4460 !important; text-decoration: underline;}
a:focus, a:hover {text-decoration: underline;}
a:focus{background-color:#FFFFCC;}
a:visited { color:#005a9c; }

/* ====== Forms ======*/
label {display: block; padding-top: 1em;}
input, .doublesize {font-size: 2em;}
input.normalsize {font-size: 1em;}

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== blockquote ====== */
cite{}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption,
.facts {font-size:13px; color:#666666; font-style:italic;padding-top:0; clear:left;}
/* will need to either
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/
/* ====== special formatting classes ====== */
.detail{color: #777; font-size:11px;display:block;}
/* ====== images ====== */
.icon{margin-right: 5px;}

/* OOSS SPACING */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote, .media {margin:10px 0;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}


/* OOCSS HEADINGS */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#AA001D;}
h2, .h2{font-size:167% !important; font-weight:normal!important; font-style: normal!important; color:#333333!important;}
h3, .h3{font-size:138.5%; font-weight:normal; font-style: normal; color:#AA001D;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AA001D;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}


/* OURFF MOBILE */
html body{overflow-x: auto!important;}
html {
	 background-attachment: fixed;
    background-color: #ebeaef;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
} /* copied from live site January 2015 */

h1 + h4,
h2 + h4,
h3 + h4 {margin-top: -10px;}
h4 {font-size: 100%;}
html {background-color: #e6e6e6;}
p {line-height: 1.45em;}
textarea {height: 15em; width: 30em;}
/* extends textarea */
#event_ticket_link {height: 3em;}
th, td{border-top: 1px solid #fff; padding: .25em .25em;}
th {color: #999; font-weight: bold;}

.head {padding: 0 0.5em 0.5em; background-color: #000000;}
.bannerWrap {max-width: 928px; margin: 0 auto;}
.banner {padding: 20px 1em;}
.body {background-color: #fff; margin: 10px auto; padding: 0 .5em .5em; max-width: 928px;}

	/* inheriting .body */
	.index {background-color: inherit;}
.bubble {border:1px solid #666;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;
	background-color: #fff;
	position: absolute;
    padding: 0 0.5em;
    right: 0;
    top: 0;
    left: 1.5em;
	z-index: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 79.95217%;
	line-height: 1.1;
	}
.byThumb {overflow: auto;}
.credit {font-size: 75%; margin: 0; padding: 0;}
.credits { opacity: .5; font-size: 66%; }
.delete {float: right; }
.figure {float: none; width: 100%; margin: 0 0 1.5em;}
	.figure img {width: 100%; max-width: 480px;}
	/* extending figure... */
	.tall {width: 50%; margin: 0 1.5em 1.5em 0; float: left;}
	.wide {} /* default is "wide", overridden by .tall */
.film {border-bottom: 1px solid #eee; clear:left;}
.foot {border-top: 1px solid #ccc; padding: 0 10px; max-width: 928px; margin: 0 auto;}
.hidden {display: none;}
.hour {background-color: #e6e6e6; color: #999; height: 2em; position: relative; background-image: url(../images/separator_black_top.png); background-repeat: repeat-x; background-position: top;}
.index li {border:1px solid #666;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;
	background-color: #fff; margin: 0 0 .5em; overflow: auto; padding: .5em;}
.line {position: relative; }
.lines1 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.maintainer {padding: 1.5em;}
.now {background-color: #000; background-image: url(../images/stripe.png); background-repeat: repeat; border-bottom: 2px solid #f6cf2a; height: 0; opacity: .15; position: absolute; top: 0; width: 100%; z-index: 1;}
.even {background-color: #e8e8e8}
.page {width: auto;}
.prev, .next {float: left; font-size: 300%; padding: 0 15px 0 0;}
	.next {float: right;}
.tappable {font-size: 123.1%; margin: 15px 0; }

.time {color: #999; float: right; font-size: 80%; font-weight: bold; letter-spacing: -0.1em; margin-right: -.25em;}
.trailer_contain {max-width: 480px; clear:left;}
.trailer, .trailer iframe {width: 100%; }
.trailer {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.trailer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.weak {font-size: 66%; opacity: .66;}
.faded {opacity: .3;}

#bffVotingMachineConfirmed {
    position: fixed;
    top: 0; right: 0;
    opacity: .66;

    margin: 2em;
}
#bffVotingMachineConfirmed a {
    background-color: #FFFF00; padding: 1em;
}
.highlight {font-style: italic; font-weight: bold; }
q.flatterQuote { font-weight: bold; color: darkgray; quotes: '“' '”';}
q.flatterQuote:before { content: open-quote; }
q.flatterQuote:after  { content: close-quote; }
cite {color: inherit; text-transform: uppercase; font-size: smaller;}
.filmsubtitled {font-style: italic;}