/*================================================================= Screen Style Sheet Author: Dinkum Web Solutions Email: info@dinkumweb.com.au Project: Hoey Moey http://www.hoeymoey.com.au Version: 2.0 */ /* CSS reset and overrides ===================================================================*/ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Typography & Links ===================================================================*/ body { background: #000 url(../images/img-bgBody.gif) repeat; font: 62.5%/1.6 Arial, Helvetica, sans-serif; color: #07274a; margin: 0; padding: 0; } body.white { background: #fff; } a.noLink:link, a.noLink:active, a.noLink:visited, a.noLink:hover { text-decoration: none; } a.noLink:hover { background: none; } #wrapperMiddle a:link, #wrapperMiddle a:active, #wrapperMiddle a:visited { color: #4D0000; text-decoration: underline; } #wrapperMiddle a:hover { color: #fff; } #navMenu a:link, #navMenu a:active { color: #fff; text-decoration: none; } #navMenu a:visited { color: #fff; text-decoration: none; } #navMenu a:hover { color: #ff8834; text-decoration: underline; } #wrapperMiddle a.linkExternal:link, #wrapperMiddle a.linkExternal:active, #wrapperMiddle a.linkExternal:visited { background: url(../images/img-linkExternal.gif) no-repeat right center; color: #4D0000; padding-right: 12px; text-decoration: underline; } #wrapperMiddle a.linkExternal:hover { background: url(../images/img-linkExternalOn.gif) no-repeat right center; color: #fff; padding-right: 12px; text-decoration: underline; } #footerMenu a:link, #footerMenu a:visited, #footerMenu a:active, #copyrightLeft a:link, #copyrightLeft a:visited, #copyrightLeft a:active { color: #ffffff; text-decoration: underline; } #footerMenu a:hover, #copyrightLeft a:hover { color: #fec60b; text-decoration: underline; } #column1Content p, #column3Content p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 0 15px 0 15px; padding: 0; } #contentPrimary p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 15px 15px 0 15px; padding: 0; } #column2Content p, #contentSide p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 15px 15px 0 15px; padding: 0; } div#galleryHolder p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 15px 0 15px 0; padding: 0; } div.gigEvent p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #column1Content div.gigEventSplash p { color: #07274a; font: 130%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #footerMenu p { color: #ffffff; font: 1.1em/1.1 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 40px 10px 0 10px; text-align: right; } #footerAddress p, #footerPhone p { color: #fff; font: 1.4em/1.7 Helvetica, Ariel, sans-serif; margin: 0; padding: 0 15px 0 15px; text-align: left; } #copyrightLeft p { color: #ffffff; font: 1.1em/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 0 20px; } div.whatsonPanel p { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } #registerForm p { color: #000; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; padding: 0; } div.gigEventSplash p.center strong.highlight { font-weight: bold; color: #fffc00; } div.whatsOnFront span.small { color: #07274a; font: 120%/1.6 Arial, Helvetica, sans-serif; margin: 0 15px 0 15px; padding: 0; display: block; } #contentPrimary div.whatsOnFront p, #contentPrimary div.whatsOnBack p { color: #07274a; font: 140%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; } ul#navMenu li a, ul#navMenuFooter li a { color: #fff; font: 1.9em/1.9 Helvetica, Arial, sans-serif; margin: 0; } #contentPrimary h1 { color: #07274a; font: bold 280%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #contentSide h1 { color: #07274a; font: bold 280%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #column1Content h1, #column2Content h1, #column3Content h1 { color: #07274a; font: bold 260%/1.6 Arial, Helvetica, sans-serif; margin: 0 15px 10px 15px; padding: 0; text-align: center; border-bottom: 1px dashed #07274a; } #contentPrimary h2 { color: #07274a; font: bold 220%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #contentSide h2 { color: #07274a; font: bold 220%/1.6 Arial, Helvetica, sans-serif; margin: 0 0 0 15px; padding: 15px 0 10px 0; text-align: left; } div.whatsonPanel span { color: #07274a; font: bold 220%/1.6 Arial, Helvetica, sans-serif; margin: 0 0 0 15px; padding: 0; text-align: left; float: left; } #column1Content h2, #column2Content h2, #column3Content h2 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: left; } #column1Content h2.center, #column2Content h2.center, #column3Content h2.center { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; } #column1Content div.gigEventSplash h2 span { width: 80px; text-align: right; display: inline-block; } #column1Content h3.register { color: #07274a; font: bold 190%/1.1 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; clear: both; } #contentPrimary h3 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #contentPrimary h3.center { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: center; } #contentSide h3 { color: #07274a; font: bold 200%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #column1Content h3, #column2Content h3, #column3Content h3, div#slider3 h3 { color: #07274a; font: bold 220%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 10px 0 10px; text-align: center; } #column2Content h3.bistro { font: bold 240%/1.1 Arial, Helvetica, sans-serif; } #contentPrimary h4 { color: #07274a; font: bold 180%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0 15px 0 14px; text-align: left; } #contentPrimary h4.center { text-align: center; } h5 { color: #000; font: bold 210%/1.6 Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: left; } .listAccessibility li { color: #07274a; font: 1.2em/1.3 Arial, Helvetica, sans-serif; margin: 5px 50px 0 40px; padding: 0; list-style: disc; } #listNumber li { color: #07274a; font: 160%/1.6 Arial, Helvetica, sans-serif; margin: 15px 50px 0 40px; padding: 0; list-style: disc; } strong { font-weight: bold; } em { font-style: italic; } .center { text-align: center; } /* Layout ===================================================================*/ #wrapperContainer { position: relative; width: 1308px; margin: 0 auto; padding: 0; text-align: left; } #wrapperHeader { position: relative; width: 1308px; height: 326px; margin: 0; padding: 0; text-align: left; background: url(../images/img-bgHeader.gif) top left no-repeat; } #headerHomeLink { position: absolute; width: 291px; height: 227px; margin: 55px 0 0 150px; padding: 0; text-align: left; display: block; z-index: 4; } /* enter as a hyper link */ #headerBar { position: absolute; width: 1308px; height: 326px; margin: 0; padding: 0; background: url(../images/img-headerBar.gif) center center no-repeat; z-index: 2; } #headerImages { position: absolute; width: 709px; height: 227px; margin: 50px 0 0 445px; padding: 0; z-index: 2; } #headerFlowers { position: absolute; width: 1308px; height: 326px; margin: 0 0 0 -30px; padding: 0; background: url(../images/img-headerFlowers.png) top left no-repeat; z-index: 3; } #wrapperMiddle { position: relative; width: 1000px; margin: 0 0 0 154px; padding: 0; text-align: left; } #middleColumn3Header { position: relative; width: 1000px; height: 22px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column3Top.gif) top left no-repeat; } #middleColumn3Bottom{ position: relative; width: 1000px; height: 22px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column3Bottom.gif) top left no-repeat; } #middleColumn3Content { position: relative; width: 1000px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column3Content.gif) repeat-y; } #column1Content { position: relative; width: 320px; margin: 0; padding: 0; text-align: left; float: left; } #column1Content img { margin: 0 10px 10px 0; border: 3px solid #9bccdb; display: block; float: left; } #column1Content img.unigames { margin: 0 0 10px 0; border: 3px solid #9bccdb; display: block; float: left; } #column1Content div#registerImgDiv { margin: 0 0 10px 17px; padding: 3px 3px 3px 3px; background: #9bccdb; float: left; } #column1Content img.registerImg { margin: 0; padding: 0; border: none; } #column1Content img.noStyle { margin: 0 0 10px 0; padding: 0; border: none; } #column1Content img.center { margin: 0 0 10px 42px; } #column1Content div.hr { height: 1px; margin: 10px 15px 10px 15px; background: #21a3ca; border-top: 1px dashed #14658a; clear: both; } #column1Content div.hr hr { display: none; } #column2Content { width: 320px; margin: 0 19px 0 20px; padding: 0; text-align: left; float: left; } #column2Content img { margin: 0 0 0 -2px; border: 3px solid #21a3ca; } #column2Content img.noStyle { margin: 0 0 10px 0; padding: 0; border: none; } #column2Content img.camel { position: absolute; margin: 0 0 10px -10px; padding: 0; border: none; vertical-align: bottom; } #column3Content { position: relative; width: 320px; margin: 0; padding: 0; text-align: left; float: left; } #column3Content img { margin: 0; border: 3px solid #9bccdb; display: block; } #column3Content div.hr { height: 1px; margin: 10px 15px 0 15px; background: #21a3ca; border-top: 1px dashed #14658a; } #column3Content div.hr hr { display: none; } #middleColumn2Header { position: relative; width: 1000px; height: 22px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column2Top.gif) top left no-repeat; } #middleColumn2Bottom { position: relative; width: 1000px; height: 22px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column2Bottom.gif) top left no-repeat; } #middleColumn2Content { position: relative; width: 1000px; margin: 0; padding: 0; text-align: left; background: url(../images/img-column2Content.gif) repeat-y; } #contentPrimary { width: 490px; margin: 0; padding: 0; float: left; } #contentPrimary img { margin: 0; padding: 0; } #contentPrimary img { position: relative; margin: 10px 0 10px 0; padding: 0; border: 5px solid #21a3ca; } #contentPrimary img.noStyle { position: relative; margin: 10px 0 0 0; padding: 0; border: none; vertical-align: middle; } #contentPrimary img.gigImage { position: relative; margin: 10px 0 10px 0; padding: 0; } #contentPrimary img.imageCentered { margin: 5px auto 5px 20px; } #contentPrimary img.noBorder { margin: 0 20px 0 0; border: none; } #contentPrimary img.imgButton { margin: 10px 5px 0 15px; } #contentPrimary img.imgButtonCentered { margin: 10px 0 0 123px; } #contentPrimary div.iframeGoogle { position: relative; margin: 0 0 0 15px; padding: 0; } #contentPrimary div.hr { height: 1px; margin: 10px 15px 0 15px; background: #9bccdb; border-top: 1px dashed #07274a; } #contentPrimary div.hrClear { height: 1px; margin: 10px 15px 0 15px; background: #9bccdb; border-top: 1px dashed #07274a; clear: both; } #contentPrimary div.hr hr, #contentPrimary div.hrClear hr { display: none; } #contentPrimary div.whatsOnFront { width: 228px; margin: 5px 0 5px 15px; float: left; border-right: 1px dashed #07274a; } #contentPrimary div.whatsOnBack { width: 228px; margin: 5px 15px 5px 0; float: left; } #galleryHolder { width: 90%; margin: 15px 20px 15px 20px; } #column1Content div.gigEventSplash { position: relative; margin: 0 15px 0 15px; padding: 0; border-bottom: 1px dashed #14658a; } #column1Content div.gigEventSplash img { margin: 0 10px 10px 0; border: 3px solid #9bccdb; display: block; float: left; } #column1Content div.gigEventSplash img.noStyle { margin: 0; border: none; display: block; } #column1Content div.gigEventSplash img.gigFirstButton { margin: 10px 0 0 0; } #column1Content div.gigEventSplash img.marginBottom { margin: 0 10px 50px 0; } #contentSide { position: relative; width: 490px; margin: 0 0 0 20px; padding: 0; float: left; } #contentSide img { margin: 10px 0 0 0; padding: 0; border: 5px solid #9bccdb; } #contentSide img.noStyle { border: none; } #contentSide img.imgButton { margin: 10px 5px 0 15px; } #contentSide div.hr { height: 1px; margin: 10px 15px 10px 15px; background: #21a3ca; border-top: 1px dashed #07274a; } #contentSide div.hr hr { display: none; } #contentSide div.whatsonPanel { position: relative; width: 240px; margin: 40px 0 0 0; padding: 0; float: left; } #contentSide div.whatsonPanel img { margin: 0; padding: 0; border: 2px solid #9bccdb; } #leaves { position: absolute; width: 349px; height: 65px; background: url(../images/img-leaves.png) top left no-repeat; margin: 0 0 0 805px; padding: 0; z-index: 11; display: block; } #wrapperFooter { position: relative; width: 1308px; height: 154px; margin: 10px 0 0 0; padding: 0; text-align: left; background: url(../images/img-bgFooter.gif) top left no-repeat; } #footerLogo { position: relative; width: 161px; height: 120px; margin: 22px 0 0 166px; padding: 0; background: url(../images/img-logoFooter.gif) top left no-repeat; text-align: left; float: left; display: inline; } #footerAddress { position: relative; height: 113px; margin: 41px 0 0 28px; padding: 0; border-left: 2px solid #000; text-align: left; float: left; } #footerPhone { position: relative; height: 64px; margin: 89px 0 0 28px; padding: 0; border-left: 2px solid #000; text-align: left; float: left; } #footerSocial { position: relative; height: 64px; margin: 89px 0 0 328px; padding: 0; text-align: left; float: left; } /* Hidden (Global) - note use no span in H2 etc as IE6 bug activate */ /* Main Navigation ===================================================================*/ ul#navMenu { position: absolute; height: 43px; margin: 283px 0 0 154px; padding: 0; list-style: none; z-index: 10; } ul#navMenu li { position: relative; height: 43px; top: 0; padding: 0; float: left; } ul#navMenu li, ul#navMenu a { /*\*/overflow: hidden;/**/ height: 43px; display: inline-block; } .menuDivider { width: 13px; background: url(../images/img-menuDivider.gif) top center no-repeat; } .menuSpacer { width: 62px; } ul#navMenuFooter { position: absolute; height: 49px; margin: 92px 0 0 368px; padding: 0 0 0 12px; list-style: none; } ul#navMenuFooter li { position: relative; height: 49px; top: 0; padding: 0; float: left; } ul#navMenuFooter li, ul#navMenuFooter a { /*\*/overflow: hidden;/**/ height: 49px; display: inline-block; } /* Form Elements ===================================================================*/ label { width: 60px; margin: 0 20px 10px 40px; font: bold 1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; color: #070f2a; text-align: right; float: left; } #contactForm { width: 97%; font: 1.3em/1.6 Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 20px 0 0 0; } #contactForm div { width: 88%; border: 1px solid #990000; background: #d70000; color: #fff; font-weight: bold; font-size: 110%; margin: 10px 0 0 20px; padding: 4px 10px; } #contactForm img { border: none; } #contactForm label { width: 90%; margin: 15px 20px 0 20px; font-weight: bold; text-align: left; } #contactForm textarea { width: 90%; margin: 0 0 0 20px; padding: 10px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } #contactForm input { width: 90%; height: 1.3em; margin: 0 0 0 20px; padding: 5px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } #contactForm input.inputSmall { width: 30%; height: 1.3em; margin: 0 0 0 20px; padding: 5px 5px 2px 5px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } #contactForm input.button { width: 213px; height: 50px; margin: 20px 0 0 135px; font: bold 110%/1.1 Verdana, Arial, Helvetica, sans-serif; } #contactForm img { margin: 0 0 0 20px; } #registerForm input { width: 60%; height: 2.5em; margin: 0 0 0 20px; padding: 5px 5px 2px 5px; font: bold 150%/1.1 Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000; } #registerForm input.button { width: 20%; height: 2.5em; margin: 0 0 0 20px; padding: 5px 5px 2px 5px; font: bold 150%/1.1 Verdana, Arial, Helvetica, sans-serif; } /* Misc ===================================================================*/ .hide { display: none; } .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; width: 0; height: 0; font-size: 0; overflow: hidden; } table.rates { margin: 0 0 0 10px; border-collapse: collapse; /* 'cellspacing' */ } table.rates td { color: #07274a; background: #42b1d2; font: 150%/1.6 Arial, Helvetica, sans-serif; padding: 5px; border: 2px solid #9bccdb; /* 'cellspacing' */ } table.rates td.header { font-weight: bold; background: #21a3ca; } /* Copyright ===================================================================*/ #wrapperCopyright { position: relative; width: 1308px; height: 100px; margin: 0; padding: 0; } #copyrightLeft { position: relative; width: 835px; margin: 0; padding: 20px 0 0 166px; float: left; } #copyrightRight { position: relative; width: 180px; height: 16px; margin: 0; padding: 20px 0 0 0; float: left; } .validXHTML { width: 40px; height: 16px; background: url(../images/img-validation.gif) 0 0 no-repeat; float: left; display: block; } .validXHTML:hover { background-position: 0 -16px; } .validXHTML span { display: none; } .validCSS2 { width: 40px; height: 16px; background: url(../images/img-validation.gif) -40px 0 no-repeat; float: left; display: block; } .validCSS2:hover { background-position: -40px -16px; } .validCSS2 span { display: none; } .validWAI { width: 40px; height: 16px; background: url(../images/img-validation.gif) -200px 0 no-repeat; float: left; display: block; } .validWAI:hover { background-position: -200px -16px; } .validWAI span { display: none; } .siteDWS { width: 40px; height: 16px; background: url(../images/img-validation.gif) -80px 0 no-repeat; float: left; display: block; } .siteDWS:hover { background-position: -80px -16px; } .siteDWS span { display: none; } /* end of css */