/* Theme Name: Centrestage Theme URI: http://www.mile5.net Description: A wordpress theme created for Centrestage Studios Version: 1 . Based on html and CSS created by Justin Goring, http://www.lightsurgery.net . */ * html body {font-size:80%;/* all IE */} /* hide from mac ie5.x \*/ * html body {font-size:79%;} /* end hide from mac ie5 */ body { font-size:80%;/* all other browsers */ margin:0; padding:0; color:##fff3dd; background-color:#162448; font-family: Verdana, Helvetica, sans-serif; } /** * Site-wide link colours */ a:link {color: #fff3dd;} a:visited {color: #fff3dd;} a:hover {color: #a92b31;} /* END: Site-wide link colours */ /* --------------------------------- GLOBAL ELEMENTS ----------------------------------*/ /** * XHTML Elements * * The following overwrites some default browser behaviours for rendering * particular XHTML elements */ abbr:hover, acronym:hover { cursor: help; } /* END: XHTML Elements */ #content .norm { font-size:80%; font-weight: normal !important;} /* global hr styles */ hr {display:none} div.hr { margin:0; padding:4px 0 4px 0; background:url(..images/dots.gif) center center repeat-x; } /* following class is to hide elements that give extra information for users of assistive technology such as screenreaders - for more info see: http://www.webaim.org/techniques/articles/hiddentext */ .hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /* following declarations clears elements without a clearing element such as
being needed. For more info see: http://www.positioniseverything.net/easyclearing.html */ .clearfix:after, #stage-link:after { content:url(/common..images/clear.gif); display:block; height:0; clear:both; visibility:hidden; } div.cleardiv, #stage-link:after { clear:both; padding:0 !important; } span.cleardiv { display:block !important; clear:both !important; padding:0 !important; margin:0 !important; } /* end clearing declarations */ .clear {clear:both;} .clearleft {clear:left;} #content span.free { color:#c03; text-decoration:none; } /* generic bold/italic style - use *only* in content where it would be nonsensical to use a specific class, such as class="nav-header" or something */ .b {font-weight:bold;} .i {font-style:italic;} .latin {font-style:italic;} /* end global hr styles */ /* --------------------------------- END GLOBAL ELEMENTS ----------------------------------*/ /* --------------------------------- PAGE LAYOUT ----------------------------------*/ #constrain-header, #constrain-main { width:740px; margin-left:auto; margin-right:auto; color:#fff3dd; } #constrain-header { background-color: #fff3dd; padding:25px 15px 10px 15px; } #constrain-main { background-color: #162448; padding:25px 15px 15px 15px; } /* ------ header -------*/ #header { background-color: #fff3dd;] } /* floorplan image per page */ #header img.floorplan { float:right; width:303px; height:104px; } #home #header img.floorplan, #mappage #header img.floorplan, #packages #header img.floorplan, #information #header img.floorplan {background:url(images/plan_home.gif) no-repeat left top;} #astage #header img.floorplan {background:url(images/plan_astage.gif) no-repeat left top;} #bstage #header img.floorplan {background:url(images/plan_bstage.gif) no-repeat left top;} #canteen #header img.floorplan, #catering #header img.floorplan {background:url(images/plan_catering.gif) no-repeat left top;} /* end floorplan image per page */ /* red stage text */ div.header-text { float:left; margin-top:80px; } div.header-text p.red-stage-text { font-size:80%; text-transform: uppercase; margin:0; } div.header-text p.red-stage-text a:hover { color:#fff3dd; background:none; } #home div.header-text p.red-stage-text a:link, #home div.header-text p.red-stage-text a:active, #home div.header-text p.red-stage-text a:visited { color:#a92b31; background:url(images/nav_dot_a92b31.gif) no-repeat 0% 50%; text-decoration:none; padding:0 0 0 15px; } #home div.header-text p.red-stage-text a:hover { color:#f00; } /* end header */ /** * MODULE: .footer */ #footer { clear:both; text-align:right; } #footer p { background-color:#666; color:#ccc; font-size:70%; margin:0; } /* end footer */ /* ------------------ individual content area ------------------ */ #content { float:left; width:350px; } #content abbr {text-decoration:none; border:none;} #content .add-space {margin-top:20px;} #content h1 { font-size:100%; margin:0 0 28px 0; padding:0; text-transform: uppercase; } #content h2 { font-size:100%; margin:0; padding:0; font-weight: normal; } #content h3 { font-size:100%; margin:25px 0 0 0; font-weight: normal; } #content p.home-text { margin-top:30px; } #content a.on-page-link:link, #content a.on-page-link:active, #content a.on-page-link:visited { padding:0 0 0 15px; background:url(images/nav_dot_a92b31.gif) no-repeat 0% 50%; } #content a.on-page-link:hover { color: #a92b31; } #content ul.on-page-list { list-style:none; margin:0; padding:0; } #content ul.on-page-list h3 {margin-topborder:1px solid #f00;} #content ul.on-page-list li {margin-bottom:5px;} #content ul.on-page-list li ul { list-style:none; margin:0 0 30px 20px; } #content ul.on-page-list li ul li { margin:0 0 10px 30px; } /* home page stage link buttons */ #content #stage-link { margin-bottom:20px; } #content #stage-link img.a-stage-link, #content #stage-link img.b-stage-link { border:none; width:142px; height:137px; } #content #stage-link img.a-stage-link { float:left; background:url(images/a_stage_link.gif) no-repeat left top; } #content #stage-link img.b-stage-link { background:url(images/b_stage_link.gif) no-repeat left top; float:right; } /* end home page stage link buttons */ #content img.a-stage-image, #content img.b-stage-image {margin-bottom:20px;} /* end individual content area */ /* -------------- navigation ------------------*/ #main-nav { float:right; } #main-nav ul { margin:0; padding:0; } #main-nav ul.xoxo li { list-style:none; margin:0; padding:0; } /* logo */ #main-nav ul.xoxo li img.logo { border:none; margin-bottom:20px; } #main-nav ul.xoxo li ul.h-nav { margin:0; padding:3px 0 3px 5px; text-transform:uppercase; } #main-nav ul.xoxo li ul.h-nav li { margin:0 0 5px 0; padding:0; } #main-nav ul.xoxo li ul.h-nav li a:link, #main-nav ul.xoxo li ul.h-nav li a:active, #main-nav ul.xoxo li ul.h-nav li a:visited { color:#fff3dd; font-size:90%; text-decoration:none; padding:0 0 0 15px; background:url(images/nav_dot_fff3dd.gif) no-repeat 0% 50%; } #main-nav ul.xoxo li ul.h-nav li a:hover { color: #a92b31; text-decoration:none; background:url(images/nav_dot_a92b31.gif) no-repeat 0% 50%; } /*main navigation highlights */ #home a.home:link, #home a.home:active, #home a.home:visited, #astage a.astage:link, #astage a.astage:active, #astage a.astage:visited, #bstage a.bstage:link, #bstage a.bstage:active, #bstage a.bstage:visited, #canteen a.canteen:link, #canteen a.canteen:active, #canteen a.canteen:visited, #packages a.packages:link, #packages a.packages:active, #packages a.packages:visited, #information a.information:link, #information a.information:active, #information a.information:visited, #mappage a.mappage:link, #mappage a.mappage:active, #mappage a.mappage:visited, #catering a.catering:link, #catering a.catering:active, #catering a.catering:visited { color: #a92b31 !important; background:url(images/nav_dot_a92b31.gif) no-repeat 0% 50% !important; } /* contact details */ #contact-details { margin-top:20px; font-size:90%; } #contact-details ul.vcard { margin:0; padding:0; } #contact-details ul.vcard li { list-style:none; margin:0; padding:0; } #contact-details ul.vcard li span.locality {display:block;} #contact-details ul.vcard li span.business {margin-left:28px;} #contact-details ul.vcard li span.fax {margin-left:25px;} #contact-details span.city-break {display: block} /* end navigation */ /*map*/ div.undermap {margin-top:70px;} * html div.undermap {margin-top:0px!important;} div.gs-result {color:#000; font-size:80%;} div.gs-result a:link, div.gs-result a:active, div.gs-result a:visited {color:#b1026e;} div.gsmsc-user-title a.gsmsc-user-title:link, div.gsmsc-user-title a.gsmsc-user-title:active, div.gsmsc-user-title a.gsmsc-user-title:visited {color:#b1026e; font-size:80%;}