/* CUTOM GROUPS START */ /* MUSIC */ /* */ .customLayout .customBottom #trendBox {display: none;} /* TOP HALF BACKGROUND */ .customLayout .groupContainer .customTop {background: url(http://i.current.com/images/skins/music/carousel-bg.jpg) top repeat-x #4f3a3f;} /* CAROUSEL DIVIDE LINES */ .customCarousel .carouselItems li {border-top:1px solid #190c14;} /* LINKS IN BOTTOM HALF */ .customLayout .customBottom a {color: #414141; text-decoration:none; font-weight: bold;} .customLayout .customBottom a:hover {text-decoration:underline;} /* BOTTOM HALF H2 TITLES */ .customLayout .customBottom h2 {text-transform: lowercase; color: #999;} /* BOTTOM HALF H3 TITLES */ .customLayout .customBottom h3 {text-transform: uppercase; font-size: 11px;} /* BOTTOM HALF CUSTOM MODULES */ .customLayout .customBottom .blog, .customLayout .customBottom .twitter, .customLayout .customBottom .favorite_songs {font-size: 12px;} .customLayout .customBottom .blog h3, .customLayout .customBottom .twitter h3, .customLayout .customBottom .favorite_songs h3 {border-bottom: 1px dashed #ccc; padding-bottom: 5px;} /* BOTTOM LEFT RANKED LIST */ .customLayout .customBottom .customItemList li.customItemListing .itemListingContent {background: #eee;} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent li {border-right: 1px solid #ccc;} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent li a {color: #999;} .customLayout .customBottom .customItemList li.moreLink a, .customLayout .customBottom .customItemList li.moreLink a:hover, .customLayout .customBottom .customItemList li.moreLink a:active {color: #999; } .customLayout .customBottom {line-height:18px;} /* FAVORITE SONGS */ .customLayout .customBottom .favorite_songs li {border-top: 1px dashed #CCC; clear: both; padding-top: 5px; min-height:3.5em;} .customLayout .customBottom .favorite_songs li em {color:#BEBEBE; float:left; font-size:2.2em; font-style:normal; font-weight:bold; margin:0.2em 0.5em 0.3em 0.2em;} .customLayout .customBottom .favorite_songs li div {clear:none; float:left; width: 18em;} /* TOP */ .customLayout {margin-top: 2.0em;} .customLayout .customTop #show-player-right-ad {float: left; clear: none; width: 300px; height: 250px; background: #ccc; margin-top: 1.5em;} .customLayout .groupContainer .customTop {float: left; clear: both; width: 98.3em; padding: 0;} .customLayout #interestTitle {height: 125px; margin-top: 0;} .customLayout #interestTitle h1 {visibility: hidden;} /* BOTTOM LEFT */ .customLayout .customBottom h2 {margin-bottom: 0.4em; font-size: 2.2em;} .customLayout .customBottom p {font-size: 1.1em;} .customLayout .customBottom .customItemList h2 {height: 5.4em; overflow: hidden; margin-bottom: 0.4em; padding: 0; font-size: 1.4em; background: transparent; text-transform: none;} .customLayout .customBottom .customItemList h2 a, .customLayout .customBottom .customItemList h2 a:hover, .customLayout .customBottom .customItemList h2 a:active {} .customLayout .customBottom .customItemList li.customItemListing {float: left; clear: both; width: 30.0em; margin-bottom: 1.8em;} .customLayout .customBottom .customItemList li.customItemListing .itemListingAsset {position: relative; width: 162px; height: 122px;} .customLayout .customBottom .customItemList li.customItemListing .itemListingAsset img {position: absolute; top: 0; left: 0; z-index: 1; width: 162px; height: 122px;} .customLayout .customBottom .customItemList li.customItemListing .itemListingAsset .ranking {position: absolute; bottom: 0; left: 0; z-index: 10; width: 50px; height: 40px; padding: 5px; background: #333; opacity: 0.7; filter: alpha(opacity=70);} .customLayout .customBottom .customItemList li.customItemListing .itemListingAsset .counter {position: absolute; bottom: 0; left: 0; z-index: 20; width: 50px; height: 40px; padding: 5px; text-align: center; font-size: 3.4em; color: #fff; font-weight: bold;} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent {float: left; clear: none; width: 10.9em; height: 9.8em; padding: 1.2em 1.4em;} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent li {float: left; clear: none; padding-right: 7px; margin-right: 7px;} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent li a {} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent li.last {border-right-width: 0; padding-right: 0; margin-right: 0;} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent li.voting {width: 36px;} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent li.voting a {float: left; clear: none; margin-right: 2px;} .customLayout .customBottom .customItemList li.customItemListing .itemListingContent li.voting a.last {margin-right: 0;} .customLayout .customBottom .customItemList li.last {margin-bottom: 0.8em;} .customLayout .customBottom .customItemList li.moreLink {margin-bottom: 2.0em; font-size: 1.1em;} .customLayout .customBottom .customItemList li.moreLink a, .customLayout .customBottom .customItemList li.moreLink a:hover, .customLayout .customBottom .customItemList li.moreLink a:active {font-weight: bold; text-decoration: underline; text-transform: lowercase;} .customLayout .customBottom .moreFromList {width: 30.0em; clear: both; float: left; margin: 0; padding: 1.0em 0; background: #eee;} .customLayout .customBottom .moreFromList dd {width: 27.0em; clear: both; float: left; margin: 0 1.5em; padding: 1.0em 0; border-top: 1px dashed #D9D9D9; overflow: hidden;} .customLayout .customBottom .moreFromList dd.first {border-top-width: 0;} .customLayout .customBottom .moreFromList dd ul li {width: 20.0em;} .customLayout .customBottom .moreFromList dd ul li.moreFromAsset {width: 6.0em;} .customLayout .customBottom .moreFromList dd ul li a, .customLayout .customBottom .moreFromList dd ul li a:hover, .customLayout .customBottom .moreFromList dd ul li a:active {font-weight: 1.2em; color: #414141; text-decoration: none;} /* BOTTOM CENTER */ .customLayout .customBottom .customBottomLeft {} .customLayout .customBottom .customBottomCenter .centerCallout {padding: 1.5em; font-size: 1.2em; width: 264px;} .customLayout .customBottom .customBottomCenter .centerCallout a, .customLayout .customBottom .customBottomCenter .centerCallout a:hover, .customLayout .customBottom .customBottomCenter .centerCallout a:active {} /* BOTTOM RIGHT */ .customLayout .customBottom .customBottomCenter {} .customLayout .customBottom .customBottomCenter .ugo {margin: 1.2em 0 2.0em; width: 300px; height: 169px; position: relative; clear: both;} .customLayout .customBottom .customBottomCenter .ugo img {position: absolute; left: 0; top: 0; z-index: 1;} .customLayout .customBottom .customBottomCenter .ugo .overlay {position: absolute; left: 0; bottom: 0; width: 290px; height: 24px; z-index: 10; padding: 5px; background: #333; opacity: 0.7; filter: alpha(opacity=70);} .customLayout .customBottom .customBottomCenter .ugo .title {position: absolute; text-align: left; left: 0; bottom: 0; width: 270px; height: 22px; z-index: 20; padding: 5px 15px; background: transparent; font-size: 1.6em; font-weight: bold; color: #fff;} .customLayout .customBottom .customBottomCenter .ugo .title a, .customLayout .customBottom .customBottomCenter .ugo .title a:hover, .customLayout .customBottom .customBottomCenter .ugo .title a:active {color: #fff; text-decoration: none;} .customLayout .customBottom .customBottomCenter .ugoLast {margin-bottom: 0;} .customLayout .customBottom .customBottomRight {} /* MODULE CLASSES */ .customLayout .groupContainer .customBottom .relatedContainer {float: left; clear: both; margin-top: 2.5em;} .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent {width: 270px; padding: 1.5em;} .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent .related {margin-left: 0; color: #666;} .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent .related li {float: left; clear: both; padding: 0.3em 0 0.5em; font-size: 1.2em;} .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent .related li em {float: left; margin: 0.2em 0.5em 0.3em 0.2em; color: #bebebe; font-size: 2.2em; font-style: normal; font-weight: bold;} .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent .related li a, .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent .related li a:hover, .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent .related li a:active {float: left; font-weight: bold;} .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent .related li .relatedGroupsDiv {float: left; clear: none;} .customLayout .groupContainer .customBottom .relatedContainer .customBottomContent .related li span.itemCount {font-size: 0.9em;} /* ABOUT/JOIN CLASSES */ .customLayout .customBottom .customBottomContent {float: left; clear: none; padding: 0 1.5em 1.5em; background: #eee;} .customLayout .customBottom .customBottomContent .aboutDescription {font-size: 12px; color: #666; padding-top: 15px;} .customLayout .customBottom .customBottomContent .groupSupport {width: 27.0em;} .customLayout .customBottom .customBottomContent #groupInteractPanel {margin: 1.0em 0 0;} .customLayout .customBottom .customBottomContent #groupInteractPanel #groupInteractList li {padding: 0.5em 0.2em 0.5em 0;} .customLayout .customBottom .customBottomContent #groupInteractPanel #groupInteractList li .groupAdminLinksDiv {width: 215px;} #groupInteractPanel p {width: 7.8em;} .customLayout .customBottom .customBottomContent #joinButton {margin: 1.0em 0 0; float: left;} .customLayout .customBottom .customBottomContent h3 { clear: both; width: 270px; margin: 1.0em 0 0.3em;} .customLayout .customBottom .customBottomContent .leaderBeans {clear: both; margin: 0;} .customLayout .customBottom .customBottomContent .leaderBeans li {margin: 0 0.4em 0 0;} .customLayout .customBottom .customBottomContent .updatesLink, .customLayout .customBottom .customBottomContent .adminLink {font-size: 11px; font-weight: normal;}