/* ---------------------------------------------------------------------------- Company: CSTV Networks, Inc. Author: Taylor C. Neilson CSS Document: furm-07-display.css ---------------------------------------------------------------------------- */ /* colors ---------------------------------------------------------------------------- text: #222 link: #444 link.hover: #666 ---------------------------------------------------------------------------- */ /* default type selectors * ---------------------------------------------------------------------------- */ body { background: #000 url("http://grfx.cstv.com/schoolslt/furm/graphics/furm-07-bg-mainpage.gif") repeat-x; color: #222; font: 12px Verdana, Helvetica, sans-serif; margin:0; padding:0 } td { font: 12px Verdana, Helvetica, sans-serif; color: #222; } h1 { font-size: 18px } h2 { font-size: 16px } h3 { font-size: 14px } #columns pre {font-family:monospace; font-size:11px;} #columns .presmall {font-family:monospace; font-size:11px;} #columns pre a{font-family:monospace; } #columns a:hover{text-decoration:none;} h4,h5,h6 { font-size: 13px } a img, :link img, :visited img, fieldset { border:none; margin:0px; padding:0px; } a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } a { outline: none } .noborder {padding:0px; margin:0px; border:0px; display:block;} /* classes * ---------------------------------------------------------------------------- */ .center { text-align: center } .img-left { float: left; margin: 0 6px 4px 0 } .img-right { float: right; margin: 0 0 4px 6px } .clear { clear: both; height: 0.01em; overflow: hidden; } #revLayeredAd .revClickText { color:#fff; } #video-wrap { width:236px; border: 1px solid #ffffff; } /* CSTV specific * ---------------------------------------------------------------------------- */ h2, .storyheadline, .StoryHeadline, .page-header { color: #000; font-weight: bold; font-size: 12px; } .storyteaser, .StoryTeaser { color: #000; font-size:11px; } .fivevert { line-height: 5px; } .tenvert { line-height: 10px; } .twentyvert { line-height: 20px; } .yahoo-on { background: #fff url("http://grfx.cstv.com/schools/uri/graphics/yahoo-search5.gif") no-repeat } .yahoo-off { background-image: none; } /* layout * ---------------------------------------------------------------------------- */ #sidebar-element{ width: 200px; margin:10px; } .sidebarlink {color:#000;font-size:11px; text-decoration:none;} .sidebarlink a{color:#000;font-size:11px; text-decoration:none;} .sidebarheader{color:#000;font-size:12px; font-weight:bold;} .sidebarheader a{color:#000;font-size:12px; font-weight:bold;} .sidebarlink a:hover{text-decoration:underline;} #wrap { border:4px solid #4f2170; width:994px; margin:10px auto 0px; } #mast { width:833px; height:160px; background:#4f2170;} #mast-left { width: 255px; height:160px; float:left;} #mast-right { width: 578px; height: 160px; float:right;} #mast-right-top {width: 578px; height: 125px;} #mast-right-bottom {width: 578px; height:35px; vertical-align:bottom;} #navtop {list-style:none;margin:0px;padding:0px;height:35px;display: inline;overflow: hidden;width: 578px;} #navtop li {margin:0px; padding:0px;display: inline;list-style-type: none;} #navtop a {float: left;padding: 35px 0px 0px 0px;overflow: hidden;height: 0px !important; height /**/:35px; /* for IE5/Win */} #navtop-calendar a{width:75px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) 0px 0px no-repeat;} #navtop-calendar a:hover{width:75px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) 0px -35px no-repeat; } #navtop-tickets a{width:81px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -75px 0px no-repeat;} #navtop-tickets a:hover {width:81px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -75px -35px no-repeat;} #navtop-paladins a{width:119px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -156px 0px no-repeat;} #navtop-paladins a:hover{width:119px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -156px -35px no-repeat;} #navtop-auctions a{width:90px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -275px 0px no-repeat;} #navtop-auctions a:hover{width:90px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -275px -35px no-repeat;} #navtop-fanzone a{width:91px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -365px 0px no-repeat;} #navtop-fanzone a:hover{width:91px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -365px -35px no-repeat;} #navtop-onlinestore a{width:122px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -456px 0px no-repeat;} #navtop-onlinestore a:hover{width:122px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-top.gif) -456px -35px no-repeat;} #body-sport-wrap { width: 833px; height:32px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-title-bg.gif") repeat-x; } #body-sport-hdr { width:500px; height:32px; display:block; float:left;} #body-sport-nav { width: 333px; height:32px; display:block; float:right; display:inline; } #body-sport-navlink {display:inline; padding-left:10px; padding-right:10px; padding-top:5px; float:right;} #body-sport-navlink a,#body-sport-navlink a:visited{ color:#fff; text-decoration:none; font-weight:bold; font-size:10px;} #body-sport-navlink a:hover{text-decoration:underline;} #hdr { } #scoreboard { } #tri-photo-wrap { width: 423px; background:#ff0000; } #tri-photo-1 { width:136px; background:#ffcc33; float:left;} #tri-photo-2 { width:136px; background:#fff; } #tri-photo-3 {width:136px; background:#c8c8c8; float:right;} #store-portal { background: #000; } /* content */ #content-wrap { width: 620px; padding:10px; text-align:left;} .toppubdate {font-size:11px; font-style:italic;} .lead-headlines { width: 422px; background: #fff; margin:2px; color: #000;} .lead-headlines a{color:#000;} .story { background: #999:} .story-center {} .secondary-headlines { float:left; width:422px; background:#b2b2b2 url("http://grfx.cstv.com/schools/furm/graphics/furm-07-bg-ads.gif") repeat-x; margin:2px; color:#000;} .secondary-wrap {width:406px; border:1px solid #4f2170; margin:1px; padding:6px; height:318px; overflow:auto;} .secondary-wrap p,h3{margin:0px; padding:0px; font-size:11px; color:#000; font-weight:bold;} .secondary-wrap a{color:#000; font-weight:normal;} .headline-1 {width:416px; border:1px solid #4f2170; margin:1px; padding-left:2px; padding-top:2px;} .headline-1 p,h2{margin:5px; padding:0px; font-size:11px; color:#000;} .headline-2 {width:416px; border:1px solid #4f2170; margin:1px; padding-left:2px; padding-top:2px;} .headline-2 p,h2{margin:5px; padding:0px; font-size:11px; color:#000;} .headline-3 {width:416px; border:1px solid #4f2170; margin:1px; padding-left:2px; padding-top:2px;} .headline-3 p,h2{margin:5px; padding:0px; font-size:11px; color:#000;} #more-wrap {width:416px; height:15px; margin:0px; padding:0px; text-align:right; vertical-align:bottom; bottom:-1px; } #more-wrap img {padding:0px; margin:0px; position:relative; bottom:-1px; vertical-align:bottom;} #lead-wrap { width:422px; background:#fff; margin:2px; height:272px} #lead-wrap img{border:0px; margin:0px; padding:0px; display:block;} #lead-content-wrap { width: 418px; border: 1px solid #4f2170; height:246px; margin:1px;} #lead-photo-wrap {float:left; width:151px; height:221px; margin:2px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-large-shadow2.jpg") no-repeat;} #lead-synopsis-wrap {float:left; width:261px; height:225px;} #relativeFrame {position:relative;height:230px;} /* headline panels */ #frm0{position:absolute;margin-top:3px; width:261px; height:231px;} #frm1,#frm2{position:absolute; visibility:hidden;width:261px; height:231px;} #frm0 a, #frm1 a, #frm2 a{font-size:11px; font-weight:bold; color:#000;} /* minis * ------------------------------------------------------------------------- */ #minis-headers{width:421px; margin-left:2px; margin-right:2px; background:#fff; height:18px;} #minis-headers div{float:left; _display:inline;} #minis-headers div {color:#fff; font-weight:bold; font-size:10px;} #minis-headers-1{width:122px; height:16px; margin:1px; padding-left:16px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-hdl-bg-top-stories.gif); display:block;} #minis-headers-2{width:122px; height:16px; margin:1px; padding-left:16px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-hdl-bg-top-stories.gif); display:block;} #minis-headers-3{width:122px; height:16px; margin:1px; padding-left:16px; background: url(http://grfx.cstv.com/schools/furm/graphics/furm-07-hdl-bg-top-stories.gif); display:block;} #more-index-wrap {width:56px; height:15px; position:relative;text-align:right;background:#4f2170;float:right;bottom:0px;margin-right:-1px;} #more-index-wrap img{ text-align:right; float:right; } #more-minis-outer-wrap { width:421px; height:15px; background:#fff; margin-left:1px; padding-bottom:2px; } #more-minis-outer-wrap div { margin-left:1px;margin-right:1px; } #more-minis-wrap1, #more-minis-wrap2, #more-minis-wrap3 { width:136px; height:15px; border-left:1px solid #4f2170; border-right:1px solid #4f2170; border-bottom:1px solid #4f2170; } #more-minis-outer-wrap img {display:block; border:0px; padding:0px; margin:0px; float:right;} #minis .more-minis-wrap img {} #minis, #minis * { margin: 0; padding: 0 } #minis { width: 421px; background:#fff; height:258px; margin-left:2px; margin-right:2px;} #minis div { float: left; _display: inline; } #minis div#mini0 img {} #minis div#mini1 img {} #minis div#mini2 img {} #minis div#mini0 {margin-left:1px;} #minis #mini0, #minis #mini1, #minis #mini2 { margin-left:1px; margin-right:1px; margin-top:1px; width: 136px; border-left:1px solid #4f2170; border-right:1px solid #4f2170; border-top:1px solid #4f2170; height:240px; color:#000; font-size:10px; } #minis div a{font-size:10px; color:#000;text-decoration:none;} #minis div a:hover{text-decoration:underline;} #minis a img {} #minis a:hover img, #minis div.miniOn a img {} /* nav * ---------------------------------------------------------------------------- */ .nav-spacer{height:3px; width:159px; background: #000; display:block;} #nav-logo-left {padding:10px; width:60px; display:block; float:left; text-align:center;} #nav-logo-right{padding:10px; width:60px; display:block; float:right; text-align:center;} #nav-logo-center{padding:10px; width:148px; display:block; text-align:center;} #nav-wrap { margin:4px; width: 159px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-bg.gif") repeat-y; } #nav-sports-wrap { width:159px; padding:0px; margin:0px; } #nav-sports-wrap img { padding:0px; margin:0px; display:block; } #nav-wrap img { margin:0px; padding:0px; display:block; } .nav-sports-link { vertical-align:middle; text-align:left; width:140px; height:16px; padding-left:8px; display:block; margin-left:8px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-nav-diamond.gif") left center no-repeat; } .nav-sports-link a { color:#fff; text-decoration:none; font-size:12px; font-family: Arial Narrow, Arial, Helvetica; font-weight:bold; text-transform:uppercase;} .nav-sports-link a:hover {color:#fff; text-decoration:underline;} /* columns * ---------------------------------------------------------------------------- */ #columns {padding:0px; margin:0px; border-collapse:collapse; height:400px; width:994px;} #column-1, #column-2, #column-3, #column-4, #column-1-1, #column-1-2, #column-1-3, #columns-content {padding:0px; margin:0px; vertical-align:top; } #column-1 {width: 833px; background:#fff;} #column-2 { width: 160px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-bg-column-4.gif") repeat-y; border-left:3px solid #000;} #columns-content {width: 833px;} #column-1-1{width: 168px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-bg-column-1.gif") repeat-y; } #column-1-2{width: 427px; background: #b2b2b2;} #column-1-3{ width: 238px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-bg-column-3.gif") repeat-y; } #column-1-bottom { width: 833px; background: #b2b2b2 url("http://grfx.cstv.com/schools/furm/graphics/furm-07-bg-ads.gif") repeat-x; } #column-1-bottom-hdr { width: 833px; height:23px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-bg-hdl.gif") repeat-x; float:right; } #column-1-bottom-ads { width:831px; padding:1px;} #column-1-bottom-ads img { border:1px solid #4f2170;} #column-1-2-nonsport { width: 664px; border-left: 1px solid #4f2170; background: #ffffff; vertical-align:top;} #column-1-2-nonsport a { color:#4f2170; } #column-1-2-nonsport img { margin:2px; } #column-1-2-nonsport p {font-size:12px; } #column-2-skyscraper {width:160px; text-align:center;} #column-1-2-nonsport #Content {width:450px; padding:5px;} /* skyscraper */ #fanpoll-wrap { width: 159px; border: 1px solid #4f2170; background: #cccccc; } .pollquestion { font-size:10px; color: #000; } .pollanswers { font-size:10px; color: #000; } /* sidebar * ---------------------------------------------------------------------------- */ #sidebar, #sidebar * { margin: 0; padding: 0 } #sidebar { margin: 0 } #sidebar h3 { margin-top: 15px } /* tabs * ---------------------------------------------------------------------------- */ #tabs-wrap { width:236px; border: 1px solid #4f2170; } #events-tab ul.events-1, #store-tab ul.store-1 { margin:0; padding:0 } #events-tab ul.events-1 li, #store-tab ul.store-1 li{ float: left; list-style: none; text-indent: -9999px; } #events-tab ul.events-1 span, #store-tab ul.store-1 span { display: none } #events-tab ul.events-1 { background:url("http://grfx.cstv.com/schools/furm/graphics/furm-07-tabs-events.gif"); height: 23px; width: 236px; } #events-tab ul.events-1 li, #events-tab ul.events-1 a { display: block; height: 23px; } #tab-events { width:78px; } #tab-tickets { width: 80px; } #tab-groups { width: 78px; } #events-tab.on-events #tab-events { background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-tabs-events.gif") 0 -23px } #events-tab.on-tickets #tab-tickets { background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-tabs-events.gif") -78px -23px } #events-tab.on-groups #tab-groups { background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-tabs-events.gif") -158px -23px } #events, #tickets, #groups { height:261px; overflow: auto; background:#ccc; width:228px; padding:4px; } #events .LiveEventDate {font-weight:bold; font-size:11px; color:#4f2170; text-decoration:none;} #events .LiveEvent1 {text-decoration:none;} #events {font-weight:normal; font-size:11px; color:#000; text-decoration:none;} #events a {font-weight:bold; font-size:11px; color:#000; text-decoration:none;} #events a:hover{text-decoration:underline;} #tickets {font-weight:normal; font-size:11px; color:#000; text-decoration:none;} #tickets a {font-weight:bold; font-size:11px; color:#000; text-decoration:none;} #tickets a:hover{text-decoration:underline;} #groups {font-weight:normal; font-size:11px; color:#000; text-decoration:none;} #groups a {font-weight:bold; font-size:11px; color:#000; text-decoration:none;} #groups a:hover{text-decoration:underline;} #tickets ul { list-style-type: none; margin: 0; padding: 0 } #store-tab ul.store-1 { background:url("http://grfx.cstv.com/schools/furm/graphics/furm-07-tabs-store.gif"); height: 23px; width: 236px; } #store-tab ul.store-1 li, #store-tab ul.store-1 a { display: block; height: 23px; } #tab-store { width:74px; } #tab-auctions { width: 80px; } #tab-features { width: 82px; } #store-tab.on-store #tab-store { background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-tabs-store.gif") 0 -23px } #store-tab.on-auctions #tab-auctions { background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-tabs-store.gif") -74px -23px } #store-tab.on-features #tab-features { background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-tabs-store.gif") -154px -23px } #store, #auctions, #features { height: 200px; overflow: auto; background:#ccc; width:228px; padding:4px; } #store{ background:#000; } #features {font-size:11px; font-weight:normal; text-decoration:none; color:#000;} #features a{font-size:11px; font-weight:bold; text-decoration:none; color:#000;} #features a:hover{text-decoration:underline;} #auctions {font-size:11px; font-weight:normal; text-decoration:none; color:#000;} #auctions a{font-size:11px; font-weight:bold; text-decoration:none; color:#000;} #auctions a:hover{text-decoration:underline;} #auctions ul { list-style-type: none; margin: 0; padding: 0 } /* photo-table * ---------------------------------------------------------------------------- */ .photo-table { border-collapse: collapse; float: right; margin: 0 0 0 10px; padding: 0; width: 160px } .photo-table .email-print li { display: block; margin: 3px 0 } .photo-table .caption { font-size: 10px } .photocaption { font-size:9px; } .photo-left {width:152px; height:224px; float:left; display:block; position:relative; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-large-shadow2.jpg") no-repeat;} .photo-left img{border:1px solid #4f2170; margin-right:10px;} .photo-left-sm {width:96px; height:119px; float:left; display:block; position:relative; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-small-shadow.jpg") no-repeat;} .photo-left-sm img{border:1px solid #4f2170; margin-right:10px;} /* email-print * ---------------------------------------------------------------------------- */ .email-print { margin: 10px 0 } .email-print li { display: inline; list-style-type: none; margin: 0 30px; padding-left: 25px } .email-print li.email { background: url("http://grfx.cstv.com/graphics/oas-icon-email.gif") 0 2px no-repeat } .email-print li.print { background: url("http://grfx.cstv.com/graphics/oas-icon-print.gif") 0 2px no-repeat } /* pre-footer * ---------------------------------------------------------------------------- */ #pre-footer { border: solid #aaa; border-width: 2px 0; display: block; padding-top: 6px; text-align: center; width: 460px } /* footer * ---------------------------------------------------------------------------- */ #printer-footer {vertical-align:baseline; } #footer {padding:4px; color:#fff;width:1002px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-bg-footer.jpg") repeat-y; margin: 0px auto; } #footer a:link, #footer a:visited { color: #333333; text-decoration:none;} #footer a:hover, #footer a:active { color: #393939; text-decoration:underline;} #nav-footer-wrap { vertical-align:middle; width:1002px; height:14px; padding:2px; background: url("http://grfx.cstv.com/schools/furm/graphics/furm-07-bg-nav-footer.jpg") repeat-y;} #nav-footer-wrap a { font-size: 11px; font-weight:bold; color:#fff; text-decoration:none; } #nav-footer-wrap a:hover {text-decoration:underline;}