/* 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:#FFFFFF url(/images/bg-body.gif) top left repeat; }

#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; margin-bottom:60px; 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:#FFFFFF; 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;}

/* 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.shoppingCartLinks table {margin:auto; vertical-align:top;}
div.shoppingCartLinks td {padding:3px; color:#000000;}
div.shoppingCart table {width:100%; _width:98%; vertical-align:top; border:1px solid #F0A3B3; border-collapse:collapse;}
div.shoppingCart tr {vertical-align:top;}
div.shoppingCart tr.single_off, div.shoppingCart tr.lazy_lesbian_off, div.shoppingCart tr.lazy_bugger_off,
div.shoppingCart tr.directors_choice_off {vertical-align:top; 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 {vertical-align:top; 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 th {padding:0 3px 0 3px; vertical-align:middle; height:20px; font-weight:bold; text-align:left; color:#FFFFFF; background-color:#C91E27;}
div.shoppingCart td {padding:2px; color:#000000; border:0.5px solid #F0A3B3; _border:1px solid #F0A3B3; border-collapse:collapse;}

div.donation {margin-top:15px; margin-bottom:15px; padding:5px; text-align:left; background-color:#FFF8F8;}
div.donation table {width:100%;}

/* 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:#FFFFFF;}
table.tabs th.on {padding:2px; width:140px; background-color:#BB5566; }
table.tabs a {font-size:13px; font-weight:bold; text-decoration:none; color:#FFFFFF; }
table.tabs a:hover {font-size:13px; font-weight:bold; text-decoration:underline; color:#FFFFFF;}

/* form elements */
input.input {width:250px; border:1px solid #F0A3B3; background-color:#FFF5F7;}
input.small {width:80px; border:1px solid #F0A3B3; background-color:#FFF5F7;}
input.inputLarge {width:100%; border:1px solid #F0A3B3; background-color:#FFF5F7;}
input.radio {margin:0 6px 0 0;}
input.checkbox {margin:0 6px 0 0;}
input.button {padding:0 5px 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 {width:250px; border:1px solid #F0A3B3; background-color:#FFF5F7;}
select.selectDate {width:80px; border:1px solid #D07393; background-color:#FFFFFF;}
select.searchSelect {width:154px; margin-bottom:2px; border:1px solid #D07393; color:#333; background-color:#FFFFFF;}
textarea.textarea {width:300px; height:80px; border:1px solid #F0A3B3; background-color:#FFF5F7; overflow:auto;}
textarea.textareaLarge {width:100%; height:200px; border:1px solid #F0A3B3; background-color:#FFF5F7; overflow:auto;}

/* 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:8px;}
div.filmDetails h1 {font-size:1.25em; color:#d51200; text-transform:uppercase; font-weight:bold;}
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;}
#s3 {margin: 18px 0 10px 0; position:relative; overflow:hidden; width:240px; height:164px; text-align:center; vertical-align:middle;}