/*----------------------------------------------------------------------------- Screen Style Sheet Author: Dinkum Web Solutions Email: info@dinkumweb.com.au Project: Coastal Cinemas http://www.coastalcinemas.com.au Version: 1.0 -----------------------------------------------------------------------------*/ /* ---IMPORTANT -------------------------------------------------------------- This design is not a template. You may not reproduce it elsewhere without the designer's written permission. However, feel free to study the CSS and use techniques you learn from it elsewhere. ---------------------------------------------------------------------------*/ /* =CSS reset ------------------------------- -----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0; } li, dd { margin-left: 0; } fieldset { padding: .5em; } select option { padding: 0 5px; } ul, li { list-style: none; } .hide { display: none; } .left { float: left; } .right { float: right; } .clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; } a img, img { border: none; } /* =General (usage throughout the entire site) ------------------------------- -----------------------------------------------------------------------------*/ body { background: #078ac6 url(../images/image-bgBody.gif) repeat-x; } /* =Typography (Global) ------------------------------------------------------ -----------------------------------------------------------------------------*/ body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } p { font: 1.4em/1.4em Arial, Helvetica, sans-serif; color: #353333; margin: 0; padding: 0 39px 10px 39px; } div.sidePanel_Content p { font: 1.35em/1.35em Arial, Helvetica, sans-serif; color: #353333; margin: 0; padding: 0 35px 0 14px; } div.accordion_child p { font: 1.25em/1.4em Arial, Helvetica, sans-serif; color: #353333; margin: 0; padding: 0; } #middle_pictureFrame p { font: 1.2em/1.35em Arial, Helvetica, sans-serif; color: #353333; margin: 5px 0 0 0; padding: 0; } #footer_menu p { font: 1.8em/1.8em Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0 auto 0 auto; text-align: center; } #copyright_left p { font: 1.1em/1.5em Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0 0 0 20px; } h1 { font: bold 1.6em/1.6em Arial, Helvetica, sans-serif; color: #6d6d6d; margin: 0; padding: 15px 0 10px 0; text-align: left; } h2 { font: bold 1.6em/1.6em Arial, Helvetica, sans-serif; color: #353333; margin: 0; padding: 14px 39px 10px 39px; text-align: left; } .sidePanel_Content h2 { font: bold 1.6em/1.6em Arial, Helvetica, sans-serif; color: #353333; margin: 0; padding: 0 14px 10px 14px; text-align: left; } div.accordion_headings h2 { font: bold 1.6em/1.6em Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0 0 0 5px; text-align: left; } h3 { font: bold 1.5em/1.5em Arial, Helvetica, sans-serif; color: #353333; margin: 0; padding: 14px 39px 0 39px; } h4 { font: bold 1.5em/1.5em Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 0; } h5 { font: bold 1.3em/1.3em Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 0; } .listAccessibility li { font: 1.2em/1.3em Arial, Helvetica, sans-serif; color: #353333; margin: 5px 75px 0 75px; padding: 0; list-style: disc; } #listNumber li { font: 1.4em/1.4em Arial, Helvetica, sans-serif; color: #000000; margin: 15px 50px 0 75px; padding: 0; list-style: decimal; } /* =Layout (Global) ---------------------------------------------------------- -----------------------------------------------------------------------------*/ #wrapper_container { position: relative; width: 750px; margin: 0 auto; padding: 0; text-align: left; background: #ffffff; } #wrapper_header { position: relative; width: 750px; height: 202px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgHeader.jpg) top left no-repeat; } #header_logo { position: relative; width: 148px; height: 110px; margin: 40px 0 0 214px; padding: 0; text-align: left; background: url(../images/image-bgLogo.gif) top left no-repeat; float: left; display: inline; } #wrapper_middle { position: relative; width: 750px; margin: 0; padding: 0; text-align: left; } #wrapper_middle div.hr { width: 85%; height: 1px; margin: 10px auto 0 auto; background: #d5d5d5; } #wrapper_middle div.hr hr { display: none; } #middle_contentLarge { position: relative; width: 750px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgContentLarge.gif) top left no-repeat; float: left; } #middle_content { position: relative; width: 499px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgContent.gif) top left no-repeat; float: left; } #middle_pictureFrame { position: relative; width: 170px; margin: 0 35px 15px 15px; padding: 0; text-align: center; float: right; } #middle_sidePanel { position: relative; width: 251px; margin: 0; padding: 0; text-align: left; float: left; } .sidePanel_Top { position: relative; width: 251px; height: 14px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgSidePanelTop.gif) top left no-repeat; } .sidePanel_Content { position: relative; width: 251px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgSidePanelContent.gif) repeat-y; } .sidePanel_Bottom { position: relative; width: 251px; height: 14px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgSidePanelBottom.gif) top left no-repeat; } #logos { position: relative; width: 420px; margin: 10px 0 0 39px; padding: 0; } .logo { position: relative; width: 200px; height: 100px; margin: 0 10px 0 0; padding: 0; float: left; } .logobig { position: relative; width: 262px; height: 100px; margin: 0 10px 0 0; padding: 0; float: left; } .logo1 { background: url(../images/logos/image-logoNP.jpg) center center no-repeat; } .logo2 { background: url(../images/logos/image-logoCityCentre.jpg) center center no-repeat; } .logo3 { background: url(../images/logos/image-logoCMS.jpg) center center no-repeat; } .logo3 a { text-indent: -9999px; } .logo4 { background: url(../images/logos/image-logo4.gif) center center no-repeat; } .logo5 { background: url(../images/logos/image-logo5.gif) center center no-repeat; } #wrapper_footer { position: relative; width: 750px; height: 59px; margin: 0; padding: 0; text-align: left; background: url(../images/image-bgFooter.gif) top left no-repeat; } #footer_menu { position: relative; width: 750px; margin: 0; padding: 10px 0 0 0; text-align: left; } /*Javascript Accordian*/ #basic-accordian { margin: 10px 0 0 40px; padding: 0; width: 415px; position: relative; z-index: 2; } .accordion_headings { padding: 5px; margin-bottom: 4px; background: #078ac6; cursor: pointer; } .accordion_headings:hover { background: #26a53a; } .accordion_child { padding: 10px 0 0 0; } div.accordion_child img { margin: 0 10px 70px 0; padding: 2px; border: 1px solid #353333; float: left; } .header_highlight { background: #26a53a; } /* =Hidden (Global) ---------------------------------------------------------- -----------------------------------------------------------------------------*/ #header_logo span { display: none; } /* =Main Navigation (Global) ------------------------------------------------- -----------------------------------------------------------------------------*/ #wrapper_menu { position: relative; width: 750px; height: 59px; margin: 0; padding: 0; list-style: none; text-align: left; background: url(../images/image-bgMenu.gif) top left no-repeat; } #wrapper_menu ul#menu { position: relative; margin: 0 0 0 400px; padding: 10px 0 0 0; list-style: none; } #wrapper_menu ul#menu li { font: 1.8em/1.8em Arial, Helvetica, sans-serif; color: #000000; padding-right: 5px; display: inline; list-style-type: none; } /* =Sub Navigation ----------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Breadcrumbs -------------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Anchors & =Links --------------------------------------------------------- -----------------------------------------------------------------------------*/ a.noLink:link { text-decoration: none; } a.noLink:active { text-decoration: none; } a.noLink:visited { text-decoration: none; } a.noLink:hover { text-decoration: none; background: none; } #menu a:link { color: #078ac6; text-decoration: underline; } #menu a:visited { color: #078ac6; text-decoration: underline; } #menu a:active { color: #078ac6; text-decoration: underline; } #menu a:hover { color: #ffffff; text-decoration: none; background: #078ac6; } #wrapper_middle a:link { color: #078ac6; text-decoration: underline; } #wrapper_middle a:visited { color: #858585; text-decoration: underline; } #wrapper_middle a:visited:after{ content: "\00A0\221A"; font-size: 100%; } #wrapper_middle a:active { color: #078ac6; text-decoration: underline; } #wrapper_middle a:hover { color: #ffffff; text-decoration: none; background: #078ac6; } #wrapper_middle a.linkExternal:link { color: #078ac6; text-decoration: underline; background: url(../images/image-linkExternal.gif) no-repeat right center; padding-right: 12px; } #wrapper_middle a.linkExternal:visited { color: #858585; text-decoration: underline; background: url(../images/image-linkExternal.gif) no-repeat right center; padding-right: 12px; } #wrapper_middle a.linkExternal:visited:after { content: "\00A0\221A"; font-size: 100%; } #wrapper_middle a.linkExternal:active { color: #078ac6; text-decoration: underline; } #wrapper_middle a.linkExternal:hover { color: #ffffff; text-decoration: none; background: #078ac6 url(../images/image-linkExternalOn.gif) no-repeat right center; padding-right: 12px; } div#logos a:link, div#logos a:visited,div#logos a:active, div#logos a:hover { width: 200px; height: 100px; display: block; background: url(../images/logos/image-logoCMS.jpg); } #footer_menu a:link { color: #ffffff; text-decoration: underline; } #footer_menu a:visited { color: #ffffff; text-decoration: underline; } #footer_menu a:hover { color: #979797; text-decoration: underline; background: #fff; } #footer_menu a:active { color: #ffffff; text-decoration: underline; } #copyright_left a:link { color: #fff; text-decoration: underline; } #copyright_left a:visited { color: #fff; text-decoration: underline; } #copyright_left a:hover { color: #353333; text-decoration: underline; background: #078ac6; } #copyright_left a:active { color: #fff; text-decoration: underline; } /* =Footer (Global) ---------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Search ------------------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Forms -------------------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Tables ------------------------------------------------------------------- -----------------------------------------------------------------------------*/ table { margin: 0 39px 10px 39px; } td { font: 1.25em/1.3em Arial, Helvetica, sans-serif; color: #353333; margin: 0; padding: 0; } /* =Homepage Specfic --------------------------------------------------------- -----------------------------------------------------------------------------*/ /* =Copyright ---------------------------------------------------------------- -----------------------------------------------------------------------------*/ #wrapper_copyright { position: relative; width: 750px; height: 100px; margin: 0; padding: 0; background: #078ac6; } #copyright_left { position: relative; width: 570px; height: 16px; margin: 0; padding: 20px 0 0 0; float: left; } #copyright_right { position: relative; width: 180px; height: 16px; margin: 0; padding: 20px 0 0 0; float: left; } .validXHTML { width: 40px; height: 16px; background: url(../images/image-iconXHTML.gif) top left no-repeat; float: left; display: block; } .validXHTML:hover { background-position: 0 -16px; } .validXHTML span { display: none; } .validCSS2 { width: 40px; height: 16px; background: url(../images/image-iconCSS2.gif) top left no-repeat; float: left; display: block; } .validCSS2:hover { background-position: 0 -16px; } .validCSS2 span { display: none; } .validWAI { width: 40px; height: 16px; background: url(../images/image-iconWAI.gif) top left no-repeat; float: left; display: block; } .validWAI:hover { background-position: 0 -16px; } .validWAI span { display: none; } .siteDWS { width: 40px; height: 16px; background: url(../images/image-iconDWS.gif) top left no-repeat; float: left; display: block; } .siteDWS:hover { background-position: 0 -16px; } .siteDWS span { display: none; } /* end of css */