.homepage #pageHeader {border-bottom:none;} #homepage {margin-bottom:50px;} /* GLOBAL FONT TREATMENTS */ a, p, span, div, dt, dd, em, i, strong, b, cite, td, li, h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height: 19px; text-decoration:none; } .content a {color:#0060b6; text-decoration:none;} .content a:hover {color:#999;} .view-footer a:hover {color:#999;} #sect-site-ad-skin-default {border-bottom:none; padding-bottom:0;} /* LATEST STORIES MODULE */ #sect-hp-latest-stories {border-top:none;} #sect-hp-latest-stories .header {padding:11px 0 6px;} #sect-hp-latest-stories .content ul li {float:left; width:195px; padding:10px 0 5px;} #sect-hp-latest-stories .content ul li.node-1 {padding: 0 0 5px;} #sect-hp-latest-stories .content ul li.node-1 .title a{font-size:18px; font-weight:bold;} #sect-hp-latest-stories .img {margin:3px 11px 0 0;} #sect-hp-latest-stories .category {color:#333333; font-size:10px; text-transform:uppercase;} /* TODAYS FEATURES/FEATURED STORY ON HP */ #sect-hp-featured-stories {width:405px; padding-bottom:0; clear:both; border:3px solid #000; float:left;} #sect-hp-featured-stories .header {padding:0;} #sect-hp-featured-stories h1 {font: italic 13px/18px georgia; text-align:center; letter-spacing:1px; padding: 2px 0 0;} #sect-hp-featured-stories .content {padding:5px 10px 10px; float:left;} #sect-hp-featured-stories .content a {color:#a1d9f7;} #sect-hp-featured-stories .content a:hover {color:#999;} #sect-hp-featured-stories ul li {border-bottom:none; padding:0;} #sect-hp-featured-stories .category {font-size:10px; color:#c9c9c9; text-transform:uppercase; padding-left:8px; background-color:#000;} #sect-hp-featured-stories .title a{font-weight:bold; color:#a1d9f7; padding-left:8px; background-color:#000; display:block;} #sect-hp-featured-stories .dek {padding-left:8px; padding-bottom:10px; color:#f3f8fb; background-color:#000;} #sect-hp-featured-stories .img {display:block; background-color:#000; margin:0;} #sect-hp-featured-stories .single .node-1 {padding:0; border-bottom:none; margin-bottom:0;} #sect-hp-featured-stories .node-1 {padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:8px;} #sect-hp-featured-stories .node-1 .title a{font-size:18px;} #sect-hp-featured-stories .node-2 {float:left; width:185px; padding-right:6px; border-right:1px solid #ccc;} #sect-hp-featured-stories .node-3 {float:left; width:185px; padding-left:6px;} #sect-hp-featured-stories .node-2 .title a{padding-bottom:8px;} #sect-hp-featured-stories .node-3 .title a{padding-bottom:8px;} /* IT Happened Last Night */ #sect-it-happened-last-night {margin:20px 13px 0; clear:both;} #sect-it-happened-last-night .header h1 {line-height:27px;} #sect-it-happened-last-night .title {clear:left;} #sect-it-happened-last-night .img {margin: 0 0 8px;} /* RIGHT COLUMN AD UNITS */ #sect-ad-300x250, #sect-ad-300x250-2 {padding:14px 0;} #sect-homepage-featured-sponsor {padding-bottom:0; margin-bottom:5px; position:relative;} #sect-homepage-featured-sponsor .content{height:60px;} #sect-homepage-featured-sponsor .header {text-align:left; margin-bottom:0; padding:0 0 0;} #sect-homepage-featured-sponsor .header h1 {border-bottom:none; font-size: 9px; line-height:19px; color:#565656; padding-bottom:0; font-weight:normal;} #sect-homepage-featured-sponsor .content .title strong a {font-size:13px;} #sect-homepage-featured-sponsor .title {float:left; width:158px;} #sect-homepage-featured-sponsor .sponsor-logo {float:right; position:absolute; right:5px; top:23px; height:56px; width:56px;} #sect-magazine-sponsorship-unit {padding-bottom:0; margin-bottom:5px;} #sect-magazine-sponsorship-unit .header {text-align:left; margin-bottom:0; padding:0 0 0;} #sect-magazine-sponsorship-unit .header h1 {border-bottom:none; font-size: 9px; line-height:19px; color:#565656; padding-bottom:0; font-weight:normal;} #sect-magazine-sponsorship-unit .content .title strong a {font-size:13px; letter-spacing:-1px;} #sect-magazine-sponsorship-unit .title {float:left; width:193px;} #sect-magazine-sponsorship-unit .sponsor-logo {float:right; position:relative; right:5px; top: -3px;} #sect-mp3-videos .first {height:60px;} /* SPIN LISTS */ #sect-spin-lists {border-top:none;} #sect-spin-lists .header {margin-bottom:0; padding:11px 0 5px;} #sect-spin-lists .header h1 {border-bottom:none; display:block; position:relative; text-indent:-999em; background: url(http://media.jetpackdigital.com/showcase/43/www.spin.com//"../gfx/hdr/spin-lists.jpg") top left no-repeat; height:31px; width:132px; margin:0 auto;padding-bottom:0;} #sect-spin-lists .content ul li.last {border-bottom:none;} /* Section Album reviews */ #sect-hp-album-reviews {margin:20px 13px 0; float:left; clear:both; border-top:none;} #sect-hp-album-reviews .header {padding:5px 0 0;} #sect-hp-album-reviews .selected {float:left; width:381px; border-bottom:1px dotted #999999;} #sect-hp-album-reviews .selected .img {margin-bottom:12px;} #sect-hp-album-reviews .selected strong {display:block; color:#333;} #sect-hp-album-reviews .selected li {float:left; border-bottom:none; width:121px; padding:0 9px 13px 0;} #sect-hp-album-reviews .selected li.node-3 {padding-right:0;} #sect-hp-album-reviews .chron {clear:left;} #sect-hp-album-reviews .chron li {float: left; width:378px;} #sect-hp-album-reviews .chron p {width:241px; float:left;} #sect-hp-album-reviews .chron .ratings {float:right; position:relative; top:6px;} #sect-hp-album-reviews .view-footer {clear:both;} #sect-hp-package-touts {border-top:none; padding-bottom:6px;} div.inline-sections {margin-top:13px;} div.inline-sections .section, div.inline-sections .package {clear:none; float:left; width:145px; border-top:none;} div.inline-sections #sect-hp-pkg-1 {padding-right:7px; border-right:1px solid #ccc; border-bottom:none;} div.inline-sections #sect-hp-pkg-2 {padding-left:6px; border-bottom:none;} .inline-sections div.package div.header {margin:0; padding:0; text-align:left;} .inline-sections div.package div.header h1 {border-bottom:none;} .inline-sections div.package div.header h1.text {background-color: #f9e502; color:#000; font-size:10px; line-height:15px; padding:3px;} .inline-sections .section .content ul li {border-bottom:none; padding:5px 0 0 12px;} .inline-sections .section .content ul li.last {border-bottom:1px dotted #999999;} div.package .view-footer {margin:6px 0 0;} div.panel-col-last div.package .view-footer a {background-position:289px -114px;} div.panel-col-last div.package .view-footer a:hover {color:#999; background-position:289px -135px;} /* Global Section Styling for HP */ .section {border-bottom:4px solid #000; clear:both; padding-bottom:20px; position:relative;} .section .header {padding:5px 0 13px;} .section .header h1 {font-weight:bold; font-size:24px; line-height:24px; letter-spacing:-1px;} .section .content {} .section .content ul li {display:block; border-bottom:1px dotted #999999; padding:5px 0;} .section .content ul li a {font-weight:normal;} .section .view-footer {margin:10px 0 0 0; text-align:right; clear:both;} .section .view-footer a {padding-right:18px; background-image: url("../gfx/sprite-global.png"); display:block; background-repeat: no-repeat; background-position: 0 0; color:#0060B6;} .section .view-footer a:hover {color:#999; text-decoration:none;} .section .content .title strong a {font-weight:bold; font-size:18px;} .section .img {margin: 3px 0 0 0;} .section .content .first {padding-top:0;} /* First Node in View */ /* Left Column Overrides */ div.panel-col-first .section .view-footer a {background-position: 179px -115px;} div.panel-col-first .section .view-footer a:hover {background-position: 179px -136px;} /* Right rail section overrides */ div.panel-col-last .section .header {padding:11px 0 13px; text-align:center; margin-bottom:10px;} div.panel-col-last .section .header h1 {font-size:18px; line-height:18px; display:inline; border-bottom:1px solid #000; padding-bottom:11px; letter-spacing:1px;} div.panel-col-last .section .img {margin-right:11px;} div.panel-col-last .section .view-footer a {background-position: 290px -116px;} div.panel-col-last .section .view-footer a:hover {background-position: 290px -137px;} /* Middle Column Override */ div.panel-col div.view-footer a {background-position: 370px -115px;} div.panel-col div.view-footer a:hover {background-position: 370px -136px;} .panel-panel .last {border-bottom:0; padding-bottom:0;} /* BULLETS */ #sect-it-happened-last-night ul li, #sect-mp3-videos ul li, #sect-spin-lists ul li, div.package div.content ul li {background: url("../gfx/sprite-global.png") -1px -154px no-repeat; padding-left:12px;} #sect-it-happened-last-night ul li.first, #sect-mp3-videos ul li.first, div.package div.content ul li.first {background-image:none; padding-left:0; float:left;} #sect-it-happened-last-night ul li, #sect-mp3-videos ul li, div.package div.content ul li {clear:both;}