/* -------------------------------------------------- DenverRollerDolls.com Screen CSS 04/11/2009 KC Dunstan / 525creative.com for HonestBros.com -------------------------------------------------- */ @import "reset.css"; @import "thickbox.css"; *{font: 12px/18px Verdana, Arial, sans-serif;} html{height:100%;} body{background:url(../images/body-bg.jpg) top center no-repeat fixed #000; height:100%;} p{color:#CCC; font:11pt/15pt Verdana, Arial, Helvetica, sans-serif;} a{color:rgb(231,30,131); text-decoration:none;} a:hover{color:rgb(178, 199, 238); text-decoration:none;} a:active{color:#666;} a img{border:0;} .clearingDiv{clear:both;} .wrapper{background:#000; width:960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -208px;} .push{height:208px;} #masthead{display:block; height:347px;} h1 a{background:url(../images/masthead-logo.png) no-repeat; display:block; float:left; margin:2px 0 0 13px; height:140px; text-indent:-9999em; width:180px;} h2{background: rgba(0,0,0,.60); color:#FFF; float:right; height:37px; font-size:36px; margin:289px 0 0 0; padding:4px 0 0 12px; text-transform:uppercase; width:338px;} h3{color:#FFF; display:block; font-size:36px; text-transform:uppercase;} em {font-style: italic;} /* masthead and nav CSS */ #masthead ul.nav{display:block; float:left; list-style-type:none; height:184px; margin-top:-176px; width:119px; z-index:10;} #masthead ul.nav li{margin-bottom:1px;} #masthead ul.nav li a{background: rgba(0,0,0,.80); color:#FFF; display:block; font-size:14px; padding:6px 2px 2px 26px; text-transform:uppercase;} #masthead ul.nav li a.events{width:52px;} #masthead ul.nav li a.teams{width:47px;} #masthead ul.nav li a.people{width:47px;} #masthead ul.nav li a.about{width:52px;} #masthead ul.nav li a.galleries{width:66px;} #masthead ul.nav li a.fans{width:35px;} #masthead ul.nav li a.community{width:79px;} #masthead ul.nav li a.news{width:40px;} #masthead ul.nav li a.shop{width:38px;} #masthead ul.nav li a span{color:rgb(231,30,131);} #masthead ul.nav li a:hover, #masthead ul.nav li a.selected, #events ul.nav li a.events:hover, #bouts ul.nav li a.events:hover, #teams ul.nav li a.teams:hover, #people ul.nav li a.people:hover, #about ul.nav li a.about:hover, #galleries ul.nav li a.galleries:hover, #videoGallery ul.nav li a.galleries:hover, #fans ul.nav li a.fans:hover, #community ul.nav li a.community:hover, #news ul.nav li a.news:hover, #shop ul.nav li a.shop:hover, #shop-detail ul.nav li a.shop:hover {background:rgb(231,30,131); width:117px;} #events ul.nav li a.events, #bouts ul.nav li a.events, #teams ul.nav li a.teams, #people ul.nav li a.people, /* #theDRD ul.nav li a.theDRD, */ #about ul.nav li a.about, #galleries ul.nav li a.galleries, body.galleryBody #masthead ul.nav li a.galleries, #videoGallery ul.nav li a.galleries, #fans ul.nav li a.fans, #community ul.nav li a.community, body.communityBody #masthead ul.nav li a.community, #news ul.nav li a.news, #shop ul.nav li a.shop, #shop-detail ul.nav li a.shop {background:rgb(231,30,131); color:#000;} /* subnavs */ #masthead ul.events-subNav, #masthead ul.teams-subNav, #masthead ul.people-subNav, #masthead ul.about-subNav, #masthead ul.galleries-subNav, #masthead ul.fans-subNav, #masthead ul.community-subNav, #masthead ul.news-subNav, #masthead ul.shop-subNav {background: rgba(0,0,0,.90); border-left:2px solid rgb(231,30,131); display:none; float:left; height:203px; margin:-196px 0 0 0; -moz-border-radius-bottomright: 8px; -moz-border-radius-topright: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-right-radius: 8px;} #masthead ul.events-subNav li a, #masthead ul.people-subNav li a, #masthead ul.teams-subNav li a, #masthead ul.about-subNav li a, #masthead ul.galleries-subNav li a, #masthead ul.fans-subNav li a, #masthead ul.community-subNav li a, #masthead ul.news-subNav li a, #masthead ul.shop-subNav li a {color:#FFF; display:block; font-size:12px; padding:6px 10px 4px 10px;} #masthead ul.events-subNav li a:hover, #masthead ul.people-subNav li a:hover, #masthead ul.teams-subNav li a:hover, #masthead ul.about-subNav li a:hover, #masthead ul.galleries-subNav li a:hover, #masthead ul.fans-subNav li a:hover, #masthead ul.community-subNav li a:hover, #masthead ul.news-subNav li a:hover, #masthead ul.shop-subNav li a:hover {background:rgb(231,30,131);} /* end masthead and nav CSS */ /* breadcrumb CSS */ .breadcrumb{height:24px; list-style-type:none; margin:5px 0 0 26px;} .breadcrumb li{display:inline; font-size:11px;} .breadcrumb li{color:#333; text-transform:uppercase;} .breadcrumb li a{color:#333; text-transform:none;} .breadcrumb li a:hover{color:rgb(231,30,131); text-decoration:none;} /* end breadcrumb CSS */ /* main content CSS */ #contentContainer{background:url(../images/contentContainer-bg-bottom.png) bottom center no-repeat;} #contentContainer .topBracket{background:url(../images/contentContainer-bg-top.png) no-repeat top center; display:block; height:4px; margin:0; padding:0;} #mainContent{display:block; float:left; margin:0 0 0 26px; width:641px;} /* end main content container CSS */ /* page intro section CSS */ #pageIntro{display:block; float:left; height:244px; width:641px;} #pageIntro h3{margin:25px 30px 15px;} #pageIntro p{font-size:11px; line-height:18px; margin:20px 30px;} #pageIntro li{color:#FFF; font-size:13px; line-height:20px; margin:20px 35px;} #pageIntro li ul, #pageIntro li ul li ul {margin:-8px 0 0 3px;} #pageIntro li ul li, #pageIntro li ul li ul li {color:#FFF; font-size:13px; line-height:20px; margin:10px 18px;} /* end page intro section CSS */ /* pages with no intro section CSS */ #noPageIntro{display:block; float:left; width:620px;} #noPageIntro h3{margin:25px 30px 15px;} #noPageIntro h4{color:#FFF; font-size:22px; font-weight:bold; line-height:30px; margin:25px 35px 0;} #noPageIntro h5{color:#CCC; font-size:16px; line-height:22px; margin:0 35px;} #noPageIntro h5.dateline{color:#999; font-size:10px; font-weight:bold; margin-top:3px; text-transform:uppercase;} #noPageIntro h6{color:rgb(231,30,131); font-size:12px; font-weight:normal; line-height:12px; margin:19px 35px 16px; text-transform:uppercase;} #noPageIntro p{font-size:11px; line-height:18px; margin:0 35px 20px 35px;} #noPageIntro p strong{font-weight:bold;} #noPageIntro li{color:#FFF; font-size:13px; line-height:20px; margin:20px 35px;} #noPageIntro li ul, #noPageIntro li ul li ul {margin:-8px 0 0 3px;} #noPageIntro li ul li, #noPageIntro li ul li ul li {color:#FFF; font-size:13px; line-height:20px; margin:10px 18px;} /* end pages with no intro section CSS */ /*sidebar CSS */ #sidebar{display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; width:253px;} h4.nextBout{color:rgb(231,30,131); display:block; font-size:16px; margin:12px 20px 0; text-transform:uppercase;} p.date{color:#A1A1A1; font-size:36px; font-weight:normal; margin:3px 20px 12px; text-transform:uppercase;} p.date a.callToAction{color:rgb(86,131,51); display:block; font-size:12px; margin-top:10px; text-transform:uppercase;} p.date a.callToAction:hover{color:rgb(231,30,131);} h4.news{color:rgb(231,30,131); display:block; font-size:16px; margin:6px 20px 6px; text-transform:uppercase;} ul.news li{margin-bottom:6px;} ul.news a{color:#C9C9C9; font-size:11px; margin-left:20px;} ul.news a:hover{color:rgb(231,30,131);} ul.news a strong{display:block; font-size:11px; font-weight:bold; line-height:11px; margin-left:20px;} ul.news a .callToAction{color:rgb(231,30,131);} /*div.upcomingEvents{display:block; height:244px; overflow:hidden; margin-bottom:40px;} */ div.upcomingEvents{display:block; overflow:hidden; margin-bottom:40px;} h4.date{color:rgb(231,30,131); display:block; font-size:16px; margin:12px 20px 0; text-transform:uppercase;} h5.upcomingEvents{color:#C9C9C9; display:block; font-size:12px; margin:-5px 20px 0; text-transform:uppercase;} ul.upcomingEvents{margin:8px 0 0 20px;} /* ul.upcomingEvents li{color:#C9C9C9; font-size:9px; line-height:10px; margin:0 0 6px 0;} */ ul.upcomingEvents li{color:#C9C9C9; font-size:10px; line-height:1.3em; margin:0 0 9px 0;} ul.upcomingEvents strong{display:block; font-size:10px; font-weight:bold; line-height:8px;} ul.upcomingEvents a{color:rgb(231,30,131); line-height:8px;} ul.upcomingEvents a:hover{color:rgb(178, 199, 238);} div.seasonSchedule{display:block; margin-top:10px; width:253px;} h4.seasonSchedule{color:rgb(231,30,131); display:block; font-size:16px; margin:18px 20px 6px; text-transform:uppercase;} h4.homeOrAway{color:#666; display:block; font-size:14px; margin:0 20px 4px; text-transform:uppercase;} ul.seasonSchedule{margin:0 0 18px 20px;} /*ul.seasonSchedule li{color:#CCC; font-size:9px; font-weight:bold; margin:0;}*/ ul.seasonSchedule li{color:#CCC; font-size:10px; font-weight:bold; margin:0;} div.pastBouts{display:block; margin-top:10px; width:253px;} h4.pastBouts{color:rgb(231,30,131); display:block; font-size:16px; margin:18px 20px 6px; text-transform:uppercase;} ul.pastBouts{margin:0 0 18px 20px;} /*ul.pastBouts li{color:#CCC; font-size:9px; font-weight:normal; line-height:11px; margin:0 0 15px 0;}*/ ul.pastBouts li{color:#CCC; font-size:10px; font-weight:normal; line-height:11px; margin:0 0 15px 0;} ul.pastBouts li strong{display:block; font-weight:bold; line-height:11px;} /*but if its on a standalone page, override */ body#pastboutspage div.pastBouts { width: 600px; } body#pastboutspage #mainContent h6 { margin-bottom: 5px; margin-top: 25px; } body#pastboutspage #mainContent p { margin-left: 45px; } body.communityBody h3 { margin:25px 30px 15px; } /*div.meetTheSkaters{background:url(../images/sidebar-meetTheSkaters-bg.png) no-repeat; display:block; height:445px; margin-bottom:20px; margin-top:10px; overflow:hidden; width:253px;}*/ div.meetTheSkaters{background:rgb(35,31,32); display:block; margin-bottom:20px; margin-top:10px; overflow:hidden; padding-bottom:15px; width:253px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} h4.meetTheSkaters{color:rgb(231,30,131); display:block; font-size:16px; margin:18px 20px 6px; text-transform:uppercase;} ul.meetTheSkaters li{margin-bottom:1px;} ul.meetTheSkaters a{color:#C9C9C9; font-size:9px; font-weight:bold; margin-left:10px;} ul.meetTheSkaters a:hover{color:rgb(231,30,131);} /* undo for main page content */ #noPageIntro ul.meetTheSkaters a{ font-size:11px;} div.twitterFeed{background:url(../images/sidebar-twitterFeed-bg.png) no-repeat; display:block; height:271px; margin-top:10px; overflow:hidden; width:253px;} h4.twitterFeed{color:#CCC; display:block; font-size:16px; margin:12px 20px 0; text-align:right; text-transform:uppercase;} div.twitterFeed .callToAction{color:rgb(86,131,51); display:block; font-size:11px; margin:-5px 20px 0; text-align:right;} div.twitterFeed .callToAction:hover{color:rgb(178, 199, 238);} div.twitterFeed .callToAction:active{color:#666;} div.twitterFeed .tweet{border-bottom:1px dotted #666; margin:5px 20px 7px; padding-bottom:8px;} div.twitterFeed .tweet p, div.twitterFeed .tweet p a {font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:13px;} div.twitterFeed .moreTweets{display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:6px 20px 0; text-align:right;} div.twitterFeed .timestamp{color:#666; font-family:Arial, Helvetica, sans-serif;} div.smallPromo{background:url(../images/sidebar-smallPromo-bg.png) no-repeat; display:block; height:54px; margin-bottom:10px; margin-top:10px; overflow:hidden; width:253px;} div.smallPromo h4{color:#CCC; display:block; font-size:16px; margin:16px 20px 0; text-transform:uppercase;} div.smallPromo .callToAction{color:rgb(86,131,51); display:block; font-size:11px; margin:-5px 20px 0;} div.smallPromo .callToAction:hover{color:rgb(231,30,131);} div.smallPromo .callToAction:active{color:#666;} #sidebar .promos{margin:0;} #sidebar .promos li{float:none; font-size:10px; height:135px; margin-bottom:22px; padding:0; width:254px;} #sidebar .promos a{padding-left:20px; width:270px;} #sidebar .promos .rules{background:url(../images/promo-sidebar-rules-bg.png) no-repeat;} #sidebar .promos .store{background:url(../images/promo-sidebar-store-bg.png) no-repeat;} #sidebar .promos .store a{padding-top:52px;} /*end sidebar CSS */ /* footer CSS */ #footer-wrapper {background:#000; display:block; height:208px; margin:0 auto; overflow:hidden; padding-top:15px; width:960px; padding-bottom: 30px} .sponsors{background:url(../images/sponsors-bg.png) no-repeat; display:block; height:100px; margin:33px 0 0 26px; text-align:center; width:908px;} .sponsors td{height:100px; vertical-align:middle; width:140px;} .sponsors td a img{opacity:.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} .sponsors td a:hover img{opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} #footer{background:url(../images/footer-bg.png) top center no-repeat; color:#C9C9C9; font:8px/8px Verdana, Arial, Helvetica, sans-serif; height:50px; margin-top:23px; padding-top:6px; text-transform:uppercase; width:960px; } #footer .footerNav{display:block; margin:0 0 0 42px; width: 500px; float: left;} #footer .footerNav li{display:inline; margin:0;} #footer .footerNav a{border-right:1px solid #999; padding:0 10px 0 8px; text-decoration:none;} #footer .footerNav .home{border-left:1px solid #999; margin-left:10px; padding-left:10px;} ul#socialicons { float: right; margin-right: 30px; margin-top: -15px; } ul#socialicons li { list-style: none; display: inline; float: left; } ul#socialicons img { display: block; margin: 0 2px; } .copyright{font:8px/8px Verdana, Arial, Helvetica, sans-serif; margin:0 0 40px 42px; float: left;} /* end footer CSS */ /* homepage-unique items */ #home #contentContainer{margin-top:24px;} #home #mainContent{margin:0 0 0 26px;} #home #pageIntro{margin-top:1px;} #home #pageIntro p{font-size:20px; line-height:1.7em; margin:10px 30px;} #home #sidebar{margin:1px 0 0;} #home div.upcomingEvents{height:auto;} div.upcomingEvents{margin-bottom:0;} #home #sidebar h4.date, #home #sidebar h5.upcomingEvents, #home #sidebar ul.upcomingEvents {display:none;} /* end homepage-unique items */ /*promos css */ .promos{display:block; margin:0 0 0 27px;} .promos li{display:block; float:left; margin-right:20px;} .promos a{color:rgb(86,131,51); display:block; font-size:12px; height:86px; padding:81px 0 0 10px; width:280px;} .promos a:hover{color:rgb(231,30,131);} .promos h5{text-indent:-9999em;} .promos .badApples{background:url(../images/promo-featuredDoll-ba.png) no-repeat;} .promos .greenBarrettes{background:url(../images/promo-featuredDoll-gb.png) no-repeat;} .promos .shotgunBetties{background:url(../images/promo-featuredDoll-sb.png) no-repeat;} .promos .rules{background:url(../images/promo-rules-bg.png) no-repeat;} .promos .store{background:url(../images/promo-store-bg.png) no-repeat;} /* end promos css */ /*pagination css */ .pagination{margin:20px 30px;} .pagination p{font:9pt/15pt Verdana, Arial, Helvetica, sans-serif;} /*end pagination css */ /*photo gallery CSS */ .photoGallery{display:block; float:left; margin-left:17px; width:600px; font-size: 11px;} .photoGallery .photos{display:block; height:430px; margin-top:15px; overflow:hidden; width:600px;} .photoGallery .photos li{color:#FFF;} .thumbnailsWindow{display:block; height:100px; overflow:visible; margin:15px auto 0;} .thumbnails{top:0; position:relative;} .thumbnails li{float:left; top:0; } .thumbnails li a{border:5px solid #000; height: 60px; display:block; overflow:hidden; width:60px;} .thumbnails li a:hover{border-color:rgb(231,30,131);} .thumbnails li a.selected{border-color:#CCC;} .photoGallery-nav{font-size:11px; line-height:16px; } .photoGallery-nav span{color:#666;} .photoGallery-credits{font-size:11px; line-height:16px; } /*end photo gallery CSS*/ /* skater profile CSS */ .skaterProfile{color:#FFF; font-size:11px; margin:27px 0 0 30px;} .skaterProfile h3{color:#FFF; display:block; font-size:36px; text-transform:uppercase;} .skaterProfile h3 span{color:rgb(231,30,131); font-size:24px;} .skaterProfile p, .skaterProfile a {font-size:11px; line-height:16px; } .skaterProfile .bio{float:left; margin:15px 23px 0; width:245px;} .skaterProfile .bio p{margin-bottom:12px;} .skaterProfile .bio p strong{color:rgb(231,30,131); font-weight:normal;} .skaterProfile .bio p span{color:#333;} .skaterProfile .photoGallery{float:left; height:395px; margin-left:0; width:310px;} .skaterProfile .photoGallery .photoGallery-credits{margin-top:-45px;} .error_noSkater{font-size:11px; font-weight:bold; line-height:18px; margin:0 35px 20px 35px;} .skaterProfile h4 { color:#E71E83; font-size:16px; text-transform:uppercase; margin-left: -4px; } /* end skater profile CSS */ /* featured skater */ body.featuredSkater dl { font-size:11px; line-height:16px; margin-left: 35px; } body.featuredSkater dt { color:#E71E83; text-transform: uppercase; } body.featuredSkater dd { color:#ffffff; margin-bottom: 12px; } body.featuredSkater dt span { color:#333333; } body.featuredSkater div.post-news div { width: 400px; margin: 20px auto; } body.featuredSkater div.post-news div img { margin: 0 auto; display: block; } body.nonskater .bio ul { margin-left: 135px; list-style: square; margin-top: -10px; margin-bottom: 7px; padding-left: 200px; } /* fans page CSS */ #community .photoGallery {float:left;} #community .photoGallery .photos {display:block; height:400px; margin-top:15px; overflow:hidden; width:600px;} /* end fans page CSS */ /* gallery category page CSS */ #galleries #mainContent {display:block;} #galleries h3{margin:25px 30px 15px;} ul.galleryThumbnails{margin:0 30px 30px;} ul.galleryThumbnails li{float:left; height:240px; margin-bottom:30px; overflow:visible;} ul.galleryThumbnails li a{ display:block; margin-right:6px; width:138px;} ul.galleryThumbnails li a h4{color:rgb(231,30,131); display:block; font-size:16px; margin:12px 5px 0; text-transform:uppercase;} ul.galleryThumbnails li a p{display:block; font-size:10px; line-height:13px; margin:0 5px;} ul.galleryThumbnails li a:hover p{color:rgb(231,30,131); } ul.galleryThumbnails li a img{border:1px solid #000; display:block; height:168px; overflow:hidden; width:138px;} ul.galleryThumbnails li a:hover img{border:1px solid rgb(231,30,131);} /* end gallery category page CSS */ /* gallery detail page CSS */ #gallery-detail #mainContent{display:block;} #gallery-detail h3{margin:25px 30px 15px;} /* end gallery category page CSS */ /* team page CSS */ #team #mainContent{display:block;} #team h3{margin:25px 30px 15px;} #team .team-photo{display:block; margin:15px 35px 20px;} /* end gallery category page CSS */ /* the DRD page CSS */ #about #mainContent{display:block;} #theDRD #noPageIntro h4{color:rgb(231,30,131); font-size:12px; font-weight:normal; line-height:12px; margin-bottom:0; text-transform:uppercase;} #theDRD #noPageIntro h6{color:rgb(231,30,131); font-size:12px; font-weight:normal; line-height:12px; margin-bottom:16px; text-transform:uppercase;} #theDRD #noPageIntro strong{font-weight:bold;} #about-contactUs #mainContent{display:block;} #about-contactUs #noPageIntro h4{color:rgb(231,30,131); font-size:12px; font-weight:normal; line-height:12px; margin-bottom:0; text-transform:uppercase;} #about-contactUs #noPageIntro h6{color:rgb(231,30,131); font-size:12px; font-weight:normal; line-height:12px; margin-bottom:16px; text-transform:uppercase;} #about-contactUs #noPageIntro strong{font-weight:bold;} #about-contactUs #noPageIntro label{color:#FFF; font-size:11px; font-weight:bold; line-height:18px; margin:0 10px 20px 0;} #about-contactUs #noPageIntro table tr td{vertical-align:top;} #about-contactUs #noPageIntro input, #about-contactUs #noPageIntro textarea, #about-contactUs #noPageIntro select {margin-bottom:10px;} /* end the DRD page CSS */ /* service page CSS */ #community #mainContent{display:block;} #community #noPageIntro h4{color:rgb(231,30,131); font-size:12px; font-weight:normal; line-height:12px; margin-bottom:0; text-transform:uppercase;} .feature-partner{} .feature-partner p, .future-partner p, .past-partner p {margin-left:0;} .future-partner, .past-partner {margin:20px 0;} .feature-partner .logo-container{display:block; float:left; margin-left:25px; width:200px;} .feature-partner .info-container{display:block; float:left; width:400px;} .future-partner .logo-container, .past-partner .logo-container {display:block; float:left; margin-left:35px; width:100px;} .future-partner .info-container, .past-partner .info-container {display:block; float:left; width:500px;} /* end service page CSS */ /* credits page CSS */ #credits #noPageIntro{height:auto; padding-bottom:15px;} #credits #noPageIntro a img{border:5px solid #000; display:block; overflow:hidden; width:200px;} #credits #noPageIntro a:hover img{border:5px solid rgb(231,30,131);} #credits #noPageIntro p{display:block; float:left; width:320px;} #credits #noPageIntro td{vertical-align:top;} /* credits gallery category page CSS */ /* css for DRD generated content */ #events div.upcomingEvents, #bouts div.upcomingEvents {height:auto; margin-bottom:15px;} #events #sidebar h4.date, #events #sidebar h5.upcomingEvents, #events #sidebar ul.upcomingEvents, #bouts #sidebar h4.date, #bouts #sidebar h5.upcomingEvents, #bouts #sidebar ul.upcomingEvents {display:none;} #events .post-event, #bouts .post-bout, .featuredSkater .post-news, #news .post-news, #videoGallery .post-video {display:block; margin-top:32px; padding-bottom:20px;} #events .post-event h4, #events .post-event h4 a, #bouts .post-bout h4, #bouts .post-bout h4 a, body.featuredSkater #noPageIntro .post-news h4, #news .post-news h4, #news .post-news h4 a, #videoGallery .post-video h4, #videoGallery .post-video h4 a {color:rgb(231,30,131); font:15px/15px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 2px; text-transform:uppercase;} #events .post-event h4 a:hover, .featuredSkater .post-news h4 a:hover, #bouts .post-bout h4 a:hover, #news .post-news h4 a:hover, body.featuredSkater #noPageIntro .post-news h4 a:hover, #videoGallery .post-video h4 a:hover {color:rgb(178, 199, 238); text-decoration:none;} #events .post-event h4 a:active, #bouts .post-bout h4 a:active, .featuredSkater .post-news h4 a:active, #news .post-news h4 a:active, #videoGallery .post-video h4 a:active {color:#666;} #events .post-event h5, #bouts .post-bout h5, #news .post-news h5, #videoGallery .post-video h5 {color:rgb(231,30,131); font:12px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:16px;} #events .post-event h6, #bouts .post-bout h6, #news .post-news h6, #videoGallery .post-video h6 {color:rgb(231,30,131); font-size:12px; font-weight:normal; line-height:12px; margin-bottom:16px; text-transform:uppercase;} #events .post-event img, #bouts .post-bout img, #news .post-news img, #videoGallery .post-video object {margin:18px 0 22px 35px;} #events .post-event p.date, .featuredSkater #noPageIntro .post-news p.date, #bouts .post-bout p.date, #news .post-news p.date, #videoGallery .post-video p.date {background:rgb(231,30,131); color:#FFF; display:block; float:left; font:14px/14px Verdana, Arial, Helvetica, sans-serif; height:22px; margin:2px 10px 0 -26px; overflow:hidden; padding-top:5px; text-align:center; text-transform:uppercase; width:83px;} #events .post-event p.dateline, #bouts .post-bout p.dateline, .featuredSkater #noPageIntro p.dateline, #news .post-news p.dateline, #videoGallery .post-video p.dateline {border-top:1px solid rgb(231,30,131); color:#666; font-size:12px; font-weight:normal; line-height:12px; margin:12px inherit 0; padding-top:6px; text-transform:uppercase;} #events .post-event .photoGallery-credits, #bouts .post-bout .photoGallery-credits, #news .post-news .photoGallery-credits {margin-top:-22px;} #shop #mainContent{display:block;} #shop h3{margin:25px 30px 15px;} #shop h6.catHeader{border-bottom:1px solid rgb(231,30,131); color:rgb(231,30,131); font-size:20px; font-weight:normal; line-height:12px; margin:0 30px 8px; text-transform:uppercase;} #shop ul.shopThumbnails{margin:0 30px 30px; } #shop ul.shopThumbnails li{float:left; height:240px; margin-bottom:30px; overflow:visible;} #shop ul.shopThumbnails li p{font-weight:bold;} #shop ul.shopThumbnails li a{display:block; margin-right:6px; width:138px;} #shop ul.shopThumbnails li a h4{color:rgb(231,30,131); display:block; font-size:16px; margin:12px 5px 0; text-transform:uppercase;} #shop ul.shopThumbnails li a p{display:block; font-size:10px; line-height:13px; margin:0 5px;} #shop ul.shopThumbnails li a:hover p{color:rgb(231,30,131); } #shop ul.shopThumbnails li a img{border:1px solid #000; display:block; height:168px; overflow:hidden; width:138px;} #shop ul.shopThumbnails li a:hover img{border:1px solid rgb(231,30,131);} #shop-detail .post-shop {display:block; margin-top:32px; padding-bottom:20px;} #shop-detail .post-shop h4, #shop-detail .post-shop h4 a {color:rgb(231,30,131); font:15px/15px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 2px; text-transform:uppercase;} #shop-detail .post-shop h4 a:hover {color:rgb(178, 199, 238); text-decoration:none;} #shop-detail .post-shop h4 a:active {color:#666;} #shop-detail .post-shop h5 {color:#FFF; font:12px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:16px;} #shop-detail .post-shop h6 {color:rgb(231,30,131); font-size:12px; font-weight:normal; line-height:12px; margin-bottom:16px; text-transform:uppercase;} #shop-detail .post-shop img {margin:18px 0 22px 35px;} #shop-detail .post-shop .orderForm{margin:0 35px 30px;} #shop-detail .post-shop .orderForm h6{background:rgb(231,30,131); color:#FFF; font-size:14px; font-weight:bold; line-height:18px; margin:0; padding:6px 8px; text-transform:uppercase;} #shop-detail .post-shop .orderForm table{width:100%;} #shop-detail .post-shop .orderForm tr{border-bottom:1px rgb(231,30,131) solid; display:block; margin:1px 0 0; padding:6px 5px;} #shop-detail .post-shop .orderForm tr:last-child{border:none;} #shop-detail .post-shop .orderForm label{color:#FFF; font-size:11px; font-weight:bold; line-height:18px;} #shop-detail .post-shop p.price {background:rgb(231,30,131); color:#FFF; display:block; float:left; font:14px/14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; height:22px; margin:2px 10px 0 -26px; overflow:hidden; padding-top:5px; text-align:center; text-transform:uppercase; width:113px;} #shop-detail .post-shop p.sale-price {background:rgb(231,30,131); color:#FFF; display:block; float:left; font:14px/14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; height:22px; margin:2px 10px 0 -26px; overflow:hidden; padding-top:5px; text-align:center; text-transform:uppercase; width:153px;} #shop-detail .post-shop p.dateline {border-top:1px solid rgb(231,30,131); color:#666; font-size:12px; font-weight:normal; line-height:12px; margin:12px inherit 0; padding-top:6px; text-transform:uppercase;} #shop-detail .post-shop .photoGallery-credits {margin-top:-22px;} .paypalbutton { margin-left: 35px; } .blog-nav{font-size:14px; font-weight:bold; line-height:16px; margin:0 auto 20px; text-transform:uppercase; width:580px;} /* end css for DRD generated content */ /* added by Andrea Hill (@afhill) */ #home ul.promos li.regionals { background: transparent url(/images/promo-regionals.png) no-repeat scroll 0 0; } #home ul.promos li.regionals span { margin-left: 96px; } #noPageIntro ul.meetTheSkaters { margin-left: 20px; } #noPageIntro ul.meetTheSkaters li { line-height: auto; margin:10px 15px; } #noPageIntro ul.meetTheSkaters li span.team { font-size: 11px; font-weight: normal; margin-left: 25px; clear: both; color: #aaa; display: block; } #noPageIntro ul.meetTheSkaters li span.team a { color: #E71E83; font-weight: normal; margin-left: 0; } div#fbfanboxcontainer { display:block; height:400px; position:relative; } div.fbfanbox { background-color:#FFFFFF; left:10px; position:absolute; top:10px; width:250px; }