/* --------------------------------------------------------------------------------- PBA.com ********** global screen styles created: october 09 updated: june 2011 for summer series re-skin site design / code by: matthew brown / thingsthatarebrown.com --------------------------------------------------------------------------------- */ select{padding:5px;} body { background: url('http://www.pba.com/Content/images/PBA_bg_Chameleon.jpg') no-repeat top center #000;background-attachment:fixed; } h1,h2,h3,h4,h5,h6 {margin:0;padding:0;line-height:1em;} ul.navlist, ul.navlist li { margin:0;padding:0;list-style: none; display: inline;} a { text-decoration: none; color: #a80104; } a:hover { text-decoration: underline; } p { margin-bottom: 20px; } th { text-align: left; } h2.page-title { font-size: 36px; letter-spacing: -1px; margin-bottom: 5px; display: block; margin-top: 20px; } .content-leftmost { margin-left: 20px } .center {text-align: center; margin-left:auto; margin-right:auto;} .content-rightmost { margin-right: 20px; } .block {display: block;} .callout-group {background-color: #EFEFEF; padding: 10px;} #page-content {margin-top: 20px;} #header { background: transparent; height: 215px; width: 960px; position: relative; z-index: 2; } #logo, #nav { margin-top: 5px } #logo a { text-indent: -9999px; display: block; width: 320px; height: 110px; outline: none; background: url('http://www.pba.com/Content/images/PBA_logo_320x110.png') no-repeat; position: absolute; left: 0; top: 0; } /*#logo a:hover { background-position: bottom; }*/ #nav { position: relative } #sub-nav { position: absolute; right: 0; top: 15px; } #sub-nav li { display: inline } #sub-nav li a { color: #efefef; margin-right: 10px; padding-right: 10px; border-right: 1px solid #a1a1a1; font-size: 14px; font-weight: bold; } #sub-nav li.last a { margin-right: 20px; padding-right: 0px; border-right: none } #main-nav { margin-top: 45px; position: relative; } #main-nav ul { display: block; position: absolute; right: 0; margin-bottom: 0px;} #ad-search { margin: 10px 0 0 0; display: block; height: 90px; } #google_ads_div_pba_banner_top { display: block; width: 728px; float: left; } #google_ads_div_pba_livescoring_ad_container{width:300px;margin-right:0px;} #livescoring-ad{margin:10px 5px;float:left;} #top-search { margin: 40px 0 0 30px; float: left;display:none; } #top-search input#search { float: left; width: 100px; color: #666; } #top-search input#go { float: left; margin-left: 5px; } #content { background: #fff; position: relative; z-index: 1; padding-bottom: 35px; } #content img#rounded-corner-top { position: absolute; top:0; clear: both; } #content img#rounded-corner-bottom { position: absolute; bottom:0; left: 0; clear: both; } #toppage-nav { margin-top: 10px; clear: both; } #toppage-nav li a { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; font-weight: bold; } #toppage-nav li.last a { margin-right: 0; padding-right: 0px; border-right: none } #tours-links ul { margin-left: 20px } #login-join { text-align: right; } #login-join ul { margin-right: 20px } #featured { margin: 10px 0 0 20px; background: url('http://www.pba.com/Content/images/hashfill-bg.png') top right; height: 300px; position: relative; clear: both } #featured div { float: left; } #xtraframe img#video { margin: 0px; } #xtraframe a { text-indent: -9999px; display:block; } #xtraframe a#xtraframe-home { background: url('http://www.pba.com/Content/images/xtraframe-nav-v2.png') no-repeat; width: 280px; height: 58px; position: relative; } #xtraframe a#xtraframe-home:hover { background-position: 0px -91px; } #xtraframe a#xtraframe-more { background: url('http://www.pba.com/Content/images/xtraframe-nav-v2.png') no-repeat; width: 120px; height: 32px; float: left; background-position: 0px -58px; } #xtraframe a#xtraframe-more:hover { background-position: 0px -149px; } #xtraframe a#xtraframe-cal { background: url('http://www.pba.com/Content/images/xtraframe-nav-v2.png') no-repeat; width: 160px; height: 32px; float: left; background-position: -120px -58px; } #xtraframe a#xtraframe-cal:hover { background-position: -120px -149px; } #callout { margin-right: 20px; width: 600px; height: 300px; } #callout p { margin-bottom: 0 } /*Changed Z-Index to 30 to put it on top of all leadart OH*/ #callout-nav { position: absolute; top: 0; left: 536px; width: 44px; z-index: 30; } #callout-nav a { display: block; float: left; height: 22px; width: 22px; text-indent: -9999px; outline: none; } #callout-nav a#callout-prev { background: url('http://www.pba.com/Content/images/callout-prev.png') no-repeat; } #callout-nav a#callout-next { background: url('http://www.pba.com/Content/images/callout-next.png') no-repeat; } #gallery-nav { position: absolute; top: 0; left: 436px; width: 44px; z-index: 30; } #gallery-nav a { display: block; float: left; height: 22px; width: 22px; text-indent: -9999px; outline: none; } #gallery-nav a#prev-gallery { background: url('http://www.pba.com/Content/images/callout-prev.png') no-repeat; } #gallery-nav a#next-gallery{ background: url('http://www.pba.com/Content/images/callout-next.png') no-repeat; } .callout-item { position: relative; height: 300px; width: 600px; } .callout-item a { display: block; cursor: pointer } .callout-item a:hover { text-decoration: none; } .callout-item a:hover span { text-decoration: underline; } .callout-item p { position: absolute; bottom: 0; left: 0; width: 550px; display: block; background: #000; padding: 15px 25px; font-size: 18px; font-weight: bold; color: #fff; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85); } .callout-item span { color: #990003; font-size: 14px; } #scores-ad-events .inner { margin: 20px 0 0 -20px; width: 240px; position: relative; } #side-ad img { margin-top: 20px } #ad-box { margin: 20px 0; } #sidead-sociallinks{margin-top: 20px;} a.viewall { color: #1b5483; font-size: 13px; font-weight: bold; background: url('http://www.pba.com/Content/images/viewallarrow.gif') no-repeat right 6px; padding-right: 10px; } .item { margin-bottom: 10px; padding: 0 5px 10px 5px; border-bottom: 1px solid #ccc} .item a { font-weight: bold; font-size: 15px; line-height: 18px; } .widget { border: 1px solid #ccc; margin-top: 20px; text-align: center } .widget h3 { font-size: 14px; color: white; display: block; background: #2B2B2B; padding: 8px; margin-bottom: 5px; } .widget p { margin-bottom: 0; line-height: 16px } .widget p, .widget h4, .widget table, .widget img {padding: 10px;} #feeds-matchups p, #events-telecasts p { margin-bottom: 0px } #feeds-matchups .inner { margin: 20px 0 0 20px; width: 480px; } #fresh-feeds a.viewall { padding-left: 5px; font-size: 13px; } #fresh-feeds p.date { color: #555; font-size: 13px; } #headlines, #inthenews, #pbavoices { height: 400px } #pbavoices p.voice-leadin { display:block; margin-bottom: 4px; } #pbavoices img { float: left; margin-right: 15px } #pbavoices .item { display: block; } #live-scoring, #points { min-height: 200px; overflow: auto; } .hidden{display:none;} #live-scoring { background: url('http://www.pba.com/Content/images/ll-livescoring-bg-v2.gif') no-repeat center } #live-scoring table {margin-bottom: 0; } #live-scoring table th, #live-scoring table td {padding-right: 5px;} #points { background: url('http://www.pba.com/Content/images/ll-livescoring-bg-v2.gif') no-repeat center } #events, #telecasts { height: 360px; overflow: auto; } #events p.city { font-weight: bold; text-transform: uppercase} #matchup-callout { margin: 20px 0;} #social-links ul { margin: 20px 0 0 0;padding:0; } #social-links ul li { list-style: none; margin:0;padding:0; } #social-links a { padding: 4px 0 0 35px; display: block; height: 30px; font-size: 15px; font-weight: bold; } #social-links a#bowlspace { background: url('http://www.pba.com/Content/images/social/bowlspace.png') no-repeat 0 0; position: relative; } #social-links a#facebook { background: url('http://www.pba.com/Content/images/social/facebook.png') no-repeat 0 0 } #social-links a#RSSFeed { background: url('http://www.pba.com/Content/images/social/feed-icon.png') no-repeat 0 0 } #social-links a#twitter { background: url('http://www.pba.com/Content/images/social/twitter.png') no-repeat 0 0 } #social-links a#myspace { background: url('http://www.pba.com/Content/images/social/myspace.png') no-repeat 0 0 } #social-links a#youtube { background: url('http://www.pba.com/Content/images/social/youtube.png') no-repeat 0 0 } #sponsor-tiles { margin-left: 40px; height: 100px } #sponsors { width: 900px; margin: 20px 0 0 20px } #sponsors h4 { font-size: 14px; font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid #ccc } #sponsors ul { margin:0; padding:0; } #sponsors li { margin:0; padding:0; display: inline; list-style: none; } #sponsors a { margin-right: 20px; margin-top: 10px; display: block; float: left; width: 100px; height: 67px; text-indent: -9999px; background-position: bottom; } #sponsors a:hover { background-position: top ; } #sponsors a#spons-alka-seltzer { background-image: url('http://www.pba.com/Content/images/sponsors/alka-seltzer.png'); } #sponsors a#spons-bayer { background-image: url('http://www.pba.com/Content/images/sponsors/bayer.png'); } #sponsors a#spons-brunswick { background-image: url('http://www.pba.com/Content/images/sponsors/brunswick.png'); } #sponsors a#spons-etonic { background-image: url('http://www.pba.com/Content/images/sponsors/etonic.png'); } #sponsors a#spons-budweiser{ background-image: url('http://www.pba.com/Content/images/sponsors/budweiser.png'); } #sponsors a#spons-flowmax { background-image: url('http://www.pba.com/Content/images/sponsors/flowmax.png'); } #sponsors a#spons-geico { background-image: url('http://www.pba.com/Content/images/sponsors/geico.png'); } #sponsors a#spons-golden-corral { background-image: url('http://www.pba.com/Content/images/sponsors/golden-corral.png'); } /*2nd page */ #sponsors a#spons-go-rving { background-image: url('http://www.pba.com/Content/images/sponsors/go-rving.png'); } #sponsors a#spons-jacklinks { background-image: url('http://www.pba.com/Content/images/sponsors/jack-links.png'); } #sponsors a#spons-justformen { background-image: url('http://www.pba.com/Content/images/sponsors/justformen.png');} #sponsors a#spons-lucas { background-image: url('http://www.pba.com/Content/images/sponsors/lucas.png'); } #sponsors a#spons-lumberliquidators { background-image: url('http://www.pba.com/Content/images/sponsors/lumberliquidators.png'); } #sponsors a#spons-barbasol { background-image: url('http://www.pba.com/Content/images/sponsors/barbasol.png'); } #sponsors a#spons-oneaday { background-image: url('http://www.pba.com/Content/images/sponsors/OneADay.png'); } #sponsors a#spons-pepsi { background-image: url('http://www.pba.com/Content/images/sponsors/pepsi.png'); } #sponsors a#spons-usbc { background-image: url('http://www.pba.com/Content/images/sponsors/usbc.png'); } a#sponsor-showmore { display: inline; text-indent: 0px; float: none; margin: 0 0 0 5px; height: 0; font-size: 11px; } #footer, #footer a { color: #efefef } #footer p { margin-bottom: 20px } #footer ul, #footer li { margin: 0; padding: 0; list-style: none; } #footer .inner { padding: 20px 0 300px 0;} #footer .fineprint { font-size: 11px; color: #c1c1c1; padding-right: 60px; } /* Aaron's css changes */ .stats-table { border: 3px solid #efefef; margin: 0; border-collapse: collapse; width: 100% } .stats-table th, .stats-table td { padding: 5px; border-bottom: 2px solid #efefef; } .stats-table th { background: #efefef; } ul li{ list-style-type:none; } .ItemMenu .item, #ItemMenu .item {padding: 0; margin: 0;} .ItemMenu .item a, #ItemMenu .item a {display: block; padding: 10px;} .ItemMenu .item .selected {padding: 10px; font-weight:bold;} .ItemMenu .item a:hover, #ItemMenu .item a:hover{color:#FFF; text-decoration:none; background-color:#B40000;} #Pop { position: absolute; display: none; width: 698px; height: 741px; z-index: 9999; background-color: #000; padding:0px; } #email-signup{font-weight:bold;font-size:12px;padding:5px;} #email-widget{border:1px #a7a7a7 solid;height:165px;} #e2ma_signup_form{padding:5px;width:130px;} #e2ma_signup_form input{width:110px;} .e2ma_signup_form_required_footnote{display:none;} .contentbold { font-size:14px; }