body {background:#050a0e url(../images/degrassiBckg.jpg) repeat-x; color: white; margin-top:0px !important; } a, a:link, a:hover, h3 {color: #ecb30e; text-decoration:none;} a:visited {color: #ecb30e} /* top nav */ #ctvMiniNav {background: url(../images/mininav_bg.gif) repeat-x 0px 0px; color: none; font-size: 10px !important; font-weight: bold !important; height: 26px; } html>body #ctvMiniNav {background-position: 0px 0px} #ctvMiniNav a, #ctvMiniNav a:visited {color: white; font-size:10px !important; font-weight:bold!important;} #siteNav a:hover {text-decoration: underline} /* if links are changed in any way, padding must be adjusted. /mar/images/nav/132_CTVheaderL.gif file width must also be adjusted */ #ctvMiniNav a {float: left; padding: 3px 25px 5px 20px;} /* if links are changed in any way, width must be adjusted to correspond with /mar/images/nav/132_CTVheaderL.gif file width */ #ctvMiniNav li, #ctvMiniNav ul {margin: 0px; padding-right: 0px; text-align: left; list-style-type: none;height: 26px} #ctvMiniNav li {float: left; background: url(../images/mininav_fin_bg.gif) repeat-x; margin: 3px 0px 3px 0px; height: 20px} #ctvMiniNav #CTVLogo img, #ctvMiniNav #CTVLogo a, #ctvMiniNav #CTVLogo {margin: 0px; padding: 0px} #ctvMiniNav #CTVLogo {padding: 3px 0px 3px 0px; background-image: none; } #ctvMiniNav #miniNavFinLeft {width: 15px; background: url(../images/mininav_fin_left.gif); } #ctvMiniNav #miniNavFinRight {width: 4px; background: url(../images/mininav_fin_right.gif); } #ctvMiniNav #miniNavLeft {width: 3px; height: 26px; background-image: url(../images/mininav_left.gif); float: left; } #ctvMiniNav #miniNavRight {width: 3px; height: 26px; background-image: url(../images/mininav_right.gif); float: right;} #loginHeader {width: 990px; height: 131px; border: none} div.centre {width: 990px!important; border: none} #ctvMiniNav2007 {width: 990px!important} /* degrassi */ #header {background-image: url(../images/dHeader.jpg);height: 121px; position: relative; background-repeat: no-repeat} #main {padding-top: 10px} #flashslider {margin-left: 6px!important} #header a, #header a:visited {color: white} #topLinks a, #topLinks a:visited {color: #ecb30e} #newSite {position: absolute; top: 40px; left: 267px} #degrassiNav, #degrassiNav li {margin: 0px; padding: 0px} #degrassiNav {background: url(../images/dNav.jpg) no-repeat; width: 990px; height: 28px; position: absolute; top: 102px; left: 0px} #degrassiNav a, #degrassiNav li {float: left; list-style-type: none} #degrassiNav img {border: none; } /*#degrassiNav a {padding: 0px 7px 0px 15px}*/ #loginForm {position: absolute; top: 17px; right: 50px; width: 200px; margin: 0px} #loginForm p {margin: 0px} #topLinks {position: absolute; top: 44px; right: 125px; width: 200px; text-align: center; font-size: 11px; font-weight: bold} #submitContainer p {text-align: right; margin: 0px; font-size: 9px} #usernameContainer, #passwordContainer, #submitContainer {clear: right; } #usernameContainer p, #passwordContainer p {text-transform: uppercase; font-weight: bold; text-align: right; font-size: 9px} #USERNAME, #PASSWORD, #Login {float: right; margin: 0px 0px 2px 0px; font-size: 10px} #USERNAME, #PASSWORD {width: 100px; margin-left: 10px} #Login {margin-left: 10px} .topStory {background: #0c3c79; width: 509px; border: 0px solid black;} .topStory img {border: none} .topStory h3 {border-top: 4px solid black; margin: 0px; background: url(../images/photogallery.gif) no-repeat 0px 4px; padding: 4px 3px 5px 154px} .topStory p {display: none} html>body .topStory h3 {padding: 4px 3px 5px 154px; background-position: 0px 0px} div.moreStories, div.rightPromo, .theDot, .lowerMidPromo, .lowerRightPromo {background: #0c3c79 url(../images/dot_bg.gif) repeat-x 0px 100%; margin-top: 8px} .moreStories {border: 4px solid black; border-width: 4px 4px 0px 0px; width: 513px; height: 266px} .moreStories .box {float: left; border: 4px solid black; border-width: 0px 0px 4px 4px; width: 167px; height: 262px} .moreStories {font-weight: bold;} .moreStories h3, .moreStories p {margin: 7px 4px 4px 4px} .moreStories img.inline {display: none} #leftColumn {float: left; width: 517px; padding-top: 4px} #rightColumn {width: 405px; float: right; padding-top: 4px; } #rightColumn img {border: none;} /* top right */ .topRight {position: relative; width: 404px; height: 252px} .broadBand {width: 170px; border: 4px solid black; border-right-style: none; position: absolute; top: 0px; left: 0px } .onTonight {width: 223px; height: 123px; border: 4px solid black; position: absolute; top: 0px; right: 0px } .onTonight h3 {margin: 45px 4px 0px 4px; text-align: center} .onTonight a, .onTonight a:visited, .onTonight {color:black} .onTonight p {margin: 0px 4px 0px 4px; text-align: center} .rightPromo {width: 223px; height: 117px; border: 4px solid black; position: absolute; top: 123px; right: 0px; border-top-style: none} .rightPromo img {border: 1px solid red} .rightPromo h3, .rightPromo p {margin: 0px 0px 0px 2px} /* lower right */ .lowerRight {position: relative; width: 404px; height: 270px; margin-top: 8px; } .theDot {border: 4px solid black; margin-top: 0px; height: 90px; width: 396px; } .lowerRightPromo, .lowerMidPromo {margin-top: 0px; border: 4px solid black; border-top-style: none; position: absolute; top: 98px; height: 168px} .lowerMidPromo { float: left; width: 153px; left: 0px} .lowerRightPromo {width: 240px; right: 0px; } .theDot p, .theDot h3 {margin: 4px} .theDot a {font-weight: bold} .theDot img.inline {display: none} .lowerRightPromo p, .lowerMidPromo p {margin: 0px 0px 4px 4px} .lowerRightPromo img {position: absolute; top: 68px; left: 0px} .lowerRightPromo h3 img {position: static} /* leaderboard */ #leader .ad {border:none; float: left;} #leader .promo {border: none; height: 90px; float: right} #leader .promo img {display: block;} #leader img {border: 4px solid black; margin: 0px} #leader {height: 98px; padding-top: 4px; clear: both} a.more {font:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#ecb326} /* foot */ .ctv { color:#FFFFFF !important; font-family:"Times New Roman",Times,serif !important; font-size:20px !important; text-decoration:none !important; } #foot {clear: left; height: 127px; background-image: url(../images/foot1.jpg); position: relative; margin-top: 10px} #foot img {position: absolute; border: none} #degrassilogo {top: 41px; left: 75px} #epitomelogo {top: 10px; left: 258px} #ctvglobemedialogo {margin-top: 40px; padding-left: 100px; position: absolute} #ctvlogo {top: 66px; left: 535px} #telefilmlogo {top: 40px; left: 820px} #telefilmlogo {top: 40px; left: 820px} #ctf {top: 91px; left: 390px} #bellen {top: 40px; left: 400px} #bellfr {top: 28px; left: 535px} #ctflogo {top: 18px; left: 680px} #footlinks {width: 990px; position: absolute; top: 95px; left: 0px} #footlinks p {margin: 0px; text-align: center; font-weight: bold; color: #757575; font-size:9px;} #footlinks a, #footlinks a:visited {color: #757575} /* Scoop */ #mainTableLeftScoop {background-image:url(../images/storyBoxBackground.jpg); width:670px; background-repeat:repeat-x; background-color:#172c3f; padding-left:10px;} .ScoopStories {border: none; width: 580px;} .ScoopStories img {float:left !important; padding: 3px 5px 0px 3px;} .ScoopStories h3{background-image:none !important; border: none !important; padding:10px 0px 0px 0px !important;} .ScoopStories h3 a{background-image:none !important; border: none !important; padding:10px 0px 0px 0px !important;} .ScoopStories a {padding: 0px 0px 0px 0px;} .ScoopStories p.dateline {font-size:9px !important;} #mainTableRightContainer #mainTableRight img {float:left !important; padding: 0px 0px 5px 0px;} #mainTableRightContainer #mainTableRight h2 a {color: #ecb30e !important; font-size:10px !important;} #mainTableRightContainer #mainTableRight .events {background-color: #6fa9d1 !important; height:110px;} #mainTableRightContainer #mainTableRight .events p {color:#000000 !important;} #mainTableRightContainer #mainTableRight .events p .inline {float: none !important; padding: 2px 0px 0px 6px !important;} #slider {background-color:#0a3d7d; border: 0px 4px 4px 4px #000000 solid;} html>body #slider {border:0px 4px 4px 4px; border:#000000 solid; width:509px;} #SLIDESTEXT {float:left;} #SLIDESTEXT p {size:11px !important; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px !important; float:left; padding: 3px 5px 5px 5px;} #slider #SLIDESTEXT h3 {width: 300px; size: 13px !important; color:#ecb33b !important;float: left; padding: 9px 10px 0px 8px;} .buttons {float:right; padding: 5px 0px 0px 0px; } .buttons img {float:left; padding-left:5px; display:inline !important;} #flashslider {width:650px; height:130px; margin:8px 0px 8px 0px; border:4px solid #000000;} #actors { width:986px; min-height:1120px; height:auto; background-color: #172c3f; margin: 5px 0px 0px 0px; background:url(../images/storyBoxBackground.jpg);} #actors #actors_features {margin: 5px 19px 10px 18px; float:left;} .lowerRightPromo3 {border: 4px solid black; position: relative; top: 160px; height: 82px; background: #0c3c79 url(../images/dot_bg.gif) repeat-x 0px 100%;} html>body .lowerRightPromo3 {border: 4px solid black; position: relative; top: 181px; height: 82px; background: #0c3c79 url(../images/dot_bg.gif) repeat-x 0px 100%;} .lowerRightPromo3 h3 img {position: static; padding: 0px 0px 0px 203px;} .lowerRightPromo3 img {position: absolute; top: 0px; left: 0px} .lowerRightPromo3 p {margin: 0px 0px 4px 203px} /* lower right */ .aboveShopPromo {position: relative; width: 240px; height: 168px; margin-top: 8px;background: #0c3c79 url(../images/dot_bg.gif) repeat-x 0px 100%; border-top-style: none !important; margin: 0px 0px 0px 156px; border:4px #000000 solid; } .aboveShopPromo p, {margin: 0px 0px 4px 4px} .aboveShopPromo img {position: relative; } .aboveShopPromo h3 img {} .ShopPromo{border: 4px solid black; position: relative; margin: 8px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 82px; background: #0c3c79 url(../images/dot_bg.gif) repeat-x 0px 100%;} .ShopPromo img {float:left; margin:0px; padding:0px;} .ShopPromo h3 {padding: 0px 0px 0px 200px;} html>body .ShopPromo {} /*Fun Stuff*/ #fun_feature {float:left; width: 445px;margin: 5px 18px 5px 19px;; border: 2px black solid;} #fun_feature img {float:left; padding:0px; } #fun_feature .blurb {width: 190px; background-color:#1e73a9; background-image:url(../images/funstuff_bkg.jpg); background-repeat:repeat-x; height:140px; float:right;} #fun_feature .blurb p {padding:0px 5px 0px 5px; color:#FFFFFF;} #fun_feature .blurb a {text-decoration:none;} #fun_feature .blurb a:hover, #fun_feature .blurb p a:hover {color:#ecb30e !important;} #fun_feature .blurb p a, #fun_feature .blurb p a:link, #fun_feature .blurb p a:visited, #fun_feature .blurb p a:active {color:#ffffff; text-decoration:none;} #fun_feature .blurb h3 {padding:5px 5px 0px 5px;} .blurb img.inline {border: 0px; margin: 3px 0px 0px 5px; display:inline;} #funstuffMain {border: 4px #000000 solid; width:980px;background-color: #3587c0; margin: 5px 0px 0px 0px; background:url(../images/160_pattern_bkg.jpg);} .photo { border:1px solid #ecb30e; float:left; margin:0px 5px 5px 0px; position:relative; top:10px; padding:0px; } #dLogo { position:absolute; margin-top: -3px; margin-left: -22px; height: 107px } #LogoD { background-image: url(../images/dLogo.png); width: 361px; height: 107px; background-repeat: no-repeat } * html #LogoD { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/dLogo.png", sizingMethod="crop"); } #dgHome, #dgBroadband, #dgGalleries, #dgNews, #dgActors, #dgEpisodes, #dgFunStuff, #dgFanpages, #dgPodcast, #dgPodcast {vertical-align: middle;} /*Story */ #mainTable {width: 990px; margin-top: 5px} #footControlBox, #otherStories2 {display: none} #mainTableLeft {width: 675px} #mainTableLeftContainer, #mainTableRightContainer, #mainTableAdsContainer { border: none} #storyBox {background-image: url(../images/storyBoxBackground.jpg); background-repeat: no-repeat; background-color: #162c3f; padding-left: 5px; padding-right: 5px} #storyBox h3 {color: #2690ef; font-size: 130%!important} #mainTableRight h2 {background-image: url(../images/sideHeaderBackground.jpg)!important; background-repeat: no-repeat; width: 300px; height: 19px; padding-top: 5px; background-color: transparent!important; margin-bottom: -4px!important; color: #2690ef!important; text-transform:none; font-size: 14px; padding-bottom: 5px} .topPhoto img, .morePhotos img, .photo img {margin: 0px} #morePhotos, .morePhotos, .photo, .topPhoto {width:198px;} .topPhoto {width: 305px; border: 0px; margin: 0px} #storyBox .topPhoto p, #storyBox .morePhotos p, #storyBox .photo p {background-color: #1c507f; margin: 0px 5px 3px 0px} #storyFeatureBox h2 {color: #2690ef; border-top: none;} #boxAd {height:250px;} #storyDegrassiBox, #degrassiRightBox, #degrassiControl {background-color: #172c3f; padding-bottom: 5px} div.storyFeatureItem {background-color: #1c507f; width: 286px!important; margin-left: 6px; height: 100px} div.storyFeatureItem h3, div.storyFeatureItem h3 a {padding: 1px 3px 3px 0px; background: none; margin-left: 3px; color: #f3be20!important} .storyFeatureItem img {border: 0px; margin: 2px 2px 2px 5px} #mainTableRightContainer ul { background-color: #1c507f; width: 256px; margin-left: 7px; border: none} #rightUserControls ul {width: 300px} #mainTableRightContainer #rightUserControls a, #mainTableRightContainer #rightUserControls a:visited {color: #FFFFFF} #footUserControls a, #mainTableRightContainer a, #footUserControls a:visited, #mainTableRightContainer a:visited {color: #f3be20} li.related, li.link, li.details {list-style-image: url(/mini/degrassi2006/images/dot.jpg)} #mainTableRightContainer #rightUserControls ul {margin-left: 5px; width: 286px} #storyFeatureBox {margin-bottom: 5px!important} #mainTable #mainTableRight .rightBox, #boxAd {margin-bottom: 5px!important} li.print {background: transparent url(../images/print.jpg) no-repeat scroll 2px 1px} li.email {background: transparent url(../images/email.jpg) no-repeat scroll 2px 1px} li.feedback {background: transparent url(../images/feedback.jpg) no-repeat scroll 2px 1px} #mainTableRightContainer #rightUserControls li.fontsize {color: #FFFFFF}