/* CSS Document for MQFF*/

/* Eric Meyer's reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, hr,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}

/* remember to define focus styles!
:focus { outline: 0; REMOVE OR ALTER? SEE WEBAIM ARTICLE! }*/

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

/*Global Style*/
.hidden { position: absolute; left: -9999px}
a { color: #cc3366; text-decoration: none}
a:hover { color: #bb2255; text-decoration: underline}
h1, h2, h3, h4, h5, p { padding-bottom: 5px; }
h1 { color: #f7a6b5; font-size: 1.5em; line-height: 1;}
h2 { color: #f7a6b5; font-size: 1.4em; line-height: 1;}
h3 { color: #222222; font-size: 1.3em; line-height: 1;}
h4 { color: #222222; font-size: 1.2em; line-height: 1;}
h5 { color: #222222; font-size: 1.1em; line-height: 1;}

hr { border: 0; border-bottom: 1px solid #eee; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #333; line-height: 1.4; background: #fff url(/images/bg-body.gif) top left repeat; }

/* form elements */
label { float: left; padding: 0 10px 10px 0; width: 140px; }
input, select, textarea { border: 1px solid #F0A3B3; background-color: #FFF5F7; }
input:focus, select:focus, textarea:focus { background-color: #fff; border: 1px solid #000; }
input.input { padding: 2px; width: 250px; }
input.small { padding: 2px; width: 80px; }
input.inputLarge { padding: 2px; width: 100%; }
input[type='checkbox'] { margin-right: 4px; width: auto; border: 0; }
input[type='radio'] { margin-right: 4px; width: auto; border: 0; }
input.button { padding: 0 5px; font-size: 1.20em; font-weight: bold; color: #C91E27; border: 1px solid #FFA5A7; background-color: #FFE0E2; cursor: pointer; }
input.cart { padding: 2px 5px 2px 5px; font-size: 1.20em; font-weight: bold; text-transform: uppercase; color: #C91E27; border: 1px solid #FFA5A7; background-color: #FFE0E2; cursor: pointer; }
input.button:hover, input.cart:hover { color: #C91E27; border: 1px solid #FFA5A7; background-color: #FFF; }
select.select { padding: 2px; width: 250px; }
select.selectDate { padding: 2px; width: 80px; border: 1px solid #D07393; background-color: #fff; }
select.searchSelect { padding: 2px; width: 154px; margin-bottom: 2px; border: 1px solid #D07393; color: #333; background-color: #fff; }
textarea.textarea { padding: 2px; width: 250px; height: 60px; }
textarea.textareaLarge { padding: 2px; width: 500px; height: 100px; }
textarea.textareaXLarge { padding: 2px; width: 680px; height: 120px; }
div.formInput div { float: left; padding: 0 5px 10px 5px; }
div.formInput div.checkboxList, div.checkboxList { float: left; }
div.formInput div.checkboxList input[type='checkbox'], div.checkboxList input[type='checkbox'] { }
div.formInput div.checkboxList div, div.checkboxList div { float: left; width: 150px; padding: 0 8px 8px 0; }
div.formInput div.radioList, div.radioList { float: left; padding: 0 5px 5px 5px; margin-bottom: 12px; }
div.formInput div.radioList input[type='radio'], div.radioList input[type='radio'] { float: left; }
div.formInput div.radioList div, div.radioList div { float: left; width: 150px; padding: 0; margin-right: 8px; }

#wrapper { padding-top: 28px; margin: 0 auto; width: 959px;}
#header { background: #fff; padding: 15px 10px 25px 15px;}
#navigation { background: #4f494a; float: left; width: 939px; padding-left: 20px; z-index: 200}
#navigation li { float: left; z-index: 200}
#container { background: #fff; width: 100%; min-height: 300px; float: left; background: url(/images/bg-main.gif) top left repeat-y;}
#container-fullscreen { background: #fff; width: 100%; min-height: 300px; float: left; background: url(/images/bg-main-fullscreen.gif) top left repeat-y;}

/* Full screen */
#fullscreen { float: left; width: 929px; min-height: 240px; padding-left: 16px;}

/* Boxoffice */
#boxoffice { float: left; width: 929px; min-height: 240px;}

/* Main Home Content */
#main-home { float: left; width: 682px;}
#main-home #carousel { float: left; height: 328px; position: relative; display: block; width: 682px; overflow: hidden; z-index: 1}
#main-home #nav1 { position: absolute; top: 300px; z-index: 100; overflow: hidden; right: 0}
#main-home #nav1 a { padding: 3px 7px; background: #8f898a; margin: 2px 0 2px 4px; color: #fff; display: block; float: left; font-size: 1.2em}
#main-home #nav1 a:hover { background: #434041; text-decoration: none}
#main-home #nav1 a.activeSlide { background: #f1a6bb}

/* Main Content */
#main { float: left; width: 652px; padding: 15px;}
#main #nav1 { position: absolute; top: 300px; z-index: 100; overflow: hidden; right: 0}
#main #nav1 a { padding: 3px 7px; background: #8f898a; margin: 2px 0 2px 4px; color: #fff; display: block; float: left; font-size: 1.2em}
#main #nav1 a:hover { background: #434041; text-decoration: none}
#main #nav1 a.activeSlide { background: #f1a6bb}
#related { background: url(/images/bg-main-modules.gif) top left repeat-y; float: left; clear: both; width: 682px}
#related .module { float: left; width: 205px; padding: 30px 5px 10px 15px;}
#related .module-search { float: left; width: 205px; height: 100%; min-height: 300px; padding: 30px 5px 10px 15px; border-right: 1px solid #777777; background-color: #f1a6bd; }
#related .module-last { float: left; width: 205px; padding: 30px 5px 10px 15px; border-right: none;}
#related .module-search h3 { color: #ffffff; font-size: 1.10em; line-height: 1; text-transform: uppercase;}
#related h1 { color: #f7a6b5; font-size: 2.4em; line-height: 1;}
#related h2 { color: #f7a6b5; font-size: 2.4em; line-height: 1;}
#related h3 { color: #f7a6b5; font-size: 1.6em; line-height: 1;}
#related li { margin-bottom: 1em}
#related .module img { float: left; padding-right: 6px;}

/* Right hand side column */
#sideBar { padding: 0 0 40px 4px; float: left; width: 273px; font-size: 110%;}

#featurespot a { display: block; color: #fff; font-weight: bold; text-decoration: none; }
#featurespot a:hover { color: #000;}

#sideBar #advertisingMod { padding: 15px 0 15px 12px; width: 248px; height: 162px; overflow: hidden;}
#sideBar img.rhombus-logo { float: right; padding: 10px 12px 10px 0;}

/* Footer */
#footer { background: #080808; color: #fff; clear: both; margin-bottom: 30px; float: left; width: 959px; padding: .25em 0 .25em 0}
#footer ul { list-style: none;}
#footer li { float: right; padding-right: 1em;}
#footer li a { color: #fff; text-transform: lowercase;}
#socialBookmarking { float: left; margin-left: 10px; }

/* ADDED BY rhombus solutions */

/* generic styles */
.alignCenter { text-align: center;}
.success { margin: 0 0 15px 0; padding: 4px 2px 4px 2px; font-weight: bold; text-align: center; color: #00CC00; background-color: #F4FFF4; border: 1px solid #AAEEAA;}
.error { margin: 0 0 15px 0; padding: 4px 2px 4px 2px; font-weight: bold; text-align: center; color: #EE0000; background-color: #FFF4F4; border: 1px solid #EEAAAA;}
.validationError { margin: 0 0 5px 0; font-weight: normal; color: #FF0000;}
.warning { margin: 0 0 5px 0; font-weight: normal; color: #5555FF;}
.brclear { clear: both; }
#printThisPage { float: right; padding: 5px 30px 0 0; line-height: 100%; }

/* shopping cart links */
#shoppingCartSummary { margin: 0; padding: 0;}
.shoppingCartDetails { width: 160px; padding: 2px 5px; border: 1px solid #999999; text-align: right; background-color: #EEEEEE;}

div.shoppingCart table { width: 100%; _width: 98%; vertical-align: top; border: 1px solid #F0A3B3; border-collapse: collapse;}
div.shoppingCart tr { vertical-align: middle; }
div.shoppingCart tr.single_off, div.shoppingCart tr.lazy_lesbian_off, div.shoppingCart tr.lazy_bugger_off, div.shoppingCart tr.directors_choice_off, div.shoppingCart tr.lazy_trans_off { background-color: #FFF5F7;}
div.shoppingCart tr.single_on, div.shoppingCart tr.lazy_lesbian_on, div.shoppingCart tr.lazy_bugger_on, div.shoppingCart tr.directors_choice_on, div.shoppingCart tr.lazy_trans_on { background-color: #FFFDFE;}
div.shoppingCart tr.golden_toffee_on { vertical-align: top; background-color: #FFFFCC;}
div.shoppingCart tr.golden_toffee_off { vertical-align: top; background-color: #FFFFC0;}
div.shoppingCart tr.mint_on { vertical-align: top; background-color: #FCFFEF;}
div.shoppingCart tr.mint_off { vertical-align: top; background-color: #FCFFE0;}
div.shoppingCart tr.strawberry_on { vertical-align: top; background-color: #F8E7F9;}
div.shoppingCart tr.strawberry_off { vertical-align: top; background-color: #F8E7F0;}
div.shoppingCart tr.triple_choc_on { vertical-align: top; background-color: #FFE6E0;}
div.shoppingCart tr.triple_choc_off { vertical-align: top; background-color: #FFE6D0;}
div.shoppingCart tr.donation { border: 1px solid #f6f2f7; border-left: 0; border-right: 0; height: 40px; background-color: #fefaff; }
div.shoppingCart tr.totals { height: 40px; background-color: #fffcfd; }
div.shoppingCart th { padding: 0 3px 0 3px; vertical-align: middle; height: 20px; font-weight: bold; text-align: left; color: #fff; background-color: #C91E27;}
div.shoppingCart td { padding: 2px; color: #000000; border: 0.5px solid #F0A3B3; _border: 1px solid #F0A3B3; border-collapse: collapse;}

div.shoppingCartLinks div { float: left; margin-right: 10px; padding: 5px; }

div.donation { margin: 15px 0; padding: 15px 25px; font-size: 1.30em; background-color: #fefcff; border: 1px solid #f2e4f2; text-align: center; }
div.donation div { float: left; margin-right: 10px; width: 400px; text-align: left; }
div.donation div p { padding: 2px; text-align: right; font-weight: bold; font-size: 1.20em; }
div.donation input.small { padding: 2px; width: 80px; font-size: 1.20em; border: 1px solid #e6e3e6; background-color: #fcf9fc; }
div.donation input.small:focus { background-color: #fff; border: 1px solid #000; }

/* image gallery */
#master0 { padding: 0; margin: 0 5px 5px auto; position: relative; overflow: hidden; float: right; border: 0;}
#canvas0_0 { padding: 0; margin: 0;}
#canvas0_1 { padding: 0; margin: 0;}

#siteSearch input.searchTerm { width: 100px; border: 1px solid #AAAAAA;}
#siteSearch input.searchSubmit { font-size: 1.00em; line-height: 1; text-transform: uppercase; height: 22px; border: 1px solid #AAAAAA; cursor: pointer;}

#rhombus { margin-top: -60px; float: right;}
#rhombus img { padding: 0 12px 10px 0;}
#rhombus-fullscreen { text-align: right;}
#rhombus-fullscreen img { padding: 20px 10px 10px 0;}

/* reservation forms */
div.reservations_container { padding: 0 15px 10px 15px; background-color: #FFFAFC; border: 1px solid #F0EAEC;}
div.reservations_container table { padding: 3px; width: 100%;}
.reservations_container h1 { font-size: 16px; line-height: 250%;}
table.tabs { background-color: #EE99AA; text-align: center;}
table.tabs tr { vertical-align: middle;}
table.tabs th { padding: 2px; width: 140px; color: #fff;}
table.tabs th.on { padding: 2px; width: 140px; background-color: #BB5566; }
table.tabs a { font-size: 13px; font-weight: bold; text-decoration: none; color: #fff; }
table.tabs a:hover { font-size: 13px; font-weight: bold; text-decoration: underline; color: #fff;}

/* films list */
div.leftColumn { float: left; width: 49%; border-right: 1px solid #AAA; }
div.rightColumn { float: left; margin-left: 6px; width: 49%; }
div.filmItem { margin-bottom: 10px; float: left;}
div.filmThumb { float: left; width: 85px; height: 57px; background-color: #E9E9E9;}
div.filmTitle { padding-left: 8px; float: left; width: 240px; height: 57px; background-color: #FAFAFA; vertical-align: text-bottom;}
div.filmTitle p { margin-top: 4px;}
div.backToTop { clear: both; margin: 0 14px 10px 0; padding-right: 5px; border-bottom: 1px dotted #fafafa;}

/* program list */
div.summaryItem { margin: 0 6px 10px 0; padding: 4px; float: left; width: 304px; height: 102px; background-color: #F9F9F9; vertical-align: text-bottom;}
div.summaryItem span { font-style: italic; }
div.summaryItem span a { color: #222; text-decoration: none; font-style: italic; }
div.summaryItem span a:hover { color: #bb2255; text-decoration: underline; font-style: italic; }
div.summaryThumb { float: left; margin: 20px 0 25px 0; width: 90px; height: 57px; background-color: inherit;}

/* calendar */
div.mqffCalendar { width: 100%; font-size: 11px; font-weight: bold; color: #f7a6b5;}
div.mqffCalendar h1 { font-weight: bold; font-size: 12px; color: #f7a6b5;}
div.mqffCalendar table { width: 134px;}
div.mqffCalendar tr { text-align: center;}
div.mqffCalendar th { width: 18px; height: 10px; vertical-align: bottom; text-align: center; color: #7F7F7F;}
div.mqffCalendar td.day { width: 18px; height: 17px; vertical-align: middle;}
div.mqffCalendar td.selectedDay { width: 18px; height: 17px; background-color: #DDDDDD; vertical-align: middle;}
div.mqffCalendar td.highlightedDay { width: 18px; height: 17px; border: 1px solid #CCCCCC; vertical-align: middle;}
div.mqffCalendar td.day a, div.mqffCalendar td.selectedDay a { }
div.mqffCalendar td.highlightedDay a { }
div.mqffCalendar td.day a:hover, div.mqffCalendar td.selectedDay a:hover, div.mqffCalendar td.highlightedDay a:hover { }

/* films details */
div.boxOffice { margin-top: 11px;}
div.filmDetails { margin-top: 11px;}
div.filmDetails h1 { font-size: 1.25em; color: #d51200; text-transform: uppercase; font-weight: bold;}
div.tellAFriend { margin: 10px 0 20px 0; text-align: right; }
p.filmData { margin: 15px 0 8px 0;}
table.similarSession td { padding: 4px; vertical-align: middle; font-size: 1.0em; line-height: 110%; background-color: #fbfbfb; }
div.websiteLink { background: url(/images/website_icon.gif) top left no-repeat; padding-left: 24px;}
div.websiteLink a { color: #d51200; text-decoration: none}
div.websiteLink a:hover { text-decoration: underline}
div.ifYouLikeThese { margin: 0 0 18px 68px; width: 380px;}
div.ifYouLikeThese a { font-size: 1.1em; text-decoration: none; text-transform: uppercase; line-height: 120%;}
div.ifYouLikeThese a:hover { font-size: 1.1em; text-decoration: underline; text-transform: uppercase;}
div.video { margin-bottom: 30px; position: relative; overflow: hidden; width: 240px; text-align: center; vertical-align: middle;}
#filmGallery { margin: 18px 0 10px 0; position: relative; overflow: hidden; width: 240px; height: 164px; text-align: center; vertical-align: middle;}

/* archive */
div.archiveYear { margin-top: 10px; }
div.archiveYearImage { float: left; width: 200px; height: 120px; text-align: center; vertical-align: middle; overflow: hidden; }
div.archiveYearContent { float: left; padding-left: 12px; width: 440px; }

/* news */
div.newsItem { float: left; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 4px dotted #fee; }

/* blog */
div.blogItem { margin-bottom: 15px; padding-bottom: 15px; overflow: hidden; border-bottom: 1px dotted #aaa; }
div.blogTraversal ul { float: right; }
div.blogTraversal li { float: left; margin-right: 6px; padding: 3px 6px; background-color: #fafafa; border: 1px solid #ccc; }
div.blogTraversal li.selected { font-weight: bold; background-color: #fcfcfc; border: 1px solid #a84; }
div.blogTraversal li.separator { background-color: #fff; border: 1px solid #fff; }

#visasecure { padding: 20px; font-style: italic; font-size: 1.30em; width: 650px; border: 1px solid #eee; background-color: #fffcfc; }
#digitalGoodies { padding: 10px; font-size: 1.00em; width: 670px; border: 1px solid #eee; background-color: #fdfffd; }

/* Twitter feed */
#twitterFeed { margin-bottom: 3px; width: 273px; font-family: Arial, Helvetica, sans-serif; font-size: 1.00em; color: #fff; background-color: #975e66; }
#twitterFeed .tweet_list { list-style-type: none; }
#twitterFeed .awesome, #twitterFeed .epic { text-transform: uppercase; }
#twitterFeed li { margin-bottom: 2px; overflow-y: auto; overflow-x: hidden; padding: 8px; line-height: 140%; }
#twitterFeed li a { color: #33ccff; }
#twitterFeed .tweet_odd { background-color: #829399; }
#twitterFeed .tweet_even { background-color: #759ea6; }
#twitterFeed li div { padding-top: 4px; text-align: right; color: #33ccff; }
#twitterFeed h1 { text-align: center; line-height: 300%; color: #ccc; }