/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Author: Adrian Jacob / adrian@firechaser.com
Type: Screen, Projection
Info: Screen and projection stylesheet for Grange Park Opera
Created: 12/01/2009
Modified: 07/04/2009
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* COMMON AND GLOBAL */
body { font:62.5%/1.6em Arial,Verdana,Helvetica,sans-serif; margin:0; padding:0; background:#000 url(../images/body-bg.gif); color:#333; text-align:center; }
input,textarea,select { font:1.0em Arial,Verdana,Helvetica,sans-serif; }
th,td { font:1.0em Arial,Verdana,Helvetica,sans-serif; }
img { display:block; border:0; }
p { padding:0 0 1.0em 0; margin:0; }
ul { list-style:none; padding:0; margin:0; }
a { color:#cc9933; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
abbr { border:0px; }
/* ----- IDS ----- */
#container { font-size:1.1em; text-align:left; width:930px; margin:0 auto; position:relative; }
#container2 { background:url(../images/container-bg.gif) left repeat-y; }
#container3 { background:url(../images/container2-bg.gif) left repeat-y; float:left; width:930px; position:relative; }
#home #container3, #checkout #container3 { background:url(../images/container2-bg-home.gif) left repeat-y; }
#production #container3 { background:url(../images/container2-bg-event.gif) left repeat-y; }
#bg { position:absolute; top:110px; left:0px; background:url(../images/bg.png) repeat-x; height:320px; width:100%; }
#header { color:#999; font-weight:bold; margin-left:205px; height:61px; position:relative; }
#header a { padding:0 5px; color:#FFF; }
#header p { position:absolute; left:0px; top:23px; }
#col1 { padding:149px 0px 15px 0px; width:185px; float:left; }
#col2 { width:745px; float:left; min-height:419px; }
#col2-padding { padding:5px; font-size:1.1em; color:#444; line-height:1.5em; }
#col2 p { padding:0px; }
#col2 .col1 { float:left; width:550px; }
#col2 .col1 .padding, #col0 { padding:21px 20px; }
#col0-syos { padding:21px 7px; }
#col2 .col2 .padding { padding:25px 10px; }
#col2 .col1 p { margin-bottom:1.0em; }
#col2 .col2 p { margin-bottom:1.0em; }
#col2 .col1 ul { list-style:square; margin-bottom:1.0em; margin-left:30px; }
#col2 .col2 { float:left; width:185px; font-size:0.9em; line-height:1.5em; }
#copy { float:left; border-top:5px solid #FFF; width:100%; }
#copy a { font-weight:bold; }
#rotate { position:relative; background:#333; height:409px; }
#rotate li { position:absolute; z-index:10; }
#rotate li:first-child { z-index:11; }
#rotate span { display:none; }
#footer { clear:both; color:#999; position:relative; float:left; width:930px; }
#footer p { padding:15px; }
#white { background:#FFF; width:195px; height:5px; position:absolute; bottom:0px; right:0px; }
#white2 { background:#FFF; width:195px; height:5px; position:absolute; top:0px; right:0px; }
#book p { margin:0px !important; }
#book input { background:#0A0A0A; border:0px; color:#FFF; font-weight:bold; padding:2px 10px; margin-top:3px; cursor:pointer; cursor:hand; }
#seo { padding:0 10px 0 16px !important; }
#seo2 { padding:0 10px 0 15px !important; margin-bottom:20px; }
#col1 .block-user { margin:30px 0 20px 0; }
#first-time h1 { display:none; }
#event { margin-top:-12px; }
#key { position:relative; top:-9px; }
#key li { font-weight:bold; color:#FFF; padding:0 5px; margin-bottom:1px; }
#listing .more { background:#BBB !important; }
#listing { list-style:none !important; padding:0px !important; margin:0px !important; border-top:1px solid #DDD; }
#listing a { font-size:1.2em; }
#listing li { position:relative; background:#FFF; margin-bottom:1px; padding:5px 0px; border-bottom:1px solid #DDD; }
#listing .buttons { position:absolute; top:6px; right:0px; }
#listing span { position:relative; top:-1px; line-height:1.3em; font-size:0.9em; color:#999; }
#listing .buttons a { background:#cc9933; color:#FFF; font-size:1.0em; padding:1px 5px; margin-left:6px; display:block; float:left; }
#listing .buttons a:hover { background:#333 !important; text-decoration:none; }
#listing .eventcopy { position:relative; left:0px; }
#yt { overflow:hidden; width:695px; margin-top:12px; }
#yt2 { width:755px; }
/*#yt div { float:left; margin:15px 55px 35px 0; }*/
#yt2 ul { list-style:none !important; padding:0px !important; margin:0 0 35px 0 !important; float:left; width:100%; }
#yt2 li { float:left; margin:15px 55px 0px 0; width:320px; }
#yt2 .field-label { display:none; }
.field-field-embedded-vid { margin-bottom:4px; }
/* ----- CLASSES ----- */
.clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.textCenter { text-align:center; }
.textRight { text-align:right !important; }
.textLeft { text-align:left; }
.image_right { float:right; padding:0 0 20px 20px; }
.image_left { float:left; padding:0 20px 20px 0; }
.relative { position:relative; }
.absolute { position:absolute; }
.printShow { display:none; }
.smaller { line-height:1.3em; }
.smaller2 { line-height:1.3em; font-size:0.9em; color:#777; }
.tabs .active { display:none; }
.messages { position:relative; top:-3px; margin-bottom:14px; background:#CC9933; padding:5px 10px; color:#FFF; font-weight:bold; }
.messages ul { margin-bottom:0px !important; }
.messages a { color:#FFF; text-decoration:underline; }
.ui-tabs { }
.ui-tabs-nav { list-style:none !important; padding:0px !important; margin:0 0 1.2em 0 !important; border-bottom:1px solid #DDD; float:left; width:100%; }
.ui-tabs-nav li { float:left; }
.ui-tabs-nav li a { padding:4px 0 !important; float:left; border-top:1px solid #FFF; margin-right:15px; }
.ui-tabs-nav li.ui-tabs-selected a { color:#000 !important; border-top:1px solid #DDD; }
.ui-tabs-nav li.ui-tabs-selected a:hover { text-decoration:none; }
.ui-tabs-panel { clear:both; }
.ui-tabs-hide { display: none !important; }
.by { font-size:0.9em; color:#999; position:relative; top:-10px; }
.views-field-field-review-by-value { font-size:0.9em; font-weight:bold; color:#777; }
.views-field-field-date-value { font-size:0.9em; float:left; padding-right:6px; color:#777; }
.views-field-title { font-size:1.1em; }
.views-field-body p { margin-bottom:0px !important; }
.views-row-odd, .views-row-even { padding-bottom:15px; }
.pager { list-style:none !important; padding:0px !important; margin:0px !important; text-align:center; }
.pager li { display:inline; padding:0 3px; }
.pager-item, .pager-current { font-size:1.2em; }
.pager-current { font-weight:bold; }
.sitemap-box h2 { display:none; }
.new a { display:block; width:216px; height:50px; background:url(../images/GPOnewbutton.jpg) no-repeat; position:absolute; top:43px; left:519px; z-index:10000; }
/* ----- NAVIGATION ----- */
#col1 a { display:block; width:185px; color:#808080; font-weight:bold; font-size:1.4em; text-transform:uppercase; letter-spacing:1px; }
#col1 ul ul a { text-transform:none; font-size:1.2em; letter-spacing:0px; }
#col1 ul ul ul a { font-weight:normal; }
#col1 a:hover { color:#FFF; text-decoration:none; background:url(../images/nav-bg.gif) left repeat-y; }
#col1 a.active { color:#FFF; text-decoration:none; background:url(../images/nav-bg.gif) left repeat-y; }
#col1 ul { border-bottom:1px solid #444; }
#col1 ul ul { border-bottom:0px; }
#col1 li { border-top:1px solid #444; }
#col1 span { display:block; padding:7px 15px 6px 15px; }
#col1 ul ul span { padding:6px 25px 5px 25px; }
#col1 ul li.nested-ch { padding-right:15px; font-size:0.9em; letter-spacing:0; }
#col1 ul li.nested-ch a span { padding:6px 10px 5px 25px; text-transform:none; font-size:0.95em; letter-spacing:0; }
#col1 ul ul ul span { padding:6px 35px 5px 35px; }
#col1 p { color:#808080; padding:6px 15px; line-height:1.4em; }
#col1 p a { width:155px; background:#444; color:#FFF; padding:3px 0px 4px 0px; margin-top:7px; font-size:1.0em; text-transform:uppercase; letter-spacing:0px; text-align:center; }
#col1 p a:hover { background:#444; }
#nav2 { position:absolute; top:374px; left:15px; z-index:100; }
#nav2 a { display:block; width:16px; height:15px; background:#000; border:1px solid #FFF; float:left; margin-left:5px; font-size:8px; color:#FFF; text-align:center; line-height:15px; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30); }
#nav2 a:hover { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); text-decoration:none; }
#nav2 a.activeSlide { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
#footer ul { position:absolute; top:18px; right:7px; }
#footer li { float:left; border-right:1px solid #666; padding:0 8px; line-height:1.0em; }
#footer .last { border-right:0px; }
#footer a { color:#999; position:relative; top:-1px; }
/* ----- BREADCRUMB ----- */
#breadcrumb { font-size:0.9em; border-bottom:1px solid #DDD; padding:6px 20px 4px 20px !important; color:#999; background:#eee; }
#breadcrumb span { font-size:0.9em; }
/* ----- HEADINGS ----- */
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; clear:both; }
h1 { position:absolute; top:61px; left:27px; z-index:10; }
h1 a { display:block; width:132px; height:131px; background:url(../images/Grange-Park-Opera.gif) no-repeat; }
h1 a:hover { text-decoration:none; }
h1 span { position:relative; top:-1000px; }
h2 { font-size:1.6em; margin-bottom:0.6em; position:relative; left:-1px; }
h3 { font-size:1.1em; margin-bottom:0.6em; }
/* ----- TABLES ----- */
*/table { border-collapse:collapse; }*/
/*.col2 table th { background:#FFF; border:1px solid #e6e6e6; width:23px; height:18px; text-align:center; font-weight:bold; }
.col2 table td { background:#FFF; border:1px solid #e6e6e6; width:23px; height:18px; text-align:center; }
.col2 table td a, #col2 table td span { color:#FFF; font-weight:normal; }
.col2 table td a:hover { font-weight:bold; text-decoration:none; }
.col2 table th a { display:block; height:18px; line-height:18px; }*/
.col2 .month-back { background:#FFF url(../images/cal-back.gif) 50% 50% no-repeat; }
.col2 .month-back:hover { background:#CC9933 url(../images/cal-back.gif) 50% 50% no-repeat; }
.col2 .month-next { background:#FFF url(../images/cal-next.gif) 50% 50% no-repeat; }
.col2 .month-next:hover { background:#CC9933 url(../images/cal-next.gif) 50% 50% no-repeat; }
.col2 .month-name { width:118px; }
#basket, #basket table { width:100%; }
#basket a { color:#cc9933; font-weight:bold; }
#basket a:hover { text-decoration:underline; }
#basket th { background:#000; color:#FFF; padding:2px 10px; font-weight:bold; }
#basket td { border-bottom:1px solid #999; vertical-align:top; padding:10px; }
#basket td td { padding:0px; border-bottom:0px; }
#basket-btn { float:left; width:100%; margin:10px 0 20px 0px; }
#basket-btn a { display:block; padding:2px 10px; color:#FFF !important; }
#basket-btn a:hover { text-decoration:none; }
#basket .small { font-size:0.9em; color:#999; }
.btn-checkout { float:right; }
.btn-continue { float:left; }
.btn-checkout a { background:#cc9933; font-size:1.2em; padding:4px 10px !important; }
.btn-continue a { background:#999; font-weight:normal !important; }
.grange { background:#86a338; display:block; height:18px; line-height:18px; }
.nevill { background:#cc9933; display:block; height:18px; line-height:18px; }
.soldout { background:#b0432b; display:block; height:18px; line-height:18px; color:#FFF; }
/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:block; }
legend { display:none; padding:0; margin:0; }
.btn { background:#000; color:#FFF; font-weight:bold; text-transform:uppercase; border:1px solid #626262 !important; height:20px; padding:0 4px 2px 5px; }
#header form { position:absolute; right:0px; top:20px; }
#header label { display:none; }
#header input { border:0px; float:left; }
#header #block-search-0 #edit-search-block-form-1 { background:#626262; color:#FFF; padding:3px 5px; width:214px; }
#header #block-search-0 #edit-submit { cursor:pointer; cursor:hand; }
#header #block-search-0 #edit-search-block-form-1-wrapper {float:left; }
#search-form { display:none; }
#copy label { float:left; width:120px; font-size:0.9em; line-height:1.4em; position:relative; top:3px; left:0px; }
#copy .form-submit { margin-left:120px; background:#CC9933; padding:2px 10px; clear:both; color:#FFF; font-weight:bold; border:0px; cursor:pointer; cursor:hand; }
#copy .form-item { margin-bottom:10px; }
#copy .form-radios { height:22px; }
#copy .form-radios label { width:60px; top:1px; }
#copy form { padding-top:10px; }
/* ----- SAFARI ----- */
body:first-of-type #col1 p a { padding:3px 0px 3px 0px; }
body:first-of-type .btn { margin:0px; height:20px !important; padding:1px 10px 0px 10px; }
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
/*---- Header styling ---*/
.sIFR-active h2 {
visibility: hidden;
font-size:30px;
line-height:30px;
line-height:1.0em;
margin-bottom:0.2em;
margin-top:0px;
position:relative;
left:-1px;
}
/*---- ADDED 03/03/09 ---*/
.phase1 { font-size:0.9em; color:#777; }
.table-link { font-weight:bold; }
.table-link a { color:#cc9933 !important; }
.table-link a:hover { font-weight:normal !important; text-decoration:underline !important; }
#edit-sCardAuthenticationCode, #edit-iCCIssueNumber { width:50px; }
/*---- ADDED 24/03/09 ---*/
.booking-calendar td { vertical-align:top; border:1px solid #CCC; width:91px !important; padding:1px 4px 1px 4px; color:#333; height:60px; }
.booking-calendar .cal-header { background:#000; color:#999; border:1px solid #000; text-align:left; font-size:0.9em; height:auto; padding:2px 4px; }
.booking-calendar div span { position:absolute; right:0px; color:#888 !important; font-size:0.9em; }
.booking-calendar .event-title { display:block; float:left; width:74px; min-height:46px; color:#333; }
.event-venue { color:#888 !important; font-size:0.9em; }
#col0 #key { top:0px; margin:10px 0 15px 0; }
.cal-link { font-weight:bold !important; width:74px; font-size:0.9em; text-transform:uppercase; }
.event-soldout { font-weight:bold !important; width:74px; font-size:0.9em; text-transform:uppercase; color:#B0432B !important; }
.view-gallery td { width:33%; vertical-align:top; padding-bottom:20px; }
.view-gallery .views-field-title span { color:#333 !important; font-weight:bold !important; padding-top:2px !important; display:block; padding-right:10px; }
.view-gallery .views-field-filesize span { color:#999 !important; }
.view-gallery .views-field-filename span { color:#CC9933 !important; }
.view-header { padding-bottom:20px; }