/* ----------------------------------------------- Basketball New Zealand - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: bbnz.base.css Author: Hamish Stevenson / Catch Design Limited (www.catchdesign.co.nz) Date: 18 January 2007 Updated: 20 August 2007 ----------------------------------------------- */ /* =Global Styles ----------------------------------------------- */ body { background: #1E1E1E url(../img/bg-fern-blk.jpg) top left no-repeat; margin:0; padding:0; font: 63.7%/1.4em Arial, Helvetica, sans-serif, sans-serif; color: #ccc;} /* =Generic styles */ img { border:0; padding:0; margin-bottom:0 } a, a:visited { color:#fff; text-decoration:underline;} a:hover { text-decoration:none;} a img { border:none;} .hide { position:absolute; left:-2000px; width:999px;} .alignleft { float:left;} .alignright { float:right;} img.alignleft { float:left; margin: 0 5px 5px 0;} img.alignright { float:right; margin: 0 0 5px 8px;} .margin-none { margin:0;} .blue { color: #4C6A86; } .large { font-size: 130%; } .border { border: 1px solid #2d2d2d; padding: 7px; } p { font:1.2em/1.4 Arial, Helvetica, sans-serif; margin:0.2em 0 0.8em 0; } small { font: 1.0em/1.2 arial,sans-serif; color:#f60; margin:0 0 0.5em 0; text-transform: uppercase; } ul, ol, td { font:1.1em/1.2 arial,sans-serif; } label, input, textarea { font: 1.2em/1.4 Arial, Helvetica, sans-serif; margin:0 0 0.5em 0; } input.textbox { padding: 3px; color: #999; } select { font: 1.4em Arial, Helvetica, sans-serif; color: #333; background: #eee; border: 1px solid #666; padding: 4px; } dl, dt, dd { font: 1.1em/1 Arial, Helvetica, sans-serif; margin:0 0 0.5em 0; } fieldset { border: 0; margin: 0; } legend { display: none; } blockquote { float: right; border: 1px solid #999; padding: 5px; width: 240px; text-align: center; color: #fff; margin: 0.8em 0 0.5em 15px; font: 14px/1.5 bold Arial, sans-serif; } h2 { font-size: 2.0em; color: #fff; margin: 0 0 0.2em 0; padding: 0; text-transform: uppercase; } h3 { font: bold 1.8em/1.3 Arial, Helvetica, sans-serif; color:#f60; margin:1.1em 0 0.3em; } h3.h-sm { font-size:1.2em; text-transform: uppercase; margin:0; color:#fff; font-weight:normal; } h4 { font: bold 1.5em/1.3 Arial, Helvetica, sans-serif; margin: 0;} /* Hacks that can't be avoided in this file */ /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* =collapse lists */ #container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; } ul.nav, ul.nav li { display:inline;} /* =Structure ----------------------------------------------- */ #container { width: 945px; padding: 0 0 10px 0; margin-bottom: 10px; margin-left: 15px; } * html #container { width: 955px; } /* =Magic Column Styles ----------------------------------------------- */ #magic-1024 { float: left; width: 195px; margin: 20px 0 0 5px; } .major-sponsor li a { display:block; margin-bottom: 5px; } .major-sponsor li.sparc a { width: 195px; height: 141px; background: url(../img/img-sponsor-sparc-195.jpg) no-repeat; } .major-sponsor li.nzct a { width: 195px; height: 110px; background: url(../img/img-sponsor-nzct-195.jpg) no-repeat; } .major-sponsor li.bartercard a { width: 195px; height: 92px; background: url(../img/img-sponsor-bartercard_majorsponsor.jpg) no-repeat; } .sponsors { margin: 5px 0 0 0; } .poll { width: 185px; margin: 5px 0 0 0; } /* Global nav */ #globalnav { height: 34px; background: url(../img/bg-globalnav.gif) 3px 0 repeat-x; } #globalnav-links, #globalnav-links a, #globalnav-links .current { height: 31px; background: url(../img/bg-dual_global-nav-blk.jpg) no-repeat; } #globalnav-links { position: absolute; display: block; height: 31px; width: 411px; margin: 0; top: 3px; left: 20px; } #globalnav-links span { display: none; } #globalnav-links a, #globalnav-links .current { display: block; position: absolute; top: 0px; left: 0px; border: 0;} #global-nav-1 a, #global-nav-1 .current { width: 169px; left: 0px; background-position: 0px 0px;} #global-nav-1 a:hover, #global-nav-1 .current { background-position: 0px -31px;} #global-nav-2 a, #global-nav-2 .current { width: 94px; left: 169px; background-position: -169px 0px;} #global-nav-2 a:hover, #global-nav-2 .current { background-position: -169px -31px;} #global-nav-3 a, #global-nav-3 .current { width: 89px; left: 262px; background-position: -262px 0px;} #global-nav-3 a:hover, #global-nav-3 .current { background-position: -262px -31px;} #global-nav-4 a, #global-nav-4 .current { width: 56px; left: 352px; background-position: -352px 0px;} #global-nav-4 a:hover, #global-nav-4 .current { background-position: -352px -31px;} /* Masthead */ #masthead { position: relative; width: 735px; height: 100px; } #masthead h1 { float: left; background: url(../img/logo-bbnz-masthead-blk.gif) no-repeat; margin:20px 0 0 0; width: 251px; height: 63px; } #masthead h1#nbl-header { background: url(../img/logo-nbl-masthead-blk.gif) no-repeat; width: 390px; } #masthead h1#blacks-header { background: url(../img/logo-tallblks-masthead-blk.gif) no-repeat; } #masthead h1#ferns-header { background: url(../img/logo-tallferns-masthead-blk.gif) no-repeat; } #masthead h1 a { display: block; width: 251px; height: 63px; } #masthead h1 span { display: none; } #masthead-links { float: right; margin: 20px 0 0 0;} #masthead-links li { line-height: 1; } #masthead-links li a { color: #ccc; margin: 0 0 0 7px; text-decoration: none; } #masthead-links li a:hover { text-decoration: underline; } #masthead-links li a.rss { background: url(../img/icon-rss-sm-blk.gif) right no-repeat; color: #f60; padding: 0 13px 0 0; } #masthead-links li a.searchLink { background: url(../img/icon-down-sm-blk.gif) right no-repeat; padding: 0 13px 0 0; } #masthead #searchBox { z-index: 1; background: #fff url(../img/bg-search-blk.gif) repeat-x; width: 373px; position: absolute; top: 45px; right: 0; padding: 10px; border: 1px solid #000; border-top: 0px;} #masthead #searchBox .searchField { color: #000; float: left; height: 18px; width: 320px; font-size: 13px; padding: 3px 5px 0px 5px; margin: 0px 4px 0px 0px;} #masthead #searchBox .searchButton { float: right;} #styles, #styles a { height: 19px; overflow: hidden; background: url(../img/bg-dual_style-blk.jpg) no-repeat; } #styles { position: absolute; top: 45px; right: 0; /*display: block;*/ height: 19px; width: 112px; margin: 0; } #styles li span { display: none; } #styles a, #styles .current { display: block; position: absolute; top: 0; left: 0; border: 0;} #theme-home a { width: 54px; left: 0px; background-position: 0px 0px; } #theme-home a:hover { background-position: 0px -19px; } #theme-away a { width: 54px; left: 58px; background-position: -58px 0px; } #theme-away a:hover { background-position: -58px -19px; } /* Primary Nav */ #prim-nav, #prim-nav a, #prim-nav .current { overflow: hidden; height: 26px; background: url(../img/bg-dual_nav.gif) no-repeat; } #prim-nav { position: relative; display: block; height: 26px; width: 735px; margin: 0; } #prim-nav span { display: none; } #prim-nav a, #prim-nav .current { display: block; position: absolute; top: 0; left: 0; border: 0;} #prim-nav-nbl, #prim-nav-nbl a, #prim-nav-nbl .current { overflow: hidden; height: 26px; background: url(../img/bg-nbl-dual_nav.gif) no-repeat; } #prim-nav-nbl { position: relative; display: block; height: 26px; width: 735px; margin: 0; } #prim-nav-nbl span { display: none; } #prim-nav-nbl a, #prim-nav-nbl .current { display: block; position: absolute; top: 0; left: 0; border: 0;} #prim-nav-blacks, #prim-nav-blacks a, #prim-nav-blacks .current { overflow: hidden; height: 26px; background: url(../img/bg-blacks-dual_nav.gif) no-repeat; } #prim-nav-blacks { position: relative; display: block; height: 26px; width: 735px; margin: 0; } #prim-nav-blacks span { display: none; } #prim-nav-blacks a, #prim-nav-blacks .current { display: block; position: absolute; top: 0; left: 0; border: 0;} #prim-nav-ferns, #prim-nav-ferns a, #prim-nav-ferns .current { overflow: hidden; height: 26px; background: url(../img/bg-ferns-dual_nav.gif) no-repeat; } #prim-nav-ferns { position: relative; display: block; height: 26px; width: 735px; margin: 0; } #prim-nav-ferns span { display: none; } #prim-nav-ferns a, #prim-nav-ferns .current { display: block; position: absolute; top: 0; left: 0; border: 0;} #prim-nav-1 a, #prim-nav-1 .current { width: 48px; left: 0px; background-position: 0px 0px;} #prim-nav-1 a:hover, #prim-nav-1 .current { background-position: 0px -26px;} #prim-nav-2 a, #prim-nav-2 .current { width: 49px; left: 49px; background-position: -49px 0;} #prim-nav-2 a:hover, #prim-nav-2 .current { background-position: -49px -26px;} #prim-nav-3 a, #prim-nav-3 .current { width: 95px; left: 98px; background-position: -98px 0;} #prim-nav-3 a:hover, #prim-nav-3 .current { background-position: -98px -26px;} #prim-nav-4 a, #prim-nav-4 .current { width: 107px; left: 194px; background-position: -194px 0;} #prim-nav-4 a:hover, #prim-nav-4 .current { background-position: -194px -26px;} #prim-nav-5 a, #prim-nav-5 .current { width: 67px; left: 302px; background-position: -302px 0;} #prim-nav-5 a:hover, #prim-nav-5 .current { background-position: -302px -26px;} #prim-nav-6 a, #prim-nav-6 .current { width: 69px; left: 370px; background-position: -370px 0;} #prim-nav-6 a:hover, #prim-nav-6 .current { background-position: -370px -26px;} #prim-nav-7 a, #prim-nav-7 .current { width: 70px; left: 440px; background-position: -440px 0;} #prim-nav-7 a:hover, #prim-nav-7 .current { background-position: -440px -26px;} #prim-nav-8 a, #prim-nav-8 .current { width: 40px; left: 511px; background-position: -511px 0;} #prim-nav-8 a:hover, #prim-nav-8 .current { background-position: -511px -26px;} #prim-nav-9 a, #prim-nav-9 .current { width: 50px; left: 552px; background-position: -552px 0;} #prim-nav-9 a:hover, #prim-nav-9 .current { background-position: -552px -26px;} #prim-nav-10 a, #prim-nav-10 .current { width: 132px; left: 603px; background-position: -603px 0;} #prim-nav-10 a:hover, #prim-nav-10 .current { background-position: -603px -26px;} #prim-nav-1b a, #prim-nav-1b .current { width: 56px; left: 0px; background-position: 0px 0px;} #prim-nav-1b a:hover, #prim-nav-1b .current { background-position: 0px -26px;} #prim-nav-18 a, #prim-nav-18 .current { width: 90px; left: 57px; background-position: -57px 0;} #prim-nav-18 a:hover, #prim-nav-18 .current { background-position: -57px -26px;} #prim-nav-244 a, #prim-nav-244 .current { width: 64px; left: 147px; background-position: -147px 0;} #prim-nav-244 a:hover, #prim-nav-244 .current { background-position: -147px -26px;} #prim-nav-250 a, #prim-nav-250 .current { width: 72px; left: 211px; background-position: -211px 0;} #prim-nav-250 a:hover, #prim-nav-250 .current { background-position: -211px -26px;} #prim-nav-249 a, #prim-nav-249 .current { width: 64px; left: 283px; background-position: -283px 0;} #prim-nav-249 a:hover, #prim-nav-249 .current { background-position: -283px -26px;} #prim-nav-246 a, #prim-nav-246 .current { width: 64px; left: 348px; background-position: -348px 0;} #prim-nav-246 a:hover, #prim-nav-246 .current { background-position: -348px -26px;} #prim-nav-204 a, #prim-nav-204 .current { width: 75px; left: 412px; background-position: -412px 0;} #prim-nav-204 a:hover, #prim-nav-204 .current { background-position: -412px -26px;} #prim-nav-252 a, #prim-nav-252 .current { width: 74px; left: 488px; background-position: -488px 0;} #prim-nav-252 a:hover, #prim-nav-252 .current { background-position: -488px -26px;} #prim-nav-251 a, #prim-nav-251 .current { width: 107px; left: 562px; background-position: -562px 0;} #prim-nav-251 a:hover, #prim-nav-251 .current { background-position: -562px -26px;} #prim-nav-253 a, #prim-nav-253 .current { width: 67px; left: 668px; background-position: -668px 0;} #prim-nav-253 a:hover, #prim-nav-253 .current { background-position: -668px -26px;} #prim-nav-1a a, #prim-nav-1a .current { width: 53px; left: 0px; background-position: 0px 0px;} #prim-nav-1a a:hover, #prim-nav-1a .current { background-position: 0px -26px;} #prim-nav-31 a, #prim-nav-31 .current { width: 81px; left: 54px; background-position: -54px 0;} #prim-nav-31 a:hover, #prim-nav-31 .current { background-position: -54px -26px;} #prim-nav-271 a, #prim-nav-271 .current { width: 60px; left: 136px; background-position: -136px 0;} #prim-nav-271 a:hover, #prim-nav-271 .current { background-position: -136px -26px;} #prim-nav-272 a, #prim-nav-272 .current { width: 70px; left: 197px; background-position: -197px 0;} #prim-nav-272 a:hover, #prim-nav-272 .current { background-position: -197px -26px;} #prim-nav-275 a, #prim-nav-275 .current { width: 79px; left: 268px; background-position: -268px 0;} #prim-nav-275 a:hover, #prim-nav-275 .current { background-position: -268px -26px;} #prim-nav-276 a, #prim-nav-276 .current { width: 86px; left: 348px; background-position: -348px 0;} #prim-nav-276 a:hover, #prim-nav-276 .current { background-position: -348px -26px;} #prim-nav-277 a, #prim-nav-277 .current { width: 68px; left: 435px; background-position: -435px 0;} #prim-nav-277 a:hover, #prim-nav-277 .current { background-position: -435px -26px;} #prim-nav-278 a, #prim-nav-278 .current { width: 69px; left: 504px; background-position: -504px 0;} #prim-nav-278 a:hover, #prim-nav-278 .current { background-position: -504px -26px;} #prim-nav-279 a, #prim-nav-279 .current { width: 100px; left: 574px; background-position: -574px 0;} #prim-nav-279 a:hover, #prim-nav-279 .current { background-position: -574px -26px;} #prim-nav-280 a, #prim-nav-280 .current { width: 60px; left: 675px; background-position: -675px 0;} #prim-nav-280 a:hover, #prim-nav-280 .current { background-position: -675px -26px;} #prim-nav-32 a, #prim-nav-32 .current { width: 81px; left: 54px; background-position: -54px 0;} #prim-nav-32 a:hover, #prim-nav-32 .current { background-position: -54px -26px;} #prim-nav-281 a, #prim-nav-281 .current { width: 60px; left: 136px; background-position: -136px 0;} #prim-nav-281 a:hover, #prim-nav-281 .current { background-position: -136px -26px;} #prim-nav-282 a, #prim-nav-282 .current { width: 70px; left: 197px; background-position: -197px 0;} #prim-nav-282 a:hover, #prim-nav-282 .current { background-position: -197px -26px;} #prim-nav-283 a, #prim-nav-283 .current { width: 79px; left: 268px; background-position: -268px 0;} #prim-nav-283 a:hover, #prim-nav-283 .current { background-position: -268px -26px;} #prim-nav-284 a, #prim-nav-284 .current { width: 86px; left: 348px; background-position: -348px 0;} #prim-nav-284 a:hover, #prim-nav-284 .current { background-position: -348px -26px;} #prim-nav-285 a, #prim-nav-285 .current { width: 68px; left: 435px; background-position: -435px 0;} #prim-nav-285 a:hover, #prim-nav-285 .current { background-position: -435px -26px;} #prim-nav-286 a, #prim-nav-286 .current { width: 69px; left: 504px; background-position: -504px 0;} #prim-nav-286 a:hover, #prim-nav-286 .current { background-position: -504px -26px;} #prim-nav-287 a, #prim-nav-287 .current { width: 100px; left: 574px; background-position: -574px 0;} #prim-nav-287 a:hover, #prim-nav-287 .current { background-position: -574px -26px;} #prim-nav-288 a, #prim-nav-288 .current { width: 60px; left: 675px; background-position: -675px 0;} #prim-nav-288 a:hover, #prim-nav-288 .current { background-position: -675px -26px;} /* Secondary Nav */ #sec-nav ul { list-style: none; padding: 0; margin: 0; } #sec-nav li { margin: 0 0 5px 0; } #sec-nav li a { display: block; width: 155px; height: 14px; height: auto; background: #161616; color: #999; padding: 4px 3px 4px 6px; text-decoration: none; } #sec-nav li a:hover, #sec-nav li a.current, #sec-nav li.current_page_item a { background: #f63; color: #fff; border-right: 4px solid #c30; } #sec-nav li li { font-size: 0.9em; } #sec-nav li li a { width: auto; padding: 3px 0 4px 10px; height: auto; margin: 4px 0 0 8px; color: #fff; background: #1E1E1E url(../img/bullet-orange.gif) left no-repeat; } #sec-nav li li a:hover, #sec-nav li li a.current { background: #1E1E1E url(../img/bullet-orange.gif) left no-repeat; color: #f63; border: none; } #sec-nav li li li a { padding: 3px 0 4px 10px; margin: 4px 0 0 22px; } #sec-nav li li li li a { padding: 3px 0 4px 10px; margin: 4px 0 0 34px; } /* Content */ #content { width: 745px; float:left; margin: 0 0 10px 0; } /* Search Results */ h4.search-results a { color: #f60; } /* Footer */ #footer { width: 915px; background: #373737 url(../img/bg-footer-1024-blk.jpg) right top no-repeat; border-top: 3px solid #f60; border-bottom: 12px solid #000; min-height: 300px; margin: 0 0 20px 15px; padding: 10px; } #footer p { font-size: 1.1em; color: #ccc; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer-split1 { float: left; width: 50%; text-align: left; } #footer-split1 ul { list-style: none; padding: 0; margin: 0; } #footer-split1 li { margin: 4px 0; } #footer-split1 li a { color: #ccc; } #footer-split1 ul ul { list-style: none; padding: 0; margin: 0 0 0 10px; } #footer-split1 li li { font-size: 0.9em; margin: 0; } #footer-split1 li li a { color: #fff; } #footer-split1 #sitemap-1 { float: left; width: 33%; } #footer-split1 #sitemap-2 { float: left; width: 33%; } #footer-split1 #sitemap-3 { float: left; width: 33%; } #footer-split2 { float: right; width: 50%; text-align: right; } #footer #to-top a { margin: 5px 0 15px 0; clear: both; background: url(../img/icon-up-blk.gif) right no-repeat; padding: 3px 20px 4px 0; } #footer #footer-contact { width: 348px; float: right; text-align: left; padding: 10px 14px; margin: 15px 0 0 0; border: 1px solid #606060; background: #262626; } /* Footer spon */ #footer_supporters { width: 915px; margin: 0 0 20px 15px; padding: 10px; background:#242323; } #footer_supporters ul { list-style:none; } #footer_supporters ul li { text-indent:-9999px; } #footer_supporters ul li a { display:block; height:86px; margin-right:40px; float:left; } .sup_sparc { background:url(../img/img-supporter-sparc.png) no-repeat; width:87px; } .sup_nzoc { background:url(../img/img-supporter-nzoc.png) no-repeat; width:134px; } .sup_olympic { background:url(../img/img-supporter-olympic_solidarity.png) no-repeat; width:53px; } .sup_gacu { background:url(../img/img-supporter-gacu.png) no-repeat; width:114px; } .sup_nzas { background:url(../img/img-supporter-hpsnz.png) no-repeat; width:105px; } /* =Homepage Styles ----------------------------------------------- */ #home-col-1 { width: 370px; float: left; margin: 12px 0 0 0; } #home-col-2 { width: 370px; float: left; margin: 12px 0 0 5px; } /* Main article */ #home-col-1 #main-article { width: 360px; /* real width is 360px */ background: #000; padding: 5px; margin-bottom: 5px; } #home-col-1 #main-article-text { width: 350px; margin: 10px auto; } #home-col-1 #main-article-text a { color: #fff; } #home-col-1 #main-article-text h2.homepage { border-bottom: 1px dotted #333; } /* Because IE dotted lines look so rubbish, we're replacing IE bottom border with a solid one... */ * html #home-col-1 #main-article-text h2 { border-bottom: 1px solid #333; } /* Bottom left wrap */ #home-col-1 #col-1-wrap { width: 370px; margin: 5px 0 0 0; } #home-col-1 #col-1-wrap #col-1a { float: left; width: 195px; } #home-col-1 #col-1-wrap #col-1b { float: left; width: 170px; padding: 5px; margin: 0 0 0 5px; background: #373737 url(../img/bg-home-col-1-b.jpg) top no-repeat; /* ie5 */ voice-family: "\"}\""; voice-family:inherit; width: 160px; /* ie 6 */ } html>body #home-col-1 #col-1-wrap #col-1b { width: 160px; /* moz */ } * html #home-col-1 #col-1-wrap #col-1b { float: right; margin: 0; } /* Wallpapers */ .wallpapers { width: 195px; padding: 5px; background: #373737 url(../img/bg-home-col-1-a.jpg) top no-repeat; /* ie5 */ voice-family: "\"}\""; voice-family:inherit; width: 185px; /* ie 6 */ } html>body .wallpapers { width: 185px; /* moz */ } #wallpaper-teaser { width: 185px; padding: 5px 5px 1px 5px; margin: 1px auto; background: #000; /* ie5 */ voice-family: "\"}\""; voice-family:inherit; width: 175px; /* ie 6 */ } html>body wallpaper-teaser { width: 175px; /* moz */ } #wallpaper-teaser h3 { border-bottom: 1px solid #606060; margin: 0 0 4px 0; padding: 0 0 2px 0; } #wallpaper-teaser p { font-size: 1.0em; } /* News in Short */ #home-col-1 #short-news { width: 150px; padding: 5px; background: #292929; } #home-col-1 #short-news h3 { border-bottom: 1px solid #606060; margin: 0 0 4px 0; padding: 0 0 2px 0; } #home-col-1 #short-news ul { padding: 0; margin: 0; list-style: none; } #home-col-1 #short-news li { margin: 2px 0 6px 0; line-height: 1.2; } #home-col-1 #short-news li a { margin: 2px 0 6px 0; line-height: 1.2; } #home-col-1 #short-news p { font-size: 1.0em; } /* Fiba link */ .fiba { width: 185px; height: 124px; padding: 5px; margin: 5px 0 0 0; background: #4D4D4D; } /* Col 1a Generic boxes */ .col_1a_box { width: 185px; padding: 5px; margin: 0 0 5px 0; background:#373737 url(../img/bg-home-col-2-news-blk.jpg) top no-repeat /*#4D4D4D*/; } /* News */ #news-feed-text h3 a, #nbl-feed-text h3 a { text-decoration: none; } #news-feed-text h3 a:hover, #nbl-feed-text h3 a:hover { text-decoration: underline; color: #ccc; } #home-col-2 #news-feed { width: 360px; /* real width is 360px */ background: #373737 url(../img/bg-home-col-2-news-blk.jpg) top no-repeat; padding: 5px; margin: 0 0 5px 0; } #home-col-2 #news-feed-text { width: 350px; margin: 0 auto; background: #292929; padding: 5px; } #home-col-2 #news-feed-text h3.h-sm { border-bottom: 1px solid #333; margin: 0 0 4px 0; padding: 10px 0 2px 0; } #home-col-1 #news-feed { margin: 5px 0 0 0; width: 350px; /* real width is 360px */ background: #373737 url(../img/bg-home-col-2-news-blk.jpg) top no-repeat; padding: 5px; } #home-col-1 #news-feed-text { width: 340px; margin: 0 auto; background: #292929; padding: 5px; } /* Tabs */ .shadetabs { padding: 0; margin: 3px 0 0 0; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li { float: left; margin: 0; } .shadetabs li a { display: block; text-decoration: none; padding: 3px 7px; margin: 0 1px 1px 0; color: #fff; background: url(../img/bg-news-tabs.gif) top left no-repeat; } .shadetabs li a:visited{ color: #fff; } .shadetabs li a:hover { text-decoration: underline; color: #fff; } .shadetabs li.selected { position: relative; top: 1px; } .shadetabs li.selected a{ /*selected main tab style */ background: url(../img/bg-news-tabs-hover.gif) top left no-repeat; } .shadetabs li.selected a:hover{ /*selected main tab style */ text-decoration: none; } .tabcontentstyle { /*style of tab content oontainer*/ margin-bottom: 1em; padding: 10px; } .tabcontentstyle p { color: #ccc; } .tabcontentstyle h3 { margin: 2px 0 0 0 !important; } .tabcontentstyle h3 a { color: #fff; font-size: 85%; } .tabcontent{ display:none; } @media print { .tabcontent { display:block!important; } } .tabcontent .profiles { list-style: none; margin: 0; padding: 0; } .tabcontent .profiles li { padding: 0 0 5px 0; border-bottom: 1px solid #333; } .tabcontent .profiles li a { font: bold 1.5em/1.5 "Lucida Grande", Geneva, Arial, sans-serif; color:#fff; margin: 4px 0 2px 0; text-decoration: none; } .tabcontent .profiles li a:hover { text-decoration: underline; } /* Annoying IE fixes */ * html .shadetabs li a { text-decoration: none !important; color: #fff !important; } * html .shadetabs li.selected a, * html .shadetabs li.selected a:hover { color: #fff !important; } * html .shadetabs li a:visited { color: #fff; } * html .shadetabs li a:hover { text-decoration: underline; color: #fff !important; } * html .shadetabs li.selected a:hover{ /*selected main tab style */ text-decoration: none !important; } /* News content */ .news-teaser { padding: 0 0 5px 0; border-bottom: 1px solid #333; margin: 5px 0 0 0; } .news-teaser p { margin: 2px 0 0 0; } .news-teaser h3 { margin: 5px 0 6px 0; } /*h3.toggler { margin: 0; background: #292929 url(../img/icon-open-blk.gif) left no-repeat; padding: 1px 0 0 23px; color: #f4f4f4; cursor: pointer; margin: 5px 0 3px 0; }*/ /*.accordion{ margin: 0 0 6px 23px; padding: 0; }*/ .kgarchives ul { list-style: none; margin: 0; padding: 0; } /* Upcoming Events */ /*#home-col-2 #events-feed { margin: 5px 0 0 0; width: 360px; background: #373737 url(../img/bg-home-col-2-events-blk.jpg) top no-repeat; padding: 5px; } #home-col-2 .events_feed_text { width: 350px; margin: 0 auto; background: #292929; padding: 5px; }*/ #home-col-2 .events_feed_text ul { width: 350px; margin: 6px 0; padding: 0; list-style: none; } #home-col-2 .events_feed_text li { font-size: 1.3em; border-bottom: 1px solid #333; margin: 0; padding: 5px 0; } #home-col-2 .event-teaser small { font-size: 10px; margin: 0; } #home-col-2 .event-teaser:hover { background: #3C3C3C; } /* Flash Banner */ .flash-banner { padding: 5px; background: #373737; margin: 0 0 5px 0; } #home-col-2 .flash-banner { width: 360px; } #col-1a .flash-banner { width: 185px; } /* =Sidebar Styles ----------------------------------------------- */ .major-sponsor { margin: 0; } .major-sponsor li.sparc a { display: block; } .sponsors { width: 185px; height: 99px; padding: 5px; background: #4D4D4D; } .photo-gallery { width: 185px; height: 210px; margin: 5px 0 0 0; padding: 5px; background: #4D4D4D; } .player-profile { margin: 5px 0 0 0; width: 185px; background: #4E4E4E url(../img/bg-sidebar-profile-blk.jpg) top no-repeat; padding: 5px; } .player-profile h3 { margin: 0 0 5px 0; border-bottom: 1px solid #606060; } .player-profile img { border: 1px solid #606060; padding: 1px; margin: 0 3px 0 0; } .player-profile p { font-size: 1.1em; color: #ccc; } .player-profile p.large { font-size: 1.8em; margin: 0; color: #ccc; } .player-profile strong { color: #fff; font-weight: normal; } .player-profile h4 { font-size: 1.4em; margin: 0; } .player-profile a { color: #fff; } /* Poll */ .poll { background: #4E4E4E url(../img/bg-sidebar-poll-blk.jpg) top no-repeat; padding: 5px; } .poll h3 { margin: 0 0 5px 0; border-bottom: 1px solid #606060; } .poll p { font-size: 1.1em; color: #ccc; } /* Newsletter*/ .newsletter { background: #4E4E4E url(../img/bg-sidebar-poll-blk.jpg) top no-repeat; padding: 5px; margin: 5px 0 5px 0; } .newsletter h3 { margin: 0 0 5px 0; border-bottom: 1px solid #666; } .newsletter form { margin: 0; } .newsletter input.textbox { width: 90%; margin: 5px 5px 0 0; background: #fff; border: 1px solid #ddd; border-top-color: #bbb; border-top-width: 2px; border-left-color: #bbb; border-right-color: #bbb; color: #333 !important; } .newsletter input.subscribe { margin: 2px 0 0 0; } /* =Inside Styles ----------------------------------------------- */ #inside-wrap { background: url(../img/bg-inside-col-1.gif) left repeat-y; margin: 10px 0 0 0; } #inside-col-1 { float: left; width: 535px; padding: 10px; margin: 0; } #inside-col-1-lg { float: left; width: 700px; padding: 10px; margin: 0; background: #000; } #inside-col-2 { float: left; width: 165px; background: #1E1E1E; margin: 0 0 0 10px; } #inside-col-1 p, #inside-col-1-lg p { color: #B7B7B7; } #inside-col-1 strong, #inside-col-1-lg strong { color: #fff; text-transform: uppercase; text-shadow: #ccc; } #inside-col-1 h2, #inside-col-1-lg h2 { border-bottom: 1px solid #333; padding: 0 0 3px 0; margin: 15px 0 10px 0; } /*.sizeme p { font-size: 12px; }*/ /*#inside-col-1 .sizeme a, #inside-col-1-lg .sizeme a { color: #f60; } #inside-col-1 .sizeme a:hover, #inside-col-1-lg .sizeme a:hover { color: #ccc; }*/ /*#inside-col-1 h3, #inside-col-1-lg h3 { margin: 15px 0 5px 0; color: #f60; font-weight: bold; padding-bottom: 0px; } */ #inside-col-1 h4, #inside-col-1-lg h4 { color: #fff; margin: 5px 0 0 0; } #inside-col-1 .article p.intro, #inside-col-1-lg .article p.intro { font-size: 1.5em; line-height: 1.3; } #inside-col-1 ul, #inside-col-1 ol { font-size: 1.2em; margin: 10px 0 10px 5px; padding: 0 0 0 10px; } #inside-col-1 ul li, #inside-col-1 ol li { margin: 3px 0; } #inside-col-1 .pdf { background: url(../img/icon-pdf-blk.gif) left no-repeat; padding: 6px 0 5px 33px; margin: 3px 0; } #inside-col-1 .article-teaser { background: #222; border: 1px solid #333; padding: 5px; margin: 0 0 5px 0; } #inside-col-1 .article-teaser p { color: #999; } #inside-col-1 .article-teaser p a { color: #fff; } #inside-col-1 .article-teaser:hover { background: #2d2d2d; } #inside-col-1 .article-teaser h4 { font: bold 1.6em/1.3 Arial, Helvetica, sans-serif; color: #666; } #inside-col-1 .article-teaser h4 a { text-decoration: none; color: #eee; } #inside-col-1 .article-teaser h4 a:hover { text-decoration: underline; color: #bbb; } #inside-col-1 .article-teaser h4 span { margin: 0 0 0 .2em; } #inside-col-1 .article-teaser small { font-size: 1.2em; } #inside-col-1 #inside-panel { width: 35%; float: right; background: #222; border: 1px solid #333; padding: 5px; margin: 0 0 10px 10px; } #inside-col-1 #inside-panel ul { padding: 0; margin: 10px 0 10px 5px; list-style: none; } #inside-col-1 #inside-panel li { margin: 10px 0; } #inside-col-1 #inside-panel li a { text-decoration: none; padding: 3px 0 4px 10px; background: #000 url(../img/bullet-orange.gif) left no-repeat; } #inside-col-1 #inside-panel li a:hover { text-decoration: underline; background: #000 url(../img/bullet-orange.gif) left no-repeat; color: #f63; border: none; } #inside-col-1 #inside-panel ul#rss-feeds li a, #inside-col-1 #inside-panel ul#rss-feeds li a:hover { padding: 2px 0 3px 15px; background: url(../img/icon-rss-sm-blk.gif) left no-repeat; } #inside-col-1 #inside-panel form { margin: 10px 0 0 0; } #inside-col-1 #inside-panel input.textbox { color: #333; width: 90%; } #col-2-box { width: 90%; margin: 20px auto; border: 1px solid #333; padding: 5px; background:#292929; } #col-2-box h3 { color: #fff; border-bottom: 1px solid #999; } #col-2-box h4 { font-size: 1.1em; } #col-2-box .article-teaser { padding: 5px 0; border-bottom: 1px solid #666; margin: 5px 0; } ul.news-headines { list-style: none; padding:0; margin: 3px 0 10px 0; } ul.news-headines li { padding: 2px 0 2px 0; margin: 4px 0; } .navigation a { display:block; padding:3px 6px; margin:0 0 10px 0; background:#2D2D2D; border:1px solid #333; text-decoration:none; color:#ccc; } .navigation a:hover { background:#333; } /* Staff Page */ #inside-col-1 .staff img { float: left; margin: 0 5px 5px 0; } #inside-col-1 .staff h4 { font: bold 1.6em/1.3 Arial, Helvetica, sans-serif; margin-top: 20px; } #inside-col-1 .staff strong { color: #999 !important; } /* Tall Blacks / Tall Ferns */ .alt_teaser { padding: 0 0 5px 0; border-bottom: 1px solid #333; margin: 5px 0 0 0; } .alt_teaser p { margin: 2px 0 0 0; font-size: 1.1em; } .alt_teaser h4 a { font-size: 1.1em; line-height: 1.2; color: #fff; } .alt_teaser h3 { font-size: 1.4em; color: #eee; font-weight: bold; margin: 10px 0 !important; } /* Sitemap */ ul#sitemap { list-style: none; margin: 0; padding: 0; } ul#sitemap li a { color: #f60 !important; font-size: 1.6em; } ul#sitemap li ul { list-style: none; margin: 0 0 15px 10px; padding: 0; } ul#sitemap li li a { color: #fff !important; font-size: 1.3em; } ul#sitemap li li ul { margin: 0 0 0 20px; } ul#sitemap li li li a { color: #fff !important; font-size: 80%; } /* Tabel Styles */ #inside-col-1 table { border: none; } #inside-col-1 td { padding: 3px; background: #333; font-size: 1.2em; text-align: left; margin: 1px; } #inside-col-1 table.profiles { margin: 0 0 15px 0 !important; } #inside-col-1 .profiles td { font-size: 1.0em; } /* Breadcrumbs */ #bct p { font-size: 1.1em; color: #ccc; text-transform: lowercase; } #bct a { color:#ccc; } /* Page Functions */ #page_functions { text-align:right; } #page_functions a.print_page { background:url(../img/icon_print_sm.png) right no-repeat; padding:2px 15px 2px 0; color:#ccc; font-size:1.1em; } /* Photo Box */ #catch-photo-box { float:right; width: 200px; height: auto; padding: 5px; border: 1px solid #333; text-align: center; margin: 0 0 0 10px; } #catch-photo-box img { width:200px; } #inner-catch-photo-box { height: auto; } #inner-catch-photo-controls { } #inner-catch-photo-controls p a { color: #fff; } #inner-catch-photo-controls img { width: auto; } .catch-photo-box { z-index: 5; } /* Button styles */ .webcast a { display: block; background: url(../img/btn-webcast-blk.gif) no-repeat; width: 121px; height: 34px; margin: 4px 0 10px 0; } .webcast a span { display: none; } /* =Plugin Styles ----------------------------------------------- */ /* Democracy Poll */ .dem-graph { position: relative; font: 9px/11px arial, sans-serif; margin-top: 2px; padding-right: 1px; margin-bottom: 3px; } .dem-graph a, .dem-graph a:hover { display: block; float: left; height: 6px; cursor:default; text-decoration: none; border: 0; } .dem-winner a, .dem-winner a:hover { border-right: 0; } .dem-winner { padding-right: 0; } .dem-graph b, .dem-graph i { float: left; display: block; position: absolute; margin-left: 3px; font-weight: bold; font-style: normal; } .dem-vote-button { display: block; margin: 6px 0; } .democracy { padding-bottom: 5px; } /* kubrick fixies */ .democracy form { text-align: left; } html>body .entry .democracy ul { text-indent: 0 !important; } .democracy input { vertical-align: middle; } .dem-graph a i, .dem-graph a:hover b { display: none; } .dem-graph a:hover i { display: block; } /* yay IE hack - display or visibility don't work */ * html .dem-graph a i, * html .dem-graph a:hover b { filter: alpha(opacity=0); display: block; } * html .dem-graph a:hover i { filter: alpha(opacity=100); display: block; } .dem-total-votes, .dem-added-by-guest { display: block; margin: 3px 0; } .dem-user-added { display: block; } .dem-archives .democracy { margin-bottom: 30px; } .democracy ul { list-style: none; padding: 0; margin: 0; } .democracy img { width: 100%; margin-bottom: 4px; vertical-align: middle; } .democracy input { vertical-align: middle; margin-right: 5px; width: auto; } .democracy .addAnswerText { width: 80%; } .dem-graph { border: 1px solid #ccc; height: 14px; } .dem-graph a, .dem-graph a:hover { background: #efefef; border-bottom: 8px solid #e0e0e0; border-right: 1px solid #ccc; } * html .dem-graph a, * html .dem-graph a:hover { border-bottom-width: 6px; } * html .dem-graph { height: 12px; } .dem-graph b, .dem-graph i { color: #555; } .dem-voted-for-this a { color: #fff; background: #f63; border-bottom: 8px solid #c75028; border-right: 1px solid #4E4E4E; } /* blix fix */ .democracy ul { padding: 0; } .democracy label { float: none; display: inline; font-size: 12px; } /* .democracy ul li { list-style: none; background: none; } */ /* BBNZ Staff Pages */ .person_list { float:left; height:140px; margin:0pt 15px 20px 0px; width:250px; } .person_list img { float:left !important; margin:0 5px 0 0 !important; } .person_list h4 { margin:0 !important; } /* SAFETY NET */ #safetynet #content { width:auto;} #safetynet #inside-wrap {background: none;} #safetynet #inside-col-1 { width:915px; } #safetynet #magic-1024 {float:right; width:auto; margin-top: 0;} #safetynet #sec-nav li a { width: 185px;} #safetynet #inside-col-1 td {background: none;} #safetynet .flash-banner {background: transparent; padding: 0;} /*#safetynet .sizeme p {font-size: 1.2em;}*/ #btn_help { float:right; display: block; width:53px; height:26px; text-indent: -999em; outline: none; background: url(../img/btn_safetynet_help.png) no-repeat 0 0; margin-top: 20px; } #btn_next { float:left; display: block; width:62px; height:26px; text-indent: -999em; outline: none; background: url(../img/btn_safetynet_next.png) no-repeat 0 0; margin-top: 20px; } #btn_previous { float:left; display: block; width:85px; height:26px; text-indent: -999em; outline: none; background: url(../img/btn_safetynet_previous.png) no-repeat 0 0; margin-top: 20px; margin-right: 10px; } /* FIBZ TV */ #fibaplayer { padding:5px 35px; margin-bottom:5px; background:#000; }