/* Author: Aaron De La Torre Author URL: www.brightonlions.org.au */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*-----------------GENERAL STYLES-----------------*/ body { background:url(http://www.brightonlions.org.au/images/main-bg.jpg) repeat-x; font-family:arial; } #wrap { width:960px; margin:0 auto; height:100%; min-height:100%; position:relative; } h2 { font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#00529b; padding-bottom:20px; } .widgettitle {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#00529b; line-height:21px;} menu ul {margin-top:20px; } h4 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#555555; font-weight:bold; padding-bottom:7px; } p { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#555555; line-height:21px; padding-bottom:20px; text-align:justify; } td { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#555555; line-height:21px; } a { color:#00529b; text-decoration:none; } a:hover { color:#555555; } #sidebar ul { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #sidebar ul li { margin-bottom: 5px; margin-left:8px; } /*------------------TOOLS-------------------*/ div.hr { height:3px; width:100%; background:#fff url(http://www.brightonlions.org.au/images/hr.png) repeat-x scroll center; padding-bottom:20px;} div.hr hr { display:none; } div.vr { background:#fff url(http://www.brightonlions.org.au/images/hr.png) repeat-y scroll center;} div.vr hr { display:none; } div#email{ background:url(http://www.brightonlions.org.au/images/social/mail.png) no-repeat; padding: 0 0 0 35px; clear:both; height:32px; line-height:32px; } div#email span { display:inline-block; vertical-align:middle;} div#facebook{ background:url(http://www.brightonlions.org.au/images/social/facebook.png) no-repeat; padding: 0 0 0 35px; clear:both; height:32px; line-height:32px; } div#facebook span { display:inline-block; vertical-align:middle;} div#doc{ background:url(http://www.brightonlions.org.au/images/extensions/doc.png) no-repeat; padding: 0 0 0 35px; clear:both; height:32px; line-height:32px; } div#pdf{ background:url(http://www.brightonlions.org.au/images/extensions/pdf.png) no-repeat; padding: 0 0 0 35px; clear:both; height:32px; line-height:32px; } div#ppt{ background:url(http://www.brightonlions.org.au/images/extensions/ppt.png) no-repeat; padding: 0 0 0 35px; clear:both; height:32px; line-height:32px; } div#xls{ background:url(http://www.brightonlions.org.au/images/extensions/xls.png) no-repeat; padding: 0 0 0 35px; clear:both; height:32px; line-height:32px; } div#doc span, div#pdf span, div#ppt span, div#xls span { display:inline-block; vertical-align:middle; } /*---------------------HEADER---------------------*/ #header { height:185px; } #header #logo { margin:8px 0 0 0; padding:0; position:absolute; width:806px; height:150px; overflow:hidden; } #header #logo span { display:block; position:absolute; left:0; top:0; z-index:3; width:806px; height:150px; margin:0; padding:0; background:url("images/logo.png") top left no-repeat; } #header h3 { color:#333333; } #header #nav { position:relative; float:right; margin-top:130px; z-index:4; background:url(http://www.brightonlions.org.au/images/nav.png) no-repeat; } #header span { display:none; } #header #nav li { float:left; width:95px; height:39px; list-style-type:none; } #header #nav a { height:39px; display:block; } { background:url(nav-sprite.jpg) 0 -50px; } #header #nav li.selected {} li#list1 a:hover, li#list1 a:active, li#list1.selected a { background:url(http://www.brightonlions.org.au/images/nav.png) 0px -39px; } li#list2 a:hover, li#list2 a:active, li#list2.selected a { background:url(http://www.brightonlions.org.au/images/nav.png) -95px -39px; } li#list3 a:hover, li#list3 a:active, li#list3.selected a { background:url(http://www.brightonlions.org.au/images/nav.png) -190px -39px; } li#list4 a:hover, li#list4 a:active, li#list4.selected a { background:url(http://www.brightonlions.org.au/images/nav.png) -285px -39px; } li#list5 a:hover, li#list5 a:active, li#list5.selected a { background:url(http://www.brightonlions.org.au/images/nav.png) -380px -39px; } li#list6 a:hover, li#list6 a:active, li#list6.selected a { background:url(http://www.brightonlions.org.au/images/nav.png) -475px -39px; } /*------------FEATURED CONTENT SECTION------------*/ #featured-content #arrow { margin-top:20px; padding:0; position:relative; width:960px; height:65px; overflow:hidden; } #featured-content #arrow span { display:block; position:absolute; left:0; top:0; z-index:2; width:960px; height:65px; margin:0; padding:0; background:url("http://www.brightonlions.org.au/images/arrow.png") top left no-repeat; } /*----------------CONTENT SECTION-----------------*/ #content { height:auto; width:960px; position:relative; top:20px; min-height:300px; vertical-align:text-top; } #menu { float:left; width:480px; position:absolute; } #menu h2 { margin:0; padding:0; } #menu a, li { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#555555; text-decoration:none; } #menu a:hover, li:hover { color:#00529b; } #main-text { float:left; margin:0 0 0 480px; width:480px; } #main-text img { margin:0 0 20px 0; } #main-text h2 { padding-bottom:0; } #main-text h3 { font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:14px; color:#555555; margin:0 0 20px 0; } /*--------------------OUR FRIENDS SECTION----------------------*/ #friends { height:170px; padding:0 0 50px 0; } #friends div { float:left; width:190px; text-align:center; } #friends img { float:none; } #friends div:hover { filter:alpha(opacity=80); opacity:0.8; } #friends a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#00529b; padding:14px 0 0 0; text-decoration:none; } #friends a:hover { text-decoration:underline; } /*--------------------FOOTER----------------------*/ #footer { clear:both; position:relative; padding:40px 0; width:100%; bottom:0; z-index:1; } #footer p { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#555555; } img#wpstats { display: none; }