body { background: url(/clippers/media/mainbg_tile.jpg) repeat-y top center; } /*#container { background: url(/clippers/media/mainbg.jpg) no-repeat fixed 50% 36px; color: #000000; font-family: helvetica, arial; font-size: 11px; font-weight: bold; } */ #container { background: url(/clippers/media/mainbg.jpg) no-repeat top center; color: #000000; font-family: helvetica, arial; font-size: 11px; font-weight: bold; } a { color: #000; text-decoration: none; } a:hover { color: #AEADAD; text-decoration: underline; } #header .content, #content, #footer { width: 990px; } #header .content { padding-left: 0px; } #content { background: transparent; width: 990px; padding-left: 0px; } /* *************************** * LOGO AND TITLE *************************** */ #header .content { position:relative; width: 988px; } #header .logo { display: inline; float:left; width: 152px; } #header .content .main { position:relative; width:988px; height: 100px; } #header .content .main .clippers-title { position:relative;} #header .content .ticket_spot { position:absolute; top:15px; right:5px; } /* *************************** * header *************************** */ #header ul.menu { position: relative; clear: both; list-style-type: none; width: 988px; height: 56px; } #header ul.menu li { display: inline; float: left; } #header ul.menu li a { float: left; height: 28px; text-indent: -9999px; } /*#header ul.menu { display: inline; position: relative; float: left; width: 828px; height: 28px; }*/ #header ul.menu li { display: inline; float: left; } #header ul.menu li a { float: left; height: 28px; text-indent: -9999px; } /* Home */ #header ul.menu li a.nav_home { background-image: url(/clippers/media/nav_home.jpg); background-position: 0 -28px; width: 57px; } #header ul.menu li.highlighted a.nav_home, #header ul.menu li a:hover.nav_home { background-position: 0 0; } /* News */ #header ul.menu li a.nav_news { background-image: url(/clippers/media/nav_news.jpg); background-position: 0 -28px; width: 56px; } #header ul.menu li.highlighted a.nav_news, #header ul.menu li a:hover.nav_news { background-position: 0 0; } /* Team */ #header ul.menu li a.nav_team { background-image: url(/clippers/media/nav_team.jpg); background-position: 0 -28px; width: 53px; } #header ul.menu li.highlighted a.nav_team, #header ul.menu li a:hover.nav_team { background-position: 0 0; } /* Tickets */ #header ul.menu li a.nav_tickets { background-image: url(/clippers/media/nav_tickets.jpg); background-position: 0 -28px; width: 69px; } #header ul.menu li.highlighted a.nav_tickets, #header ul.menu li a:hover.nav_tickets { background-position: 0 0; } /* game Night */ #header ul.menu li a.nav_gameNight { background-image: url(/clippers/media/nav_gamenight.jpg); background-position: 0 -28px; width: 95px; } #header ul.menu li.highlighted a.nav_gameNight, #header ul.menu li a:hover.nav_gameNight { background-position: 0 0; } /* schedule */ #header ul.menu li a.nav_schedule { background-image: url(/clippers/media/nav_schedule.jpg); background-position: 0 -28px; width: 83px; } #header ul.menu li.highlighted a.nav_schedule, #header ul.menu li a:hover.nav_schedule { background-position: 0 0; } /* clipper Nation */ #header ul.menu li a.nav_clipperNation { background-image: url(/clippers/media/nav_clippernation.jpg); background-position: 0 -28px; width: 121px; } #header ul.menu li.highlighted a.nav_clipperNation, #header ul.menu li a:hover.nav_clipperNation { background-position: 0 0; } /* history */ #header ul.menu li a.nav_history { background-image: url(/clippers/media/nav_history.jpg); background-position: 0 -28px; width: 78px; } #header ul.menu li.highlighted a.nav_history, #header ul.menu li a:hover.nav_history { background-position: 0 0; } /* Community */ #header ul.menu li a.nav_community { background-image: url(/clippers/media/nav_community.jpg); background-position: 0 -28px; width: 93px; } #header ul.menu li.highlighted a.nav_community, #header ul.menu li a:hover.nav_community { background-position: 0 0; } /* Store */ #header ul.menu li a.nav_store { background-image: url(/clippers/media/nav_store.jpg); background-position: 0 -28px; width: 59px; } #header ul.menu li.highlighted a.nav_store, #header ul.menu li a:hover.nav_store { background-position: 0 0; } /* *************************** * TOP header SEARCH *************************** */ #header ul.menu li form.search { background: url(/clippers/media/nav_searchbg.jpg) no-repeat top left; width: 200px; height: 28px; } #header ul.menu li form.search input { float: left; } #header ul.menu li form.search #header_search_field { font-size: 11px; width: 125px; line-height:16px; height:12px; padding: 0; margin: 8px 0 0 17px; border: 0 none; } #header ul.menu li form.search #header_search_button { margin:7px 0 0 1px; width:31px; height:16px; } #header ul.menu li ul { display: none; position: absolute; top: 28px; left: 0; overflow: hidden; background: transparent url(/clippers/media/dropdown_bg.png) no-repeat top left; width: 987px; height: 93px; padding-top: 10px; z-index: 999; } #header ul.menu li ul.open { display: block; } #header ul.menu li li { margin-left: 15px; } #header ul.menu li li em { display: block; overflow: hidden; float: left; background-image: url(/clippers/media/dropdown_arrow.gif); background-position: 0 -11px; text-indent: -9999px; width: 10px; height: 10px; margin-right: 5px; margin-top: 3px; } #header ul.menu li li.highlighted li a, #header ul.menu li li a { background-color: transparent; background-image: url(/clippers/media/dropdown_arrow.gif) no-repeat center left; color: #000000; font-size: 12px; text-align: left; height: 16px; width: 217px; text-indent: 0; text-decoration: none; margin-top: 5px; padding: 0px 5px; border-bottom: dashed 2px #939393; } #header ul.menu li li.highlighted a, #header ul.menu li li.highlighted li a:hover, #header ul.menu li li a:hover { color:#296997; text-indent: 0; text-decoration:underline; } #header ul.menu li.ad { float: right; margin-right: 10px; } #header ul.menu li.ad a { text-indent: 0; width: auto; height: auto; margin: 0; padding: 0; border: 0 none; } #court_side_box .games .first_upcoming { background: url(/clippers/media/10CSB_bkgd_next_LAC.png) no-repeat top left !important; } #court_side_box .game .links a.tickets { background: url(/clippers/media/csb_tix.png) no-repeat top left !important; } /* *************************** * TOP STORY *************************** */ #top_story { background: url(/clippers/media/tp_bg_thumbs.jpg) no-repeat bottom left; } #top_story .top_story_item .teaser { overflow: hidden; background: transparent url(/clippers/media/tp_text.png) no-repeat center center; } #top_story .scrollerModule .scroller_item .thumbnail_text .headline { color: #000000; } #top_story .scrollerModule .scroller_item .thumbnail_text { background: #fff; color:#000; } #top_story .scrollerModule .scroller_nav_button { background: transparent; text-indent: -9999px; } #top_story .scrollerModule #top_story_prev { background-image: url(/clippers/media/tp_arrows_l.gif); } #top_story .scrollerModule #top_story_prev.enabled { background-position: 0 0; } #top_story .scrollerModule #top_story_prev.highlighted { background-position: 0 -50px; } #top_story .scrollerModule #top_story_prev.disabled { background-position: 0 -25px; cursor: default;} #top_story .scrollerModule #top_story_next { background-image: url(/clippers/media/tp_arrows_r.gif); } #top_story .scrollerModule #top_story_next.enabled { background-position: 0 0; } #top_story .scrollerModule #top_story_next.highlighted { background-position: 0 -50px; } #top_story .scrollerModule #top_story_next.disabled { background-position: 0 -25px; cursor: default; } #top_story .scrollerModule .scroller_toc span { background-image: url(/clippers/media/carousel_pagination_sprite.png); } #top_story .scrollerModule .scroller_viewport {margin-top:17px;} /* *************************** * TICKETS *************************** */ #content .module {margin-top:8px;} #tickets.module { background: url(/clippers/media/sub_ticketcenter.jpg) no-repeat top left; } #tickets .tabModule .tickets-content {height:150px;} #tickets .tabModule .tickets-nav { left: 50%; width: auto; height: 22px; margin: 0 auto; margin-top: 1px; } #tickets .tabModule .tickets-nav li { right: 50%; } #tickets .tabModule .tickets-nav li a { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; font-weight: bold; text-indent: 0; width: 86px; text-align:center; height: 15px; margin-left: 1px; padding: 4px; } #tickets .tabModule .tickets-nav li:first-child a { margin-left: 0; } #tickets .tabModule .tickets-nav li a.tickets { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } #tickets .tabModule .tickets-nav li a.hot_deals { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } #tickets .tabModule .tickets-nav li a.packages { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } #tickets .tabModule .tickets-content {height:174px;} #tickets .tabModule .BottomBanner{ clear:both; height:30px; margin:0 2px;} .inside_page #tickets .tabModule .tickets-nav li a.tickets{ background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } .inside_page #aside #tickets .tabModule .tickets-nav { left: 50%; width: auto; height: 22px; margin: 0 auto; margin-top: 1px; } .inside_page #aside #tickets .tabModule .tickets-nav li { right: 50%; } .inside_page #aside #tickets .tabModule .tickets-nav li a { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; font-weight: bold; text-indent: 0; width: 86px; text-align:center; height: 15px; margin-left: 1px; padding: 4px; } .inside_page #aside #tickets .tabModule .tickets-nav li:first-child a { margin-left: 0; } .inside_page #aside #tickets .tabModule .tickets-nav li a.tickets { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } .inside_page #aside #tickets .tabModule .tickets-nav li a.hot_deals { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } .inside_page #aside #tickets .tabModule .tickets-nav li a.packages { background-image: url(/.element/img/1.1/teams/hub_tab_generic.png); background-repeat: repeat-x; } /* *************************** * video *************************** */ #video.module { background: url(/clippers/media/fragbg_330x250.jpg) no-repeat top left; width: 330px; } #video h3 { background: url(/clippers/media/sub_video.gif) no-repeat top left; text-indent: -9999px; width: 330px; height: 28px; } #video .videos { margin: 0 8px; } #video .video { display: inline; float: left; width: 95px; height: 92px; margin: 2px 4px; } #video .video a.thumbnail:hover, #video .video a.thumbnail:hover img { background: #FFFFFF; opacity: 0.6; -ms-opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); } #video .video .caption { color: #000000; font-size: 10px; } #video .video .time { color: #000000; font-size: 10px; } #video .more_link { float: right; margin-right: 10px; } #headlines.module { background: url(/clippers/media/fragbg_330x250.jpg) no-repeat top left; width: 330px; } #email_signup.module { background: url(/clippers/media/fragbg_emailsignup.jpg) no-repeat top left; color: #7C7C7C; width: 300px; } #email_signup form { width: 300px; height: 120px; } #email_signup form label { display: block; height: 20px; margin-top: 60px; padding: 0 120px 0 20px; } #email_signup form input { display: inline; float: left; } #email_signup form input.text_input { font-size: 11px; width: 129px; height: 14px; margin: 9px 0 0 21px; padding: 0; border: 0 none; } #email_signup form input.button_input { display: block; overflow: hidden; background: url(/clippers/media/btn_go.jpg) no-repeat top left; font-size: 0; line-height: 0; width: 31px; height: 16px; margin-top: 8px; margin-left: 5px; padding: 0; border: 0 none; } #promotions.module { width: 300px; background-color:#999; } /* *************************** * tabbed 670 *************************** */ #tabbed670 { background: url(/clippers/media/fragbg_duotabs.jpg) no-repeat top left;} #tabbed670 .tabModule { width: 670px; height: 250px; margin:0; padding:0;} #tabbed670 .tabModule .nav {width: 670px; height: 48px;} #tabbed670 .tabModule .nav li a { text-indent: -9999px; width: 335px; height: 48px;} #tabbed670 .tabModule .nav li a.tab_video { background-image: url(/clippers/media/tab_video.jpg); background-position: 0 -48px;} #tabbed670 .tabModule .nav li.current a.tab_video, #tabbed670 .tabModule .nav li.hover a.tab_video { background-position: 0 0; } #tabbed670 .tabModule .nav li a.tab_news { background-image: url(/clippers/media/tab_clippersnews.jpg); background-position: 0 -48px;} #tabbed670 .tabModule .nav li.current a.tab_news, #tabbed670 .tabModule .nav li.hover a.tab_news { background-position: 0 0; } #tabbed670 .tabModule ul.content { width: 660px; list-style-type:square; list-style-position:outside; } #tabbed670 .tabModule .content li { width: 619px; margin:2px 13px; background:#fefefe; height:189px; padding-left:10px; } #tabbed670 .tabModule .content li a { font-weight:bold; background-position: 0 0; height: 22px; border-bottom:solid; border-bottom-width:1px; border-bottom-color: #e7e7e7} #tabbed670 .tabModule .content li a:hover { text-decoration:none;} /*Tabbed 670 news module */ #tabbed670 .tabModule .content li.tab_news { display:block; background:#fefefe url(/clippers/media/corona.png) no-repeat bottom right; line-height:20px; margin:0 0 0 10px; } #tabbed670 .tabModule .content li.tab_news ul{background:none; height:200px; list-style-type:square; list-style-position:outside; padding-left:0px; margin-left:13px;} #tabbed670 .tabModule .content li.tab_news li{position:relative; display:list-item; margin:0 5px; height:20px; background:none; border-bottom:1px dashed #C6CFD4; width:450px; padding:0;} #tabbed670 .tabModule .content li.tab_news li.more_link{float:right; margin:5px; height:40px; width:240px; padding:0; list-style-type:none; border:0; } #tabbed670 .tabModule .content li.tab_news li a{text-decoration:none; border:0;} #tabbed670 .tabModule .content li h1{ color:#000; margin-bottom:10px; } /*Tabbed 670 videos module */ #tabbed670 .tabModule .content li.tab_video .videos { height:200px; _height:140px; width:660px; _width:620px;} #tabbed670 .tabModule .content li.tab_video .video {width:325px; float:left; margin-bottom:4px; overflow:hidden; padding-left:10px; } #tabbed670 .tabModule .content li.tab_video .video .photo {width:100px; height:50px; float:left;} #tabbed670 .tabModule .content li.tab_video .video .photo a { float:left;} #tabbed670 .tabModule .content li.tab_video .video .caption {width:225px; height:42px; float:left;} #tabbed670 .tabModule .content li.tab_video .video .caption a { border:0; color:#0068b1;} #tabbed670 .tabModule .content li.tab_video .video .caption a:hover { color:#666 ;} #tabbed670 .tabModule .content li.tab_video .videos .big {width:260px; padding-right:10px; border-right-color:#AEADAD; border-right-style:solid; border-right-width:1px;} #tabbed670 .tabModule .content li.tab_video .videos .big .photo {height:140px; } #tabbed670 .content .video_link {float:left; margin:0 0 0 37px; padding:0; } #tabbed670 .content li.tab_video .videos .video_link a {float:left; border:0;} /* *************************** * CONTENT SLIDER *************************** */ #content_slider.module { background: url(/clippers/media/fragbg_slider.jpg) no-repeat top left; } #content_slider .panel .headline { font-size: 14px; } #content_slider .panel div.headline { color: #B00203;} #content_slider .panel a.headline { color:#FFF;} #content_slider .panel a:hover{ color:#FFF;} #content_slider .scrollerModule .nav-prev { background-color: transparent; background-image: url(/clippers/media/s_arrows_l.gif); background-position: 0 -25px; text-indent: -9999px; } #content_slider .scrollerModule .nav-next { background-color: transparent; background-image: url(/clippers/media/s_arrows_r.gif); background-position: 0 -25px; text-indent: -9999px; } #content_slider .scrollerModule .enabled { background-position: 0 -25px; } #content_slider .scrollerModule .hover { background-position: 0 -50px; } #content_slider .scrollerModule .disabled { background-position: 0 0; cursor: default; } #content_slider .scrollerModule .scroller_toc span { background-image: url(/clippers/media/carousel_pagination_sprite.png); } #content_slider .scrollerModule .panel .teaser { color:#FFF;} /* *************************** * TRI TAB BOTTOM *************************** */ #tabbed.module { background: url(/clippers/media/fragbg_tritabs.jpg) no-repeat top left; width: 300px; height:250px;} #tabbed .tabModule { color:#000; width: 300px; height: 250px; margin: 0; padding:0; } #tabbed .tabModule .nav, #tabbed .tabModule .nav li { height: 46px; padding:0; margin:0;} #tabbed .tabModule .nav li a { text-indent: -9999px; height: 46px; background-position: 0 -46px;} #tabbed .tabModule .nav li a.tab-leaderboard { width:101px; background-image: url(/clippers/media/tab_leaders.jpg);} #tabbed .tabModule .nav li a.tab-standings { width:98px; background-image: url(/clippers/media/tab_myclippernation.jpg); } #tabbed .tabModule .nav li a.tab-poll { width:101px; background-image: url(/clippers/media/tab_fanpoll.jpg);} #tabbed .tabModule .nav li.current a.tab-poll, #tabbed .tabModule .nav li.current a.tab-leaderboard, #tabbed .tabModule .nav li.current a.tab-standings { background-position:0 0; } #tabbed .tabModule .content { width: 300px; height: 250px; } #tabbed .tabModule .content li { overflow:hidden; background:#ffffff; margin:5px 10px 0 13px ; width:264px; _width: 264px; height:175px; padding: 5px; } .poll-question { font-weight : 800; margin-bottom:5px;} .poll-options label { width : 200px; display: block; float:left;} .poll-submit {clear:both; position:absolute; top:110px; left: 0px; } .pollOption { font-weight : 100;} /*-- Clipper Nation tab */ #tabbed .tabModule li.event { float:left; width: 281px; } #tabbed .tabModule .event p { font-size: 11px; text-align: left; font-weight:normal; line-height:14px;} #tabbed .tabModule .event h1 { color: #000; text-align: left; margin-bottom:4px; } #tabbed .tabModule #photo { float: left; width:150px; } #tabbed .tabModule #rightcol { float: left; margin: 0 3px 0 5px; width:103px; height:216px; } /* *************************** * leader boards & standings *************************** */ span.leaderboard{width:80px;position:relative;float:left;top:5px;overflow:hidden;margin-right:8px; font-size:10px; height:165px;} .leadersHeader{color:#005b9a;font-size:12px;font-weight:800;text-decoration:none;} .stdText1 , .stdText2, .stdText3, .stdText4{color:#000000;font-size:14px;text-decoration:none;width:115px;text-align:center;} .stdText1{color:#037e8e;font-weight:800;text-align:left;} /* *************************** * SECONDARY AD *************************** */ #secondary_ad_inventory.module { background: url(/clippers/media/fragbg_lowerpageads.jpg) no-repeat top left; height: 100px;} .ad_row { } .ad_row .adspot728x90, .ad_row .adspot200x90 { float: left; background: #CCCCCC; margin: 0px auto; } .ad_row .adspot728x90 { width: 728px; height: 90px; margin-left: 20px; } .ad_row .adspot200x90 { width: 200px; height: 90px; margin-left: 10px; } /* *************************** * FOOTER *************************** */ #footer { padding-left: 10px; } #footer #search_form { background: url(/clippers/media/footer_bar.jpg) no-repeat top left; height: 44px; } #footer #search_form input#footer_search_field { font-size: 11px; width: 131px; height: 13px; line-height:18px; margin-left: 809px; margin-top: 5px; padding: 0; border: none 0; } #footer #search_form input#footer_search_button { margin-top: 4px; } #footer ul.links { width: 980px; height: 146px; background: url(/clippers/media/footer_links_bg.jpg) repeat-x; margin-top: 1px; } #footer ul.links li { background: url(/clippers/media/footer_div.jpg) no-repeat top left; text-align: left; width: 163px; height: 146px; margin: 0; } #footer ul.links li.first, #footer ul.links li li { background: none; list-style: none; } #footer ul.links li ul { color: #4a4a4a; margin: 0px; padding: 0px;} #footer ul.links li li { display: block; background: url(/clippers/media/redBullet.gif) no-repeat left; padding-left: 13px; float: none; font-size: 10px; text-align: left; width: 133px; height: 12px; } #footer ul.links li h4 { background:transparent url(/clippers/media/footer_arrow.gif) no-repeat scroll left center; border-bottom:1px solid #3a3a3a; font-size:11px; margin:0 auto; padding-left:15px; text-align:left; text-transform:uppercase; width:130px; color: #4a4a4a; font-weight:bold; } #footer ul.links li li a { color: #4a4a4a; font-size: 11px; font-weight:bold; } #footer ul.links li li a:hover { text-decoration:none;} /***** Articles *****/ .inside_page td.article_wrapper .sub_header {display: inline; float:left; margin:10px; font-size:17px; font-weight:bold;} .inside_page #header .content { padding: 0; } .inside_page #content { background: transparent; width: 980px; padding: 0; } #top_ad_inventory.ad_row { margin: 0 auto; width: 980px; height: 100px; } .inside_page table.article_and_aside { background: #1E1E21; } .inside_page td.aside_wrapper { background-color:#fff; } .inside_page #additional_content { background: #FFFFFF; } .inside_page #additional_content h3 { overflow: hidden; background: url(/clippers/media/sub_additionalcontent.gif) no-repeat top left; text-indent: -9999px; width: 285px; height: 14px; margin: 10px 7px; } .inside_page #footer { padding: 0 0 0 9px; }