/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Author: Adrian Jacob / adrian@firechaser.com
Type: Screen, Projection
Info: Screen and projection stylesheet for Roundhouse
Created: 14/01/2008
Modified: 17/03/2008
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
div.error p {color: red; margin: 10px 0 10px 0; font-weight: bold;}
/* COMMON AND GLOBAL */
body { font:62.5%/1.8em Arial,Verdana,Helvetica,sans-serif; margin:0; padding:0; background:#FFF url(../images/body-bg.gif) top repeat-x; color:#333; text-align:center; }
input,textarea,select { font:1.0em Arial, Helvetica, sans-serif; }
th,td { font:1.0em Arial, 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:#cc292b; text-decoration:underline; outline:none; }
a:hover { color:#333; }
/* ----- IDS ----- */
#container { font-size:1.2em; width:896px; text-align:left; margin:0 auto; }
#header { height:176px; background-position:bottom center; background-repeat:no-repeat; position:relative; }
#search { margin:20px 0 10px 0; }
#home #search { margin:20px 0; }
#breadcrumb { margin:0px 10px 30px 10px; font-size:0.9em; }
/*
#promos { width:896px; height:213px; overflow:hidden; border-right:1px solid #FFF; }
#promos ul { width:1500px; height:213px; }
#promos li { height: 213px; border-right:1px solid #FFF; width:224px; float:left; position:relative; overflow:hidden; }
#promos p { padding:0px; }
#promos div { position:absolute; bottom:0px; left:0px; }
#promos .date { background:#1b1b1b; color:#FFF; font-size:0.9em; padding:2px 10px; white-space:nowrap; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); float:left; clear:both; }
#promos .title { background:#cc292b; color:#FFF; padding:2px 10px; white-space:no-wrap; float:left; clear:both; }
#promos .copy { position:absolute; bottom:0px; left:0px; width:100%; background:#eee; font-size:0.9em; line-height:1.4em; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); clear:both; height:52px; display:none; }
#promos .copy span { padding:2px 10px 3px 10px; display:block; }
#promos a.more { display:block; height:213px; text-decoration:none; position:absolute; width:100%; left:0px; }
#promos a.more span { position:relative; top:-1000px; }
#promos .buy-now { background:#FFF100; text-decoration:none; display:none; position:absolute; bottom:0px; left:0px; padding:2px 10px; color:#333; }
#promos .buy-now:hover { background:#ded200; }
*/
#promos { width:896px; height:213px; overflow:hidden; border-right:1px solid #FFF; }
#promos ul { width:1500px; height:213px; }
#promos li { height: 213px; border-right:1px solid #FFF; width:224px; float:left; position:relative; overflow:hidden; }
#promos p { padding:0px; }
#promos div { position:absolute; bottom:0px; left:0px; }
#promos .date { background:#1b1b1b; color:#FFF; font-size:0.9em; padding:2px 10px; white-space:nowrap; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); float:left; clear:both; }
#promos .title { background:#cc292b; color:#FFF; padding:2px 10px; white-space:no-wrap; float:left; clear:both; }
#promos .copy { position:absolute; bottom:0px; left:0px; width:100%; background:#eee; font-size:0.9em; line-height:1.4em; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); clear:both; height:52px; }
#promos .copy span { padding:2px 10px 3px 10px; display:block; }
#promos a.more { display:block; height:213px; text-decoration:none; position:absolute; width:100%; left:0px; }
#promos a.more span { position:relative; top:-1000px; }
#promos .buy-now { background:#FFF100; text-decoration:none; display:none; position:absolute; bottom:0px; left:0px; padding:2px 10px; color:#333; }
#promos .buy-now:hover { background:#ded200; }
#studios #promos .copy, #studios #promos a { color:#000000 !important; }
#search { height:44px; position:relative; }
#highlights { margin:40px 0; float:left; }
#highlights ul { margin-top:10px; }
#highlights li { float:left; margin-right:1px; overflow:hidden; width:148px; }
#highlights strong { padding-right:10px; display:block; margin-top:2px; line-height:1.4em; }
#highlights span.date { color:#666; font-weight:normal; text-decoration:none !important; font-size:0.9em; position:relative; top:-2px; }
#highlights a { text-decoration:none !important; }
#homemore {clear: left;}
#homemore .col {width: 33%; float: left;}
#homemore .col div {padding: 0 10px 0 10px;}
#homemore .col div.right {align: right; padding-right: 0;}
#more { padding-top:10px; }
#footer { border-top:5px solid #666; margin-top:80px; padding:10px 0 40px 0; font-size:0.8em; color:#999; position:relative; float:left; width:896px; clear:both; }
#footer p { padding-left:10px; }
#radio #footer { border-top:0px; padding-top:15px; background:url(../images/radio-line.gif) top no-repeat; }
#col1{ float:left; width:188px; font-size:0.9em; line-height:1.5em; }
#col3 { float:left; width:229px; font-size:0.9em; line-height:1.5em; }
#col1 p, #col3 p { padding-bottom:0.7em; }
#col3 img { margin-top:15px; }
#dont-miss a { text-decoration:none; display:block; width:229px; height:124px; position:relative; }
#dont-miss li { height:124px; margin-top:15px; }
#dont-miss img { margin-top:0px; }
#dont-miss .date { position:absolute; bottom:0px; left:0px; cursor:pointer; cursor:hand; background:#1b1b1b; color:#FFF; font-size:0.9em; padding:2px 10px; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); }
#dont-miss .title { position:absolute; bottom:20px; left:0px; cursor:pointer; cursor:hand; background:#cc292b; color:#FFF; padding:2px 10px; white-space:no-wrap; }
#col2 { float:left; width:479px; position:relative; top:-7px; }
#col2b { padding:0 40px; }
#radiocol1 { float:left; width:627px; padding:0 30px 0 10px; position:relative; top:-8px; }
#radiocol1 img { padding-top:5px; }
#radiocol1 .big { font-size:1.4em; }
#radiocol2 { float:left; width:229px; }
#col2b .copy h3 {background:#fff; color:#000; font-size:1.1em; white-space: normal; float: none; padding: 0.5em 0 0.5em 0; margin: 0; }
#col2b .copy ul {list-style: disc outside; padding: 0 0 0 20px; margin: auto;}
#col3 object { display:block; margin-top:10px; }
#col2-3 { float:left; width:708px; }
#col2-3b { padding:0 0 0 40px; position:relative; top:-7px; }
#col123 p, #col123 h2, #col123 h3, #col123 form, #col123 ul { padding-left:10px; padding-right:10px; }
#content #col123 ul, #content #col2 ul, #content #col2-3 ul { padding-bottom:1.0em; padding-left:30px; list-style:square; }
.event ul { list-style:none !important; padding-bottom:0px !important; padding-left:0px !important; }
/* ----- HEADERS ----- */
#home { background:#FFF url(../images/body-bg-home.gif) top repeat-x; }
#home #header { background-image:url(../images/header1.jpg); }
#whats-on #header { background-image:url(../images/header2.jpg); }
#book-tickets #header { background-image:url(../images/header3.jpg); }
#your-visit #header { background-image:url(../images/header4.jpg); }
#roundhouse-studios #header { background-image:url(../images/header5.jpg); }
#support #header { background-image:url(../images/header6.jpg); }
#hire #header { background-image:url(../images/header7.jpg); }
#studios #header { background-image:url(../images/header3.jpg); }
#radio #header { background-image:url(../images/header1.jpg); }
/* ----- STUDIOS ----- */
/*#studios { background:#990000 url(../images/body-bg-studio.jpg) top repeat-x; color:#FFF; }
#studios #footer { border-top:5px solid #1b1b1b; color:#FFF; }
#studios a { color:#FFF; }
#studios h3.col { background:#1b1b1b;padding:4px 10px 5px 10px; }
#studios #search .btn { background:#1b1b1b; border:0px none; }
#studios #search select { border:1px solid #FFF; }
#studios #search input { border:1px solid #FFF; padding:3px 5px 3px 5px; }
#studios .date-cost { color:#fff200; }
#studios #nav-sub .active, #nav-sub .active:hover { background:#fff200; color:#1b1b1b; }
#studios #nav-footer2 .arts { width:53px; background:url(../images/ACE2.gif); }
#studios #nav-footer2 .camden { width:97px; background:url(../images/CamdenCouncil2.gif); }
#studios #nav-footer2 .ultraspeed { width:255px; background:url(../images/ultraspeed2.gif); }
#studios #nav-footer2 .drmartens { width:66px; height:72px; background:url(../images/dr-martens2.gif); }
#studios #promos .title { background:#fff200; color:#1b1b1b; }
#studios #promos .buy-now { background:#CD171E; color:#FFF; }
#studios #promos .buy-now:hover { background:#1b1b1b; }
#studios .event p.copy { color:#FFF; }
#studios .event .book { background:#fff200; color:#1b1b1b; font-weight:bold; }
#studios .event ul a:hover { background:#1b1b1b; color:#FFF; }
#studios .event strong { color:#fff200; }
#studios .event a strong { color:#FFF !important; }*/
#studios #promos { margin-bottom:50px; }
/* ----- CLASSES ----- */
.clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.textCenter { text-align:center !important; }
.textRight { text-align:right !important; }
.textLeft { text-align:left !important; }
.image_right { float:right; padding:0 0 10px 20px; }
.image_left { float:left; padding:0 20px 10px 0; }
.relative { position:relative; }
.absolute { position:absolute; }
.printShow { display:none; }
.padding { padding:10px; }
.col-box { margin-bottom:15px; }
.col-box li { width:188px; }
.large { font-size:1.2em; }
.padding-left { padding-left:10px; }
.pagination { border-bottom:1px solid #DDD; border-top:1px solid #DDD; font-size:0.9em; float:left; width:100%; position:relative; top:-1px; }
.pagination p { padding:3px 0px; }
.event { clear:both; float:left; width:100%; border-bottom:1px solid #DDD; padding:20px 0; }
.event img { float:left; }
.event p { padding:0px; }
.event p.copy { padding:0px; color:#777; font-size:0.9em; line-height:1.5em; }
.event div { float:right; width:225px; position:relative; top:-4px; }
.event ul a { display:block; float:left; padding:2px 10px; text-decoration:none; color:#FFF; font-size:0.9em; margin:10px 10px 0 0; display:inline; }
.event ul a:hover { background:#B1A9A4; color:#FFF; }
.event ul li { float:left; }
.event .book { background:#cc292b; font-weight:bold; }
.event .more { background:#1b1b1b; }
.event-image { height:106px; width:148px; display:block; float:left; }
.tag { color:#b1a9a4; padding:0px; position:relative; top:2px; }
.date-cost { padding:0px; position:relative; top:-16px; }
.small { float:right; }
img.large, img.small, img.med { position:relative; top:-15px; }
.book-options { padding-bottom:15px; }
.book-options li { clear:both; margin-top:15px; white-space:nowrap; width:100%; }
.book-options li a { text-decoration:none; display:block; padding:3px 10px; float:left; width:58px; text-align:center; margin-right:10px; font-weight:bold; }
.book-options span { position:relative; top:3px; }
.book-now a { background:#cc292b; color:#FFF; }
.book-now a:hover { background:#1b1b1b; color:#FFF !important; }
.sold-out a { background:#DDD; color:#999; }
.sold-out span { text-decoration:line-through; color:#999; }
.ticketType select, .ticketType label { float:left; }
.ticketType { clear:both; margin:5px 0; }
.ticketType label { width:300px; margin-left:5px; }
/* ----- HEADINGS ----- */
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; clear:both; }
h1 span.move { position:relative; top:-1000px; }
h1 { position:absolute; left:708px; }
h2 { font-size:1.4em; text-transform:uppercase; margin-bottom:20px; font-weight:bold; }
h3 { margin-bottom:0.9em; font-size:1.2em; }
#promos h3 { background:#1B1B1B; color:#FFF; font-size:1.0em; white-space:nowrap; float:left; padding:4px 10px; margin-bottom:0px; }
h3.col { padding:4px 10px; background:#b1a9a4; float:none; font-size:1.1em; color:#FFF; margin-bottom:0px; }
#col1 h3 { background:#B1A9A4 url(../images/h3a.gif) top left no-repeat; }
#col3 h3, #radiocol2 h3 { background:#B1A9A4 url(../images/h3b.gif) top right no-repeat; }
h3.clear { background:none !important; font-size:1.5em !important; line-height:1.2em !important; } /*color:#FFF !important;*/
/* ----- NAVIGATION ----- */
#nav-global { position:absolute; top:5px; left:10px; }
#nav-global li { float:left; }
#nav-global a { color:#CCC; float:left; margin-right:17px; text-decoration:none; font-weight:bold; font-size:0.9em; }
#nav-global a:hover { color:#FFF; text-decoration:underline; }
#nav-main { position:absolute; left:0px; top:61px; }
#nav-main a { display:block; height:25px; position:absolute; text-decoration:none; }
#nav-main strong { position:absolute; top:-1000px; }
#nav-main .nav-1 a { background:url(../images/nav-main.gif) 0 0 no-repeat; width:106px; top:0px; }
#nav-main .nav-1 a:hover, #nav-main .nav-1 .active { background:url(../images/nav-main.gif) 0 -78px no-repeat; }
#nav-main .nav-2 a { background:url(../images/nav-main.gif) 0 -26px no-repeat; width:137px; top:26px; }
#nav-main .nav-2 a:hover, #nav-main .nav-2 .active { background:url(../images/nav-main.gif) 0 -104px no-repeat; }
#nav-main .nav-3 a { background:url(../images/nav-main.gif) 0 -52px no-repeat; width:120px; top:52px; }
#nav-main .nav-3 a:hover, #nav-main .nav-3 .active { background:url(../images/nav-main.gif) 0 -130px no-repeat; }
#nav-main .nav-4 a { background:url(../images/nav-main.gif) -161px 0px no-repeat; width:208px; top:0px; left:161px; }
#nav-main .nav-4 a:hover, #nav-main .nav-4 .active { background:url(../images/nav-main.gif) -161px -78px no-repeat; }
#nav-main .nav-5 a { background:url(../images/nav-main.gif) -161px -26px no-repeat; width:187px; top:26px; left:161px; }
#nav-main .nav-5 a:hover, #nav-main .nav-5 .active { background:url(../images/nav-main.gif) -161px -104px no-repeat; }
#nav-main .nav-6 a { background:url(../images/nav-main.gif) -161px -52px no-repeat; width:56px; top:52px; left:161px; }
#nav-main .nav-6 a:hover, #nav-main .nav-6 .active { background:url(../images/nav-main.gif) -161px -130px no-repeat; }
#nav-sub li { margin-top:1px; }
#nav-sub a { display:block; background:#DDD; color:#444; width:188px; text-decoration:none; font-weight:bold; }
#nav-sub a:hover { background:#CCC; }
#nav-sub span { display:block; padding:4px 10px; }
#nav-sub .active, #nav-sub .active:hover { background:#cc292b; color:#FFF; }
#nav-sub ul a { font-weight:normal; background:#EEE; }
#nav-sub ul span { padding:3px 10px 3px 20px; }
#nav-sub ul ul span { padding:3px 10px 3px 30px; }
#nav-footer { position:absolute; top:10px; right:10px; }
#nav-footer li { float:left; margin-left:15px; }
#nav-footer a { float:left; text-transform:uppercase; text-decoration:none; }
#nav-footer2 { padding-left:10px; }
#nav-footer2 li { float:left; margin-right:15px; margin-bottom:40px; }
#nav-footer2 a { display:block; height:51px; float:left; text-decoration:none; }
#nav-footer2 span { position:relative; top:-1000000px; }
#nav-footer2 .camden { width:97px; background:url(../images/CamdenCouncil.gif); }
#nav-footer2 .arts { width:53px; background:url(../images/ACE.gif); }
#nav-footer2 .ultraspeed { width:244px; background:url(../images/ultraspeed.gif); }
#nav-footer2 .freedm { width:50px; background:url(../images/freedm.jpg); }
#nav-footer2 .drmartens { width:66px; height:72px; background:url(../images/dr-martens.gif); }
/* ----- TABLES ----- */
table { border-collapse:collapse; margin:10px 0; }
abbr { border:0px; }
td { width:32px; padding-top:5px; text-align:center; border-right:1px solid #DDD; }
th { width:32px; height:20px; background:#DDD; border-right:1px solid #FFF; text-align:center; }
td.last { border-right:0px; }
#calendar { width:668px; }
#calendar .header th { background:#B1A9A4; color:#FFF; }
#calendar .header th a { color:#FFF; font-size:0.9em; width:183px !important; display:block; }
#calendar .monthActive { font-weight:bold; width:276px !important; }
#calendar th { width:96px !important; background:#CC292B; color:#FFF; }
#calendar td { width:96px !important; border:1px solid #DDD; vertical-align:top; overflow:hidden; }
#calendar ul { display:none; }
#calendar .time { font-size:0.9em; color:#999; }
#calendar .date { padding-bottom:5px; }
#calendar p { width:92px !important; overflow:hidden; }
#calendar .active { background:#CC292B; color:#FFF; }
#basket { width:100%; margin-bottom:20px; }
#basket td { border-bottom:1px solid #DDD; border-top:1px solid #DDD; border-right:0px none; padding:10px; }
#basket th { text-align:left; border-left:1px solid #1B1B1B; border-right:1px solid #1B1B1B; padding:3px 10px; background:#1B1B1B; color:#FFF; font-weight:bold; }
#basket .darkGrey td { background:#DDD; border-bottom:2px solid #1B1B1B; border-top:2px solid #1B1B1B; font-size:1.4em; }
#basket .grey td, #basket .donation td { background:#ECECEC; }
/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { display:none; padding:0; margin:0; }
label { display:block; float:left; width:140px; font-size:0.9em; margin-top:2px; }
form span { color:#999; }
input { margin-bottom:10px; }
select { margin-bottom:10px; }
.frmBorder0 { float:left; clear:both; position:relative; top:1px; margin-right:7px; }
.label { width:300px; }
.btn { font-weight:bold; color:#FFF; background:#CC292B; padding:4px 10px; float:left; clear:both; margin:20px 0; }
#col3 select { width:100%; margin-top:10px; font-weight:bold; margin-bottom:0px !important; }
#search label { display:none; }
#search p { float:left; margin-right:10px; font-size:0.9em; padding:0px; }
#search a { display:block; width:208px; position:absolute; top:0px; right:0px; text-indent:21px; background:#1c1c1c url(../images/register.gif) 10px 8px no-repeat; color:#FFF; text-decoration:none; padding:3px 10px 3px 11px; font-weight:bold; }
#search a:hover { text-decoration:underline; }
#search input { padding:4px 5px 2px 5px; font-weight:bold; width:174px; margin-bottom:0px !important; }
#search select { padding:2px 3px 2px 3px; font-weight:bold; width:188px; margin-bottom:0px !important; }
#search .btn { padding:4px; background:#cc292b; width:51px; margin:0px; border:0px; color:#FFF; font-weight:normal; cursor:pointer; cursor:hand; }
#member input { margin-top:10px; }
#member label { float:left; width:180px; }
#member .radio { float:left; margin-top:4px; position:relative; left:-4px; }
#member p { clear:both; width:100%; float:left; padding-bottom:0px; }
#member span { font-weight:bold; color:#CC292B; }
/* ----- SIFR 3.0 ----- */
/*=: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-flash { visibility:visible !important; margin:0; padding:0; }
.sIFR-replaced { visibility:visible !important; }
.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
/*
Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/
.sIFR-replaced > div { display: none !important; }
/*---- Header styling ---*/
.sIFR-active h2 { visibility:hidden; font-size:20px; line-height:20px; position:relative; left:-1px; margin-bottom:6px; min-height:20px; }
.sIFR-active h2.title { font-size:28px; line-height:28px; }
.sIFR-active h2.apple-title { font-size:28px; line-height:28px; }
.sIFR-active #highlights h2 { width:400px; }