/* import stylesheets and hide from ie/mac @import url("reset.css"); @import url("Main.css"); @import url("footer.css"); @import url("ie.css"); /* end import/hide */ /* reset.css ------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; /*font-size: 100%;*/ vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } /* remember to define focus styles! */:focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* -------------------------------------- Image Replacement -------------------------------------- */ .i-rep { z-index: 10; overflow: hidden; display: block; } .i-rep span { z-index: 20; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; background-position: top left; background-repeat: no-repeat; } a.i-rep span:hover { cursor: pointer; } /* end of reset.css ------------------------*/ /* main.css ------------------------*/ body { margin: 0; font-size: 62.5%; font-family: Arial, sans-serif; background-color:#F1F1F1; color: #fefefe;} #mainContent{width:615px; float:left; padding-right:15px;} #mainContentHome{width:615px; float:left; padding-right:15px;} #sideBar{float:right; width:300px; } form {margin: 0; padding: 0;} #main {margin:0 auto 20px; width: 960px; position: relative; min-height: 1200px; background:url("../img/main/MainHeaderBG.jpg") no-repeat 50% 143px; } #header {padding: 0 8px; width: 944px; } #header h1#SiteLogo {border:medium none;height:120px;padding:0;position:relative; margin-bottom: 27px;background-position: left center; background-repeat: no-repeat; margin-left: -48px; width: 400px; z-index: 10;} /*#header h1#SiteLogo.ClassicRock953 {background-image: url("/img/main/ClassicRock953_logo.png");} #header h1#SiteLogo.ClassicRock915 {background-image: url("/img/main/ClassicRock915_logo.png");}*/ #header h1#SiteLogo a {display:block; text-indent: -378em; height: 120px; width: 280px; margin-left:0px; } #header ul { list-style-type: none; margin: 0; padding: 0; } #header ul li { list-style-type: none; margin: 0; padding: 0; } #header #toolbar { float:right; z-index:60; color: #acabab; padding:10px 0 6px 20px; text-align: right; font-size:11px; position:relative; margin-right:5px;} #header #toolbar a {color:#fff;} #header #flash-logo { float:left; z-index:60; padding:0px 0px 0px 0px; position:relative; margin-left:-16px; margin-bottom:-6px;} /* Navigation */ #header #menu { clear: both; z-index: 50!important; position: relative; background: #000 url(../img/main/MenuBG.jpg) repeat-x 0 0; color: #fff; height: 41px; width:944px; } /** Navigation level 1 base styles **/ #header #menu ul { display: block; float: left; margin:4px 0 0 3px; } #header #menu ul li {background: url(../img/main/MenuDivider.gif) no-repeat 100% 0; display: block; float: left; position: relative; padding-right: 2px; } #header #menu ul li a {float: left; text-decoration: none; color: #ffe5aa; text-transform:lowercase; font-size: 14px; padding:10px 13px 10px 13px; display: block; text-decoration: none; text-transform: lowercase;} #header #menu ul li a:hover{background: #201813; color: #b6afa6; } /** Navigation level 2 base styles and resets **/ #header #menu ul li ul {width: 200px; display:none; background: #cbba93 url(../img/main/subNavArrowBg.gif) no-repeat 0 0; padding: 0 2px 1px 2px; border-bottom: solid 1px #937e59; overflow: hidden; } #header #menu ul li ul li { display: block; width: 200px; float: none; padding: 0; background: #201700; } #header #menu ul li ul li:hover{background-color:#201813;} #header #menu ul li ul li a { display: block; line-height:1em; padding: 7px 5px 7px 11px; float: none; border-top: solid 1px #433a20; width: 184px; } #header #menu ul li ul li a:hover{background:#d0c4a1; border-bottom: solid 1px #877b5e; border-top: solid 1px #f7eac3; padding-bottom: 6px; color: #000; } #header #menu ul li:hover ul { display: block; width:200px;position: absolute; top: 30px; left: 0;padding-top:15px; } #header #menu ul li a.selected {background: #201813; color: #b6afa6;} /*Search box*/ #header #menu #Searcher {float: right; padding: 9px 6px 0 0;} #header #menu #Searcher input {float: left; border: none;} #header #menu #Searcher .SearcherBox {background: #fff url(../img/main/SearchBG.gif) repeat-x 0 0; height: 19px; width: 145px; margin-right: 7px; padding: 3px 0 0 5px; border:1px solid #FFFFFF;} #header #menu #Searcher .SearcherButton {background: url(../img/main/SearchButton.gif) repeat-x 0 0; height: 28px; width: 38px; color: #fff; padding: 0; font-size: 11px; margin-top:-2px; text-indent: -2000em; cursor: pointer; font-size: 0px; line-height: 0em;} #header #menu #Searcher .SearcherButton:hover {background-position: 0 -28px;} input.searchBlur { color: #999; } /* blur class for search box */ /*Login logout box*/ #header #PMAlert,#header #LogoutAlert {background: url(../img/main/PMAlertBG.gif) no-repeat; width:185px; height:33px; position: absolute; top: -43px; right: 55px; padding: 12px 0 0 45px; text-align: left;} #header #PMAlert a,#header #LogoutAlert a {color:#e0c493;} #header #LogoutAlert{display:none;background: url(../img/main/LogoutAlertBG.gif) no-repeat;} #header #LogoutAlert #LogoutYes{ padding-left:20px; height:26px;} #header #LogoutAlert #LogoutNo{ padding-left:39px; height:26px;} #header #LogoutAlert p {width:80px; float:left;} #header a#Profile {color: #bf2727; padding: 0 0 0 22px ; background: url(../img/main/profile.png) no-repeat 0 2px; height: 15px; margin-left:5px; margin-top:2px;} #header a#Profile:hover {color: #e40000; background-position: 0 -16px;} #header #toolbar a.Logout {color:#bf1e2d;padding-left:5px;margin-top:2px;} #header #toolbar a.Rego {color:#bf1e2d; padding-left:5px;margin-top:2px;} /*Stationlist*/ #header #StationList {display:none; position: absolute; z-index: 99; padding: 0 10px 10px 10px; background:#2f2f2f url(../img/main/ShowDropListBG.gif) repeat-x 0 0; border-bottom: solid 1px #9a9a9a; width: 100px; top: 181px; line-height: 1.5em; right:58px;} #header #StationList a{font-size:1.4em; line-height:1.4em;} #header #toolbar #ShowAllStations{margin-left:5px;} /*crumb path*/ #Crumb {clear: both; padding-bottom:10px;} #Crumb span {padding: 2px 5px; display: block; float: left; border-top: solid 1px #000; } #Crumb span a {color: #a6957a; font-size: 9px; background: url(../img/main/BackIcon.gif) no-repeat 0 50%; padding-left: 12px; } /*DMG PLAYER*/ #DMGPlayer {position: absolute; top: 0; right: 2px; width: 311px; z-index: 100; color: #fff; font-size: 9px; height:83px;} #DMGPlayer #DMGPlayerInner {background: url(../img/main/radioPlayerBackgroundShad.PNG) no-repeat 0 0; height: 88px; width:303px; overflow: hidden; padding-left:15px;} #DMGPlayer #PlayListMore {background: url(../img/main/player_favouriteBut.PNG) no-repeat 0 0; display: block; height: 19px; width: 80px; text-indent:-487em;} #DMGPlayer #NowPlayingButton {display: block; height: 36px; width: 36px; text-indent:-1435em; float:left; margin-bottom:3px;} #DMGPlayer #PlayingInfo h3 {width: 220px; text-transform: uppercase; font-size: 12px; padding: 20px 0 3px 0; color:#fff; } #DMGPlayer #PlayingInfo strong {width: 270px; font-size: 9px; display: block;} #DMGPlayer #PlayingInfo strong span {color:#888;} #DMGPlayer #PlayingInfo ul, #DMGPlayer #PlayingInfo li {list-style-type: none;} #DMGPlayer #PlayerUtils { margin: 3px 0 0 7px;} #DMGPlayList {clear: both; z-index: 99; top: -160px; right: 0; position: absolute } #DMGPlayList #PlayerFull li {} #DMGPlayList #PlayerFull li strong, #DMGPlayer #PlayerFull li span {width: 120px; overflow: hidden; display: block; float: left;} #DMGPlayList #PlayerFull li .FaveSong {width:23px; height:20px; background: url(../img/main/Favourite.gif) no-repeat; text-indent: -888em; display: block; float: left; } #DMGPlayer #playerButtons{width:42px; float:left; margin-right:6px;} #DMGPlayer #playerButtons ul li{float:left} #DMGPlayer #PlayingInfo ul.nowPlayingInfo{padding-left:7px;} #DMGPlayer #PlayingInfo ul.nowPlayingInfo li:first-child{} #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.title{font-size:1.3em;height:13px;margin-top:-2px;max-height:13px;overflow:hidden;padding-left:4px;width:172px;} #DMGPlayer #PlayingInfo ul.nowPlayingInfo li.artist{padding-left:4px; width:172px;overflow:hidden; max-height:11px;} #DMGPlayer ul#playerBottom{float:left; width:295px;clear:both;margin-top:3px;} #DMGPlayer ul#playerBottom li{float:left} #DMGPlayer ul#playerBottom li.rating{float:right;margin-right:15px; margin-top:2px;} #DMGPlayer #PlayingInfo img {padding:0;} #DMGPlayer #PlayingInfo img.thumb {float:left; width: 50px; height: 50px;} #DMGPlayer #PlayingInfo {height:56px; padding-top:5px;} #DMGPlayer #PlayingInfo ul{float:left;} #DMGPlayer #PlayingInfo ul.nowPlayingInfo li {margin-bottom:2px;} #DMGPlayer #PlayingInfo ul li.title{font-size:1.5em;font-weight:bold;} #DMGPlayer #PlayingInfo ul li span{color:#888; font-size:1.2em} li.songDetails p{line-height:1.4em} /*Playlist*/ #DMGPlayList ul#playlist li ul li.songDetails{float:left;} #DMGPlayList ul#playlist li.song{background-color:#656565;border-top:1px solid #797979;clear:both;float:left;padding:5px 15px;width:281px;} #DMGPlayList ul#playlist li.song:hover{background-color:#7c7c7c;} #DMGPlayList ul#playlist li.heading{background:#2e2e2e url(../img/main/player_arrowDropdown.GIF) no-repeat 42px 6px;clear:both;float:left;padding:18px 15px 13px;width:281px;} #DMGPlayList ul#playlist li.heading ul li{float:left;} #DMGPlayList ul#playlist li.heading p{font-size:1.2em} #DMGPlayList ul#playlist li.song ul li.fav{float:right; margin-top:-8px;} #DMGPlayList ul#playlist li.heading ul li.fav{float:right} #DMGPlayList ul#playlist li.fav a.addTofav {width:23px; height:17px; background: url(../img/main/spriteRadioPlayerButtons.PNG) no-repeat 0 -17px; display:block} #DMGPlayList ul#playlist li.fav a.addedTofav {width:23px; height:17px; background: url(../img/main/spriteRadioPlayerButtons.PNG) no-repeat 0 0; display:block; cursor:default;} #DMGPlayList ul#playlist{background-color:#656565; margin-top:-3px; float:left; background: url(../img/main/player_dropdownBottom.PNG) no-repeat 0 bottom;padding-bottom:5px;} #playerButtons a.addTofav {width:19px; height:15px; background: url(../img/main/spriteRadioPlayerButtons.PNG) no-repeat -23px -15px; display:block} #playerButtons a.addedTofav {width:19px; height:15px; background: url(../img/main/spriteRadioPlayerButtons.PNG) no-repeat -23px 0; display:block; cursor:default;} #playerButtons ul li.iTunesBuyBut{margin-left:3px;} ul#songDetails {float:left;padding-bottom:2px;padding-top:2px;} ul#songDetails li.title, ul#songDetails li.artist{float:left;font-size:11px;line-height:12px;margin-bottom:0;max-height:12px;overflow:hidden;width:240px;} #Content { padding: 0 8px; margin-top: 35px;} h1 {color: #fee3b3; font-size: 18px; font-family: Georgia, Times New Roman; padding: 10px 0; font-weight: normal; margin: 0; } h1 a {color: #fee3b3; text-decoration: none; } h2 {font-size: 14px; padding: 0 0 5px 0; margin: 0; } h2 a {color: #e0c493; text-decoration: none; } h2 a:hover{color: #e0c493;} h3 { color:#666;} a { color: #fff; outline: none; text-decoration: underline; cursor: pointer; } a:hover { color: #c7c7c7; text-decoration: none; } a img {border:none;} #TagList a.deleteTag:hover{color:#c40000} ul, li, p { margin: 0; padding: 0; } .Action {text-align:right; padding-top: 5px ;clear:both;} .Box {float: left; margin:0; width:300px;} .Box h1 {padding: 0; } #SideBox {float: right; width: 300px;} .BoxWide {width: 615px;} .BoxMain {width: 615px; } .BoxMax {width: 940px; } .BoxSlim {width: 300px; margin-right: 15px; } .Boxy {width: 300px; float:right; margin-bottom:20px;} .BoxHero { width: 944px; position: relative; height: 1%; clear:both; margin-bottom: 26px;} .BoxFull {width: 920px;} .BoxUtil {float:right;} .BoxHide {float:left;} .BoxSide {margin:0; clear:both; margin-bottom:20px;} .BoxTools {background: url(../img/main/ToolBoxBG.gif) no-repeat 0 100%; padding-bottom: 18px;} .FeatureItem { width: 308px; float: left; padding-top: 10px;} .FeatureItem p{font-size:1.2em} .FeatureItem h1 {border: none; font-size: 18px; } .FeatureItem h1 a{ color:#e0c493} .FeatureItem .Date {float:left; font-size: 9px; } .FeatureItem .Action {} #featuredHhighlights { margin-bottom: 10px; } .ItemGroup { width: 295px; float: right;} #mainContent div.ItemGroup h1 {background:none; border-bottom: solid 1px #373737;} .ItemGroup .Summary {clear:both; border-top: solid 1px #222; padding: 5px 0; color: #828282; font-size: 9px;} .ItemGroup .Summary span {margin-right: 6px;} .ItemGroup .Summary a { color: #ffe5aa; } #BoxCompetition {background:#161616 url(../img/main/CompetitionBG.gif) repeat-x 0 bottom; float:left; width: 616px; padding-bottom: 10px; } #SurveyInfo, #CompInfo {padding: 10px 0;} #CompInfo p {margin: 10px 0; font-size:1.2em; line-height:1.2em} #SurveyInfo, #CompResponseText {padding: 10px;background-color:#222222;border:2px solid #FFFFFF;margin-bottom:20px;font-size:1.2em; line-height:1.2em} #CompResponseText p {margin: 10px 0; font-size:1.2em; line-height:1.2em} #SurveyInfo, #CompResponsePollResults {padding: 10px;background-color:#222222;border:2px solid #FFFFFF;margin-bottom:20px;font-size:1.0em; line-height:1.2em} #CompResponsePollResults p {margin: 1px 0; font-size:1.1em; line-height:1.2em} #SurveyInfoDetails {padding: 10px;} #CompBody, #CompRelated, #CompEntries, #SurveyBody {padding: 0;} #SurveyForm, #CompForm {padding: 10px; } #CompEntriesDetails {background: #171717; padding: 10px;} .CompPicEntry {float:left; margin: 0 5px 5px 0;} .CompPicEntry img {border: solid 1px #a1a1a1;} .CompEntry {margin-bottom: 12px; font-size: 12px; color: #aaa;} .CompEntry .User {color: #fff;} h3.CompQuestion, h3.SurveyQuestion {color: #fff; font-size: 120%; margin-top: 10px; margin-bottom:5px;} #CompDetails h3 { color:#a09a84;} #CompDetails h3.CompQuestion { color:#fff;} .CompQuestionItem, .SurveyQuestionItem {padding: 5px; font-size: 12px;} span.checkbox input{margin-right:5px;} #compQuestions .CompQuestionItem .checkbox input{width:25px;} /*---------------------------- Headings -----------------------------*/ .Box H1, .BoxSide H1, .Boxy H1, #whatsHappeningBox h1, #mainContent H1, #mainContent .BoxSlim H1, #mainContent .Box h1#HeadingPolls, #mainContent .Box H1#HeadingArticles, #CompDetails h1, #CompRelated h1, h1#HeadingProfile {background:url(../img/main/HeadingSmallBG.jpg) no-repeat 0 100%; padding: 10px 5px 12px 10px; margin-bottom:1px; text-transform: uppercase;} .BoxWide H1, .BoxMain h1, #mainContent H1 {background:url(../img/main/HeadingLargeBG.jpg) no-repeat 0 100%;} h1#HeadingProfile {background:url(../img/main/HeadingFullBG.jpg) no-repeat 0 100%; } #CompDetails h1, #CompRelated h1 {background:url(../img/main/HeadingCompBG.jpg) no-repeat 0 100%; width:925px;} H1#DetailedContent, #mainContent H1.ContentTitle {background:#000 url(../img/main/HeadingFeatureBG.jpg) no-repeat 0 0; border-bottom: solid 1px #c8af8a;} h1#pollTitle {background: none;} #ForumGroups {background:url(../img/main/forumCategoriesBG.png) no-repeat 0 100%; min-height:64px;} #ForumGroups select.forumCategories{background-color:#636363; border:none; color:#ffffff; left:149px; position:relative; top:17px; width:451px;} #ForumGroups select.forumCategories option {} #ForumGroups select.forumCategories:hover{/*background-color:#333333*/} #competitions{width:615px;} #EventCalendar td{vertical-align:bottom;} /* Hero box*/ #Hero {width: 940px; height: 320px; position: relative; } #Hero #MainHero {width: 940px; height: 320px; position: relative; overflow:hidden; } #Hero .Heroes img {width: 940px; height: 320px; z-index: 5; } #Hero .Heroes {position: relative; min-height:300px;} #Hero .Heroes .HeroTitle {background:transparent url(../img/main/HeroTitleBG.png) repeat-y scroll 0 0;bottom:0;color:#FFFFFF;font-size:12px;height:55px;left:0;overflow:hidden;padding:0 0 0 13px;position:absolute;text-align:left;width:100%;z-index:10;} #Hero .Heroes .HeroTitle h1 {font-size: 26px; padding: 0; margin: 3px 0; border: none; max-height: 28px; overflow: hidden; color: #fff;} #Hero #MoreHeroesButton { position: absolute; top: 12px; right: 40px; width: 22px; z-index: 21; height: 22px; overflow: hidden; } #Hero #LessHeroesButton { position: absolute; bottom: 10px; right: 40px; width: 22px; z-index: 21; height: 22px; overflow: hidden; } #Hero .MoreHeroes{ background:url(../img/main/spriteHeroNavRoundArrows.png) no-repeat 0 0;} #Hero .LessHeroes{ background:url(../img/main/spriteHeroNavRoundArrows.png) no-repeat -22px 0;} #Hero .MoreHeroesGrey{ background:url(../img/main/spriteHeroNavRoundArrows.png) no-repeat -22px -22px;} #Hero .LessHeroesGrey{ background:url(../img/main/spriteHeroNavRoundArrows.png) no-repeat 0 -22px;} #Hero #SideKick {height:240px;overflow:hidden;position:absolute;right:20px;top:42px;width:65px;z-index:11;} #Hero #SideKickView { width: 65px; position: relative; } #Hero #SideKick img {width: 63px; height: 43px; border: solid 1px #958a71; margin-bottom: 20px;} #Hero h1#showTitle{bottom:0;height:51px;position:absolute; z-index:13;padding-left:161px; border:none;} #Hero h1#showTitle.noSponsor {padding-left:10px;} #Hero h1#showTitle span {font-size:12px;line-height:20px;} #SponsorItem{z-index:13; position:absolute; bottom:10px; left:0px;} /*------------------------------*/ /*Show*/ #Hero #ShowSponsor {position:absolute; left: 0; bottom: 0; background:url(../img/main/ShowSponsorBG.png) no-repeat -3px 0; z-index: 12; width: 340px; height: 132px;} #Hero #ShowSponsor img {width: auto; height: auto;} #Hero #ShowSponsor div#SponsorItem {width: auto; height: auto; z-index: 12; position:absolute; left: 0; bottom: 10px; } #Hero .ShowHeroTitle{bottom:0;height:71px;position:absolute;width:100%;z-index:12; background:transparent url(../img/main/HeroTitleBG.png) repeat-y scroll 0 0;} #Hero .ShowHeroTitle h1, #Hero .ShowHeroTitle span{padding-left:161px; border:none} #Hero .Heroes a{display:block} #SponsorItem{z-index:13; position:absolute; bottom:10px;} #GalleryPort {position:relative; background-color:#111111;border:1px solid #5f5a4d;height:337px;overflow:hidden;padding:0 1px 2px 2px;width:610px;position:relative} #GalleryBox {width: 620px; position: relative; height: 240px;} #LessPhotosButton{display:block; height:29px; width:630px; text-align:center; margin:0;} #MorePhotosButton{display:block; height:29px; width:630px; text-align:center; margin-bottom:1px;} .LessPhotos{background:url(../img/main/spritePhotoNavArrows.gif) no-repeat 0 0;} .MorePhotos{background:url(../img/main/spritePhotoNavArrows.gif) no-repeat 0 -58px;} .LessPhotosGrey{background:url(../img/main/spritePhotoNavArrows.gif) no-repeat 0 -29px; cursor:default;} .MorePhotosGrey{background:url(../img/main/spritePhotoNavArrows.gif) no-repeat 0 -87px; cursor:default;} /* Latest music slides*/ #latestMusicContainer{background-color:#111111;border-left:1px solid #5f5a4d;border-right:1px solid #5f5a4d;float:left;padding-left:5px;width:608px;} #MusicPort {float:left;height:103px;margin:8px 0 0 6px;overflow:hidden;position:relative;width:547px;} #MusicPort a{ margin:0; padding:0;} #MusicPort img{ margin:0 2px 0 2px;} #MusicList{ position:absolute; margin:0; padding:0;} #LessMusicButton, #MoreMusicButton{top:38px; display:block; height:26px; width:26px; text-align:center; margin:0 1px; float:left;position: relative; margin:8px 0;} .LessMusic{background:url(../img/main/spriteGalleryNavRoundArrows.png) no-repeat 0 0; width:26px; height:26px;} .LessMusicGrey{background:url(../img/main/spriteGalleryNavRoundArrows.png) no-repeat 0 -26px; width:26px; height:26px;} .MoreMusic{background:url(../img/main/spriteGalleryNavRoundArrows.png) no-repeat -26px 0; width:26px; height:26px;} .MoreMusicGrey{background:url(../img/main/spriteGalleryNavRoundArrows.png) no-repeat -26px -26px; width:26px; height:26px;} /*-----------------------*/ #GalleryList,#ArticleList,#VideoList,#PollList{ list-style-type: none; margin: 0; padding:3px 0 0 1px; display: block; float: left; width: 620px; overflow:hidden; } #GalleryList li{display: block; float: left; width:147px; height:105px; position:relative; background:#fff; z-index: 10; margin:0 6px 8px 0;} #GalleryList li a {display:block; width:140px; height:100px; position:absolute; z-index:20; top:0px; left:0px;} #GalleryList li strong { display: block; height: 16px; font-weight: normal; overflow: hidden; width: 180px; padding: 3px 5px; position:absolute; z-index:21; bottom:0; left:0; line-height: 1.1em; background: url(../img/main/thumbmask.png); font-weight: bold; font-size: 15px; color: #fff;} #ArticlePort,#VideoPort,#PollPort,#PhotoPort{overflow:hidden; width: 620px; height:66px; position: relative;} #ArticleList li,#VideoList li,#PollList li {display: block; float: left; width:70px; height:50px; position:relative; background:#fff; z-index: 10; margin: 0 7px 7px 0; } #PhotoList li{display: block; float: left; width:90px; height:50px; position:relative; background:#fff; z-index: 10; margin: 0 7px 7px 0;} #StarPic {width: 310px;} #FullStar { max-width: 600px; max-height: 400px;} .HalfStar {width: 300px; height: 210px; margin-bottom:5px;} a.HalfStar {width: 300px; height: 210px; margin-bottom:10px; display:block;} #AlbumBG { background:url(../img/main/FeaturedAlbumBG.jpg) no-repeat 0 0; padding: 7px 6px; color: #333;} #PhotoBG {background: url(../img/main/PhotoBGTop.jpg) no-repeat 0 0 #ffffff; color: #333;} #photoBGBottom{background: url(../img/main/PhotoBGBottom.jpg) no-repeat 0 bottom;padding: 10px;} #photoBGBottom p{font-size:1.2em; margin-bottom:10px;line-height:17px;} #photoBGBottom div.photo{text-align:center; margin-bottom:10px; position:relative;} #photoBGBottom div#PhotoWatermark {position: absolute; bottom: 30px; right: 30px;} #photoBGBottom #ShowCaseInfo {font-size:1.2em; margin-bottom:10px; margin-top:10px;} #PhotoDescription {border-bottom: solid 1px #b0b0b0; padding-bottom: 10px; margin-bottom: 10px;} #SummaryPhoto .GalleryPinky {width: 90px; height: 64px; border: solid 1px #999; float: left; margin: 0 6px 6px 0;} #SummaryVideo .VideoThumb {width: 90px; height: 64px; border: solid 1px #999; float: left; margin: 0 6px 6px 0;} #SummaryVideo .VideoThumb img {width: 90px; height:64px;} .GalleryThumb {width: 140px; height: 100px; border: solid 4px #fff;display:block} .AlbumStar {width: 293px; height: 210px; margin-bottom:5px;display:block} .AlbumThumb {width: 178px; height: 128px;} .AlbumSThumb {width: 100px; height: 100px;border: solid 1px #727272;} .CompThumb,.ShowThumb {width: 140px; height: 100px; border: solid 1px #d0c4a1;} .AudioThumb, .ArticleThumb, .PollThumb, .EventThumb, .VideoThumb {width: 70px; height: 50px; border: solid 1px #fff; display:block;} .CompPinky {width: 52px; height: 38px;} .Avatar {border:1px solid #ffe9b9;display:block;float:left;height:35px;width:35px;margin-right:5px; overflow:hidden;} .Avatar img{height:35px;width:35px; } .AvatarBig {width: 80px; height: 80px; } .ItemContainer {min-height:52px; background: #141414 url(../img/main/ItemContainerBG.gif) repeat-x 0 0; margin: 0; color: #fff; font-size: 10px; padding:8px 8px 8px 0; clear: both; border-top:1px solid #333;} .ItemContainer a img {float: left; margin: 0 10px 0 8px;} .ItemContainer img.AlbumThumb {background: url(../img/main/GalleryHalfBG.gif); padding: 5px 19px 20px 5px; display: block; margin-bottom:10px; width: 178px; height: 128px; float: left;} .ItemContainer a.GalleryPinky img{margin: 5px 7px 0 0;width:90px; height:64px;} .ItemContainer a.GalleryPinky {width:90px; height:64px; display:block; float:left;margin-right:5px;} .ItemContainer a img:hover {border-color: #d0c4a1;} .ItemContainer h2 {margin: 0; padding: 0 0 3px 0; font-size: 13px; max-height: 24px; overflow: hidden; line-height: 13px; color: #d0c4a1;} .ItemContainer p {max-height: 30px; overflow: hidden; font-size:1.1em; line-height:1.3em;} #competitions .ItemContainer p {max-height: 60px; } /*Sidebar latest event*/ .associatedGallery a.AlbumThumb {width: 178px; height: 128px;background: url(../img/main/GalleryHalfBG.gif); padding: 5px 19px 20px 5px; display: block; float:left; margin-right:5px;} .associatedGallery a.GalleryPinky img{margin: 5px 6px 0 0;width:90px; height:64px;} .associatedGallery a.GalleryPinky {width:90px; height:64px; display:block; float:left;margin-right:7px;} .associatedAudio {margin-top:10px; min-height:52px; background: #141414 url(../img/main/ItemContainerBG.gif) repeat-x 0 0; margin: 0; color: #fff; font-size: 10px; padding:8px; clear: both; border-top:1px solid #333;} .associatedGallery,.associatedVideos{margin-top:10px; min-height:52px; background: #1a1a1a; margin: 0; color: #fff; font-size: 10px; padding:8px; clear: both; border-top:1px solid #434343; border-left: solid 1px #5f5a4d; border-right: solid 1px #5f5a4d;} .associatedVideo {width: 150px; margin: 0 3px 3px 0; float: left; clear:none; padding: 0;} .associatedVideo a.VideoThumb{border:5px solid #FFFFFF;height:100px;margin:0;width:140px;} .associatedVideo a img{width:140px; height:100px;} /*sideBar event new style*/ #sideBar .ItemContainer {width:290px;} #sideBar .ItemFooter {font-weight:normal;} ul.eventDetails {float:left;padding-top:2px;width:100%;} ul.eventDetails li{height:12px;float:left} ul.eventDetails li.rating{float:right;height:12px;margin-top:-3px;} #sideBar .sideEvent .ItemContainer {padding-top: 1px; padding-bottom: 0; background: #232323; padding-right: 0; width: 298px; } .sideEvent .ItemContainer h2 {background: #151515; padding: 7px 0 0 14px; margin: 0; max-height: 43px; height: 43px; overflow: hidden; width: 209px; margin-bottom: 0;} .sideEvent .ItemContainer h2.alt {background: #2d2d2d;} .sideEvent .ItemContainer a img {margin-left: 1px; border: none; margin-right:2px; margin-bottom: 0;} .sideEvent .ItemFooter {background:#232323; font-weight:normal;} /*sideBar latest discussion new style*/ #sideBar div.latestDiscussion{min-height: 45px; color: #fff; background:#232323 none repeat scroll 0 0;border-bottom:1px solid #535353;float:left; width:298px; margin-bottom:1px; border-right: solid 1px #5f5a4d; border-left: solid 1px #5f5a4d; } #sideBar div.latestDiscussion a.Avatar{width:42px; height:35px; background: #535353 url(../img/main/LatestDiscussionsTip.jpg) no-repeat right 0; border:none; margin:0; padding-right:9px; padding:5px; display:block;} #sideBar div.latestDiscussion a.Avatar img {width:35px; height:35px; border:1px solid #999; display:block;} #sideBar div.latestDiscussion div.UtilS{background-color:#181818;height:23px;padding-top:5px;} #sideBar div.latestDiscussion div.UtilS h2{overflow:hidden; max-height:11px; padding-left:5px} #sideBar div.latestDiscussion div.UtilS h2 a{color:#eed09b; font-weight:normal} #sideBar div.latestDiscussion div.details{height:13px; padding-top:3px; border-top:1px solid #000000; padding-right:5px;} #sideBar div.latestDiscussion a.User{padding-left:5px;} /*latest features box new style*/ .latestFeature, .latestVideos, .latestPolls, .latestAudio{min-height:84px; background-color:#111111; margin: 0; color: #fff; font-size: 10px; clear: both; border-left:1px solid #5f5a4d; border-right:1px solid #5f5a4d; border-top: solid 1px #272727; margin-bottom:1px;} .latestFeature a img, .latestVideos a img, .latestPolls a img, .latestAudio a img {float: left; margin:5px 10px 0 5px } .latestFeature h2, .latestVideos h2, .latestPolls h2, .latestAudio h2 {background-color:#232323; border:1px solid #000; margin-bottom:2px; line-height: 1.2em; } .latestFeature h2 a, .latestVideos h2 a, .latestPolls h2 a, .latestAudio h2 a{color:#eed09b;padding-right:4px;padding-top:6px; display:block; max-height:13px; overflow:hidden; padding-bottom:2px; font-weight: normal; font-size: 12px; } .latestFeature div.details, .latestVideos div.details, .latestPolls div.details, .latestAudio div.details{background-color:#1a1a1a;clear:both;padding:7px 5px 5px 7px;position:relative; border-top:1px solid #000000; } .latestAudio p, .latestPolls p, .latestFeature p, .latestVideos p{font-size:1.1em;line-height:1.2em; max-height:2.4em; overflow:hidden;padding-right:5px; min-height:2.4em; margin-bottom: 5px;} /** ------------------------------- what's happenig box new style --------------------------------- **/ #whatsHappeningBox{padding-bottom:2px;float:right;margin-bottom:10px;width:300px; } #whatsHappeningBox h1{margin-bottom: 0;} .whatsHappening{background-color:#000;border:1px solid #ead5a7; border-top:none;border-bottom:none;color:#FFFFFF;float:left;min-height:54px;-bottom:2px;padding-left:1px;padding-right:1px;width:296px; padding-bottom: 1px;} .whatsHappening a {text-decoration: none;} .whatsHappening a:hover {text-decoration: underline;} .whatsHappening a.Avatar{margin-right:0; border:medium none;height:44px;width:47px;padding-top:10px; padding-left:8px;} .whatsHappening .UtilS p span.userName{font-size:1.12em;font-weight:bold;margin-right:5px; letter-spacing:0.5px;} .whatsHappening .UtilS p {max-width:236px; overflow:hidden; max-height:29px; line-height:1.4em; font-size:1.1em} .whatsHappening .Avatar img {border: solid 1px #fff;} .whatsHappening .UtilS {padding-top:5px; position:relative} .whatsHappening .UtilS p a{color:#fee3b3} .whatsHappening .UtilS p{color:#fff;} .whatsHappening .UtilS ul li{float:left;} .whatsHappening .UtilS ul li a{color:#fee3b3} .whatsHappening .UtilS ul li.status{color:#333; display:block;line-height:12px;max-height:24px;max-width:170px;overflow:hidden;padding-top:1px;font-size:1.2em;} .whatsHappening .UtilS ul li.status a{margin-left:5px; } .whatsHappening .UtilS ul li.userName a{font-size:1.3em;font-weight:bold;margin-right:5px; max-width:70px; overflow:hidden; display:block; float:left;} .whatsHappening .UtilS p.Date{left:53px;position:absolute;top:38px;font-size:1em; font-style:normal;} .whatsHappeningInner{background: #141414 url(../img/main/whatsHappeningTile.GIF) repeat-x 0 0; min-height:54px; clear:both; border:solid 1px #2b2926; border-bottom:none;} .whatsHappeningInner.first{background:#8b7f61 url(../img/main/WhatsHappeningFirst.jpg) repeat-x 0 0; min-height:60px;border: solid 1px #2b2926; border-bottom: none; color: #000;} .whatsHappeningInner.first a.Avatar{background:none; } .whatsHappeningInner.first .UtilS p a, .whatsHappeningInner.first .UtilS p.Date {color:#fff} .whatsHappeningInner.first .UtilS p {color:#000;} .whatsHappeningInner.first .UtilS p.Date {top:45px;} span.viewAlbum{padding-top:2px} #EventsUpcomingContainer{clear:both} #ShowContainer .ItemContainer {min-height:52px; background: #141414 url(../img/main/ItemContainerBG.gif) repeat-x 0 0; margin: 0;margin-bottom:5px; color: #fff; font-size: 10px; padding:8px 0; clear: both; float:left; width:616px;} #ShowContainer .ItemContainer h2, #competitions .ItemContainer h2{font-size:2em; line-height:normal; font-family: Georgia; } #ShowContainer .ItemContainer h3{font-size:1.7em; line-height:normal;} #ShowContainer .ItemContainer p.showSummary{max-height:55px; margin-bottom:4px;} #GalleryContainer a {padding-bottom:0px;} .GalleryContainer .ItemContainer{float:left; width:615px;} .GalleryContainer {overflow: hidden; width: 615px; padding:0; margin-bottom:1px;} #GalleryContainer .ItemFooterS {float: left; width: 360px; padding-left: 0;} #GalleryContainer .rating {margin-top:3px;} #GalleryContainer .Ratings5, #GalleryContainer .Ratings4, #GalleryContainer .Ratings3, #GalleryContainer .Ratings2, #GalleryContainer .Ratings1, #GalleryContainer .Ratings0, #mainContent .ItemFooter .Ratings5, #mainContent .ItemFooter .Ratings4, #mainContent .ItemFooter .Ratings3, #mainContent .ItemFooter .Ratings2, #mainContent .ItemFooter .Ratings1, #mainContent .ItemFooter .Ratings0 {margin-top:3px;} #MusicContainer .ItemContainer{padding-bottom:8px;} .ItemContainer .Date {font-size: 9px;} .ItemFooter, .ItemFooterS {clear:both; padding: 5px 10px 3px 10px; font-size: 9px; } .ItemFooterS { float:left; width: 377px; clear: none; padding-left: 10px; } .Action span, .ItemFooter span, .ItemFooterS span { height: 15px; display: inline-block; margin-right: 3px; padding-top:5px; } #ShareThis {background: url(../img/main/ShareThisBG.gif); height: 22px; padding: 5px 5px 5px 0; width: 305px; display: inline-block; border: none; position:relative;} #ShareThis ul#shareList {margin-left:5px;padding-top:4px;} #ShareThis ul#shareList li {color:#FFFFFF;float:left;font-size:11px;font-weight:bold;margin-right:3px;} #ShareThis ul#shareList li:first-child {padding-top:3px;padding-right:7px;} #ShareThis a.jumpToStuff{right:5px; top:3px; width:97px; height:40px; display:block; background:transparent url(../img/main/vidsPictsnStuffs.png) no-repeat 0 0; position:absolute; } #ShareThis a {display: block; width: 22px; height: 22px; text-indent: -339em; position:relative} #ShareThis a#facebook{background:url("../img/main/spriteShareIt.png") no-repeat 0 0; width:18px; height:17px;} #ShareThis a#twitter{background:url("../img/main/spriteShareIt.png") no-repeat -18px 0;width:18px; height:17px;} #ShareThis a#myspace{background:url("../img/main/spriteShareIt.png") no-repeat -35px 0;width:18px; height:17px;} #ShareThis a#buzz{background:url("../img/main/spriteShareIt.png") no-repeat -71px 0;width:18px; height:17px;} #ShareThis a#stumbleupon{background:url("../img/main/spriteShareIt.png") no-repeat -53px 0;width:18px; height:17px;} #ShareThis a#email{background:url("../img/main/spriteShareIt.png") no-repeat -89px 0;width:18px; height:17px;} #CompInfo #ShareThis {background: url(../img/main/ShareThisLongBG.gif); width: 920px; padding-left: 15px; margin:20px 0; } #ShareEmail {margin: 20px; padding: 10px 40px 10px 40px; background: #000; min-height: 350px;} #ShareEmail p {margin: 10px 0;} .ItemContainerGrid {width: 150px; margin: 4px 3px 0 0; float: left; clear:none; padding: 0;} .ItemContainerGrid h2 {display:none;} .ItemContainerGrid p {display:none;} .ItemContainerGrid img.VideoThumb { width: 140px; height: 100px; border: solid 5px #fff; margin: 0;} .ItemContainerGrid .ItemFooter {display:none;} #SummaryVideo img.VideoThumb { width: 90px; height:74px; border: solid 1px #999; float: left; margin: 0 6px 6px 0;} .Buneary {min-height: 37px; color: #381e0d; background:#a29d8e none repeat scroll 0 0; padding:5px; float:left; width:290px;} #ContentContainer .Buneary {width: auto;} .Buneary img {} .Buneary img.Avatar {margin-top: 5px;} .Buneary div.PostBub {padding-left:10px; background: url(../img/main/PostBubBG.gif) no-repeat 2px 15px; float:left; width: 550px;} .Buneary div.Post, .Buneary p {background: #a29d8e; padding: 3px 10px; margin: 5px 0 15px 0; font-size: 12px;} .Buneary h2 {margin: 0; padding: 0 0 5px 0; font-size: 12px; font-weight: bold;} .Buneary div.UtilS {background: #a29d8e; color: #000; font-size: 11px; /*min-height: 45px;*/} .Buneary div.UtilS h2 {padding: 0; max-height: 15px; overflow: hidden; font-size: 14px; margin-bottom: 3px; } .Buneary div.UtilS h2 a {color: #ffe9b9;} .Buneary div.UtilS strong {font-size: 12px; margin-bottom: 1px; color: #e0c493; display: block;} .Buneary div.PostAction {float: right; width: 100px; text-align: right;} .Buneary div.PostAction a {color: #e0c493;} .Buneary div.Util { padding: 7px 0 0 0px; font-size: 11px; } .Buneary div.Util .User {font-size: 12px;} .Buneary div.Util span, .Buneary div.More span { height: 15px; display: inline-block; margin-right: 3px; } #SearchBox {padding:20px 30px 30px 30px; background: #070707 url(../img/main/SearchBoxBG.gif) repeat-x 0 100%; text-align: left;} .comment{width:610px; padding:5px; float:left; margin-bottom:10px;} .comment div.PostBub {padding-left:10px; background: url(../img/main/PostBubBG.gif) no-repeat 2px 12px; float:left; width: 558px;} .comment div.Post {background: #a29d8e; padding:8px 10px 10px; font-size: 12px;} .comment div.PostAction {float: right; width: 100px; text-align: right;} .comment div.PostAction a {color: #e0c493; margin-left:10px;} .comment div.PostBub p {margin-bottom:5px; line-height:1.3em;} .Plusle {float: left; width: 290px; padding: 7px 0 0 7px;} .Plusle img {float: left; margin: 0 7px 0 0;} .Plusle h2 {margin: 0; padding: 0 0 5px 0; font-size: 12px; font-weight: bold;} #Lugia {color: #646464; min-height: 170px; } #Lugia img.AlbumThumb {background: url(../img/main/GalleryHalfBG.gif); padding: 5px 19px 20px 5px; margin: 5px 0 0 5px; display: block; float: left;} #Lugia div.space {padding: 5px; background:#161616; border-bottom: solid 1px #222; padding-left: 215px; } #Lugia #ShareThis {float: right; width: 403px; background: url(../img/main/ShareThisMidBG.gif)} .SummaryTabBox {clear: both; width: 300px; margin-bottom: 20px; float:right; font-family:Georgia; font-size: 10px; font-weight: bold; margin-top:2px;} .SummaryTabs,.SummaryTabsB {height: 27px; clear: both; width: 288px; background: #000; padding: 0 5px; margin-bottom:1px; border-left: solid 1px #323029;border-right: solid 1px #323029;} .SummaryTabs a,.SummaryTabsB a {text-transform:uppercase; background:#000000 url(../img/main/tabsumarrow.gif) repeat-x scroll 0 21px;display:block;float:left;font-size:1.2em;margin-right:15px;padding:5px 20px 10px;text-decoration:none; color:#ffe5aa;} .SummaryTabsB {border-top: solid 1px #5f5a4d;} .SummaryTabsB a {font-size:1.1em;padding:5px 5px 10px 5px; margin-right: 7px;} #SummaryPhoto, #SummaryVideo{padding: 5px 0 0 4px; background:#424242;float:right; border: solid 1px #5f5a4d; border-top-color: #000;} .SummaryTabs a.selected,.SummaryTabsB a.selected {background-color: #d0c4a1; background-position: 50% 21px; border-top: solid 1px #f2e5bf; padding-top:4px; color: #000;} .TabShow { display: block; float:left;} .TabHide { display: none; } #ShowCase {background: #f1f1f1; padding: 10px; color: #333;} #ShowCase p {margin: 5px 0;} #ShowCase a {color: #333;} #ShowCaseInfo span {margin-right: 10px;} #ShowCaseInfo .User {color:#333;} .BoxMain h1 {margin-bottom: 10px; } .BoxMain h2 {font-size: 15px; margin-bottom: 5px; padding: 0; } .BoxMain h3 {font-size: 14px; margin-bottom: 5px; padding: 0;} .BoxMain ul, .BoxMain ol {margin-left: 20px;} .BoxMain li {margin-bottom: 20px;} a#RSS{padding:0; display: block; float: right; text-indent: -503em; background: url(../img/main/rss.gif) no-repeat; width: 22px; height: 22px; margin: 10px 10px 0 0; } #ContentSections {text-transform: uppercase; margin-bottom: 7px;} #ContentSections a {display: block; float: left; padding: 5px 10px 8px 10px; margin-right: 0px; background: url(../img/main/TabArrow.gif) repeat-x 0 -20px; text-decoration:none; font-family:Georgia; font-size: 11px; color:#ffe5aa; font-weight: bold;} #ContentSections a.Selected, #ContentSections a:hover {background-color: #d0c4a1; text-decoration: none; background-position: 50% 100%; color: #fff; border-top: solid 1px #f2e5bf; padding-top: 4px; color: #000; } #ContentSections a#NewMessage {float: right;} #ContentSections #AjaxLoading {float: left; display:none; background: url(../img/main/loading.gif) 50% 50%; width: 30px; height: 30px; font-size: 0; text-indent: -500em; overflow: hidden;} #ContentSections #LayoutList {float: right; margin-right:0;} #ContentSections #LayoutGrid {float: right;} #event{margin: 10px 0; font-size: 1.2em; line-height: 18px;} #event .section div{margin-bottom:5px;} #StarInfo {width: 310px; float: right; margin-left:10px; } #StarAudio {width: 289px; height: 38px; float: left; text-align: left; margin-bottom: 10px;margin-top:7px; } #BodyText {margin: 10px 0; font-size: 12px; line-height: 18px;} #BodyText a {text-decoration: underline; } #BodyText a:hover {text-decoration: none; } #BodyText p {margin-bottom: 10px;} #BodyText ul {} #BodyText li {margin-bottom: 3px; margin-top: 0;} #BodyText h2 {margin-top: 10px;} #UtilInfo {background: #1e1e1e; margin: 10px 0; width: 310px; float: right; padding: 0; font-size: 11px; color: #767266;} #UtilInfoL {background: #1e1e1e; font-size: 11px; color: #767266; margin-bottom: 10px;} #UtilInfo div.section {border-bottom: solid 1px #333; padding:14px 0 14px 10px;} #UtilInfoL div.section {border-bottom: solid 1px #333; padding:15px 0 10px 10px;} #UtilInfoL a, #UtilInfo a {color: #eed09b; text-decoration: underline;} #UtilInfoL a:hover, #UtilInfo a:hover {text-decoration: none;} #UtilInfo .PostMsg {color: #fbcd85; font-style:italic; padding: 3px 0 0 9px; } #UtilInfo #RatePre {padding: 3px 9px 0 0; } #UtilInfoL #RatePre {padding: 5px 9px 0 0; } #UtilInfo #RateSect {border-bottom: solid 1px #333; padding: 7px;} #UtilInfo #RateSect div {float: left;} #UtilInfo #FaveSect {border-bottom: solid 1px #333; padding: 7px;} #UtilInfo #FaveSect a {background:url(../img/main/favourite.gif) no-repeat 98% 50%; padding: 8px 30px 8px 0; display: block; float: left;} #UtilInfo #PhotoRateSect {padding: 7px; clear:both; float:left;} #UtilInfo #PhotoFaveSect {padding: 8px; color:#dab273; clear:left; float:left; width:300px;} #UtilInfoL .CommentCount, #UtilInfo .CommentCount {background: url(../img/main/Comment.gif) no-repeat 100% 50%; padding: 7px 27px 7px 0; font-size: 11px;} #UtilInfoL #CommentSect {float: left; padding-top: 5px;} #UtilInfoL #CommentSect a {margin-left: 20px;} #UtilInfoL #FaveSect {float:left; width:125px; padding: 0 0 0 8px;} #UtilInfoL #FaveSect a {background:url(../img/main/favourite.gif) no-repeat 98% 10%; padding:5px 30px 12px 0; display: block; float: left;} #UtilInfoL #RateSect {float:left; width: 280px;} #UtilInfoL #RateSect.ForumRate {float:left; width: 315px;} #UtilInfoL #RateSect div {float:left;} #UtilInfoL #ShareThis {clear:both; background: url(../img/main/ShareThisFeatureBG.gif); width: 610px; } #UtilInfo div#ReleaseInfoSection {padding: 7px 0 7px 8px; min-height: 50px;} #UtilInfo img.ImgReleaseInfo { float: left; margin-right: 5px; } #StarNav {text-align: center; clear: both; font-size:16px; font-weight:bold; color:#fee3b3; margin: 10px 0 20px 0; } #StarNav a {margin:0; width: 46px; float:left; display:block; padding:4px 0; color:#fee3b3; font-size: 16px; font-weight:bold; font-family: Times New Roman; } #StarNav a.prev {background: url(../img/main/photo_prev.gif) no-repeat 0 50%; padding-left: 22px;} #StarNav a.next{float:right; text-align:right;background: url(../img/main/photo_next.gif) no-repeat 100% 50%; padding-right: 27px;} #StarNav a.next:hover #StarNav a.prev:hover{text-decoration:underline;} #StarOther {padding: 0 0 20px 0; float:left} #StarOther img {float: left; margin-right: 2px; border: solid 1px #999; } #UtilInfoPost {width: 620px;} .UtilPost {border-bottom: solid 1px #222; border-top: solid 1px #222; padding: 7px; clear:both; width: 620px; height: 30px;} .UtilPost div.section {float:left; border-bottom:none; width:300px;} .UtilPost #FaveSect {color:#dab273; float:right; width:300px;} .UtilPost #FaveSect a {background:url(../img/main/favourite.gif) no-repeat 98% 50%; padding: 3px 30px 3px 0; display: block; float: left;} .UtilPost #RateSect {float:right; width: 300px;} .UtilPost #RatePre { color:#555; font-size:15px; float:left; margin-right:5px; margin-top:5px; text-transform:uppercase; } .UtilPost #ShareThis {float:left; } #UtilInfoPost a {color: #484848; text-decoration: underline;} #UtilInfoPost a:hover {text-decoration: none;} #UtilInfoPost .PostMsg {color: #fbcd85; font-style:italic; display:block; clear:both; text-align:right; margin:0 30px 10px 0; } #CommentBox {clear: both; margin-top:10px;} .Date {color: #999; font-style:italic; } .User {color: #eed09b; } .latestDiscussion .User{padding-left:5px;} .sub {font-size: 9px;} .HotCount {background: url(../img/main/CountHot.gif) no-repeat 100% 100%; padding: 0 17px 0 0; font-size: 9px; } .NotCount {background: url(../img/main/CountNot.gif) no-repeat 100% 100%; padding: 0 17px 0 0; font-size: 9px; } .CommentCount {background: url(../img/main/CountComment.png) no-repeat 0 50%; padding: 0 5px 0 17px; font-size: 9px; } .CommentCount {background: url(../img/main/CountComment.png) no-repeat 0 50%; padding: 0 5px 0 17px; font-size: 9px; } .PhotoCount{background: url(../img/main/CountPhoto.gif) no-repeat 0 50%;padding: 0 5px 0 23px; font-size: 9px;} div.moreContent {height:33px; clear:both; background: url(../img/main/FooterSmallBG.jpg) no-repeat 0 0; margin-bottom: 20px;} div.moreContent a.MoreContent { color:#aa9e7f; text-transform: uppercase; font-size:1.2em; text-decoration:none; display:block; height:21px; text-align:right; padding-right:6px;padding-right:18px; padding-top:10px;} div.moreContent a.MoreContent:hover {text-decoration: none; color:#c4b285} .BoxWide div.moreContent {background: url(../img/main/FooterLargeBG.jpg) no-repeat 0 0;} #sideBar div.moreContent {margin-bottom: 0;} .Ratings5 {background: url(../img/main/Stars.gif) no-repeat 0 0; float: right; text-indent: -623em; height: 12px; width: 76px;} .Ratings4 {background: url(../img/main/Stars.gif) no-repeat -15px 0; float: right; text-indent: -623em; height: 12px; width: 76px;} .Ratings3 {background: url(../img/main/Stars.gif) no-repeat -30px 0; float: right; text-indent: -623em; height: 12px; width: 76px;} .Ratings2 {background: url(../img/main/Stars.gif) no-repeat -45px 0; float: right; text-indent: -623em; height: 12px; width: 76px;} .Ratings1 {background: url(../img/main/Stars.gif) no-repeat -60px 0; float: right; text-indent: -623em; height: 12px; width: 76px;} .Ratings0 {background: url(../img/main/Stars.gif) no-repeat -76px 0; float: right; text-indent: -623em; height: 12px; width: 76px;} .RatingBig {background: url(../img/main/StarOn.gif) no-repeat 0 0; display: inline-block; width: 127px; height: 22px; margin: 5px;} .RatingBig span {background: url(../img/main/StarOff.gif) no-repeat -127px 0; text-indent: -956em; display: inline-block; width: 127px; height: 22px; } .RatingBig span.RatingBig45, .RatingBig span.RatingBig5 {background-position: -127px 0;} .RatingBig span.RatingBig35, .RatingBig span.RatingBig4 {background-position: 104px 0;} .RatingBig span.RatingBig25, .RatingBig span.RatingBig3 {background-position: 78px 0;} .RatingBig span.RatingBig15, .RatingBig span.RatingBig2 {background-position: 52px 0;} .RatingBig span.RatingBig05, .RatingBig span.RatingBig1 {background-position: 26px 0;} .RatingBig span.RatingBig0 {background-position: 0px 0;} #CommentLogin { font-size: 12px; padding: 10px 0; clear: both; color: #a29c91;} #CommentLogin a {color: #fee3b3;} #ReplyBox {padding-left: 10px;} #ReplyBox .Item label {display:block; text-align: left; padding-bottom: 10px; font-weight:bold;} .IslandAd {float:right; margin: 0 0 20px 0; } .BannerAd {background: url(../img/main/BannerAdBG.jpg) repeat-x 0 0; margin:10px 0 10px 0; clear:both;width:542px; padding-left:73px; overflow:hidden} .BannerAdFront {background: url(../img/main/BannerAdBG.jpg) repeat-x 0 0; margin:10px 0 0 0; float:left; width:542px; padding-left:73px;} .SkinAd {clear:both; padding-top: 10px;} #WarningInfo {background: url(../img/main/WarningBubMsg.gif) no-repeat 36px 100%; padding-bottom: 18px; } #WarningInfo p{font-size:1.3em; line-height:1.5em} #WarningInfo div {background: #e74000 url(../img/main/WarningMsg.gif) no-repeat 0 0; min-height: 64px; padding: 10px 20px 10px 32px } .FormInfo {min-height:45px; background: url(../img/main/FormInfo.gif) no-repeat 0 0; width: 336px; padding: 20px 20px 10px 32px; color: #d99292; font-size: 11px; margin-top:5px;} .FormInfo p {line-height:1.3em;} /* form items */ .Item {clear: both; margin: 3px 0; } .Item .ItemForm {float: right; width: 450px; padding-bottom: 15px;} .Item label { font-size:12px; color: #999; width: 135px; padding: 2px 15px 0 0; text-align: right; display: block; float: left; margin: 0;} .Item label.Topper { float: none; text-align: left; font-weight: bold; width: auto; font-size: 15px; margin-bottom: 10px; color: #ddd; } #LoginForm .Item label {float:none; text-align: left; font-size: 14px; color: #fff; font-weight: bold; margin-bottom: 3px; margin-top: 4px;} #LoginForm .Item .ItemForm {float: none; margin-bottom: 5px;} #LoginForm h3 {color: #a09984; font-family: Arial; font-size: 12px; font-weight: bold;} .ItemForm input, .Item .Big, .Liner, .Item textarea, .ItemForm textarea, .Item select {border: none; width: 290px; padding: 3px 5px; color: #fff; background: #544e3d; border: solid 1px #8c8369; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size:12px; } .ItemForm select {border: none; padding: 3px 5px; color: #fff; background: #544e3d; border: solid 1px #8c8369; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size:12px; } .Item .Block {height: 144px; background: #544e3d; border: solid 1px #8c8369; } .Item .Brick {height: 50px; background: #544e3d; border: solid 1px #8c8369; } .Item .Reply {width: 290px; background: #544e3d; height: 150px; border: solid 1px #8c8369; width:400px; clear: both; display: block; margin: 5px 0; } .Item .Big { width: 400px;} .Item .sub {color: #fae6a9; font-size: 10px;} .Item select {width: 300px;} textarea.Block { width: 400px; height: 120px;} .Item .BigBlock { width: 400px; height: 350px;} .SurveyTextBox, .SurveyTextArea {padding: 3px 5px; color: #fff; background: #636363; width: 500px; border: none; font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, sans-serif; font-size:12px;} .SurveyTextArea {height: 300px;} .SurveyButton { width: 520px; text-align:right;} .SearchTextBox {border: solid 3px #a48d67; background: #d0c4a1; width: 270px; height: 29px; margin-right: 5px; padding: 7px 5px 0 5px; font-size: 15px; color: #000; margin-top: 5px; margin-left: 107px; } .SearchSubText {margin-left: 125px;} fieldset {border: solid 1px #777; padding: 10px 0; margin-bottom: 20px;} .Button,.ButtonUpdate,.ButtonUpload,.ButtonAdd,.ButtonDelete { padding: 3px 5px; width: 121px; height: 30px; color: #000; background: url(../img/main/ButtonBG.jpg) no-repeat 0 -30px; border: none; text-align: center; font-weight: bold; cursor:pointer; } .Button:hover,.ButtonUpdate:hover,.ButtonUpload:hover,.ButtonAdd:hover,.ButtonDelete:hover {background-position: 0 0;} .TextBottom {background: url(../img/main/TextMunchBG.gif) no-repeat 0 100%; padding-bottom: 41px;} .ButtonReply {background: url(../img/main/ButtonReply.gif); border: none; text-indent: -200em; width: 121px; height: 30px; display:block; font-size: 0; line-height: 0;} .ButtonReply:hover {background-position: 0 -30px;} #ReplyButtonBox {text-align: left; padding: 5px 0 0 0; margin-top: -1px;} .AdminButton {border: none; border-bottom: solid 1px #5c5c5c; background-color: #333333; color: #fff; text-align: left; padding: 10px 0 10px 45px; width: 300px; background-repeat: no-repeat; background-position: 5px 50%;} .AdminButton:hover {background-color: #7f7246;} .ToolButton {border: none; border-bottom: solid 1px #cdcdcd; background-color: #e4e4e4; color: #5a5a5a; text-align: left; padding: 15px 0 15px 55px; width: 300px; background-repeat: no-repeat; background-position: 5px 50%;} .ToolButton:hover {background-color: #fff;} .AddStyle {background-image: url(../img/main/createnew.gif);} .FeatureStyle {background-image: url(../img/main/featureThis.gif);} .EditStyle {background-image: url(../img/main/editThis.gif);} .DeleteStyle {background-image: url(../img/main/deleteThis.gif);} .AssociateStyle {background-image:url(../img/main/AssociateButton.gif);} .SortStyle {background-image:url(../img/main/SortButton.gif);} .PastStyle {background-image:url(../img/main/MoveButton.gif);} .PresentStyle {background-image:url(../img/main/MoveButton.gif);} .FutureStyle {background-image:url(../img/main/MoveButton.gif);} .ApproveStyle {background-image:url(../img/main/ApproveButton.gif);} .MoveStyle {background-image:url(../img/main/MoveButton.gif);} .LockStyle {background-image:url(../img/main/LockButton.gif);} .ButtonPhotoAdd {background-image: url(../img/main/ButtonPhotoAdd.gif); } .ButtonPhotoEdit {background-image: url(../img/main/ButtonPhotoEdit.gif); } .ButtonAlbumAdd {background-image: url(../img/main/ButtonAlbumAdd.gif); } .ButtonAlbumEdit {background-image: url(../img/main/ButtonAlbumEdit.gif); } .ButtonVideoAdd {background-image: url(../img/main/ButtonVideoAdd.gif); } .ButtonVideoEdit {background-image: url(../img/main/ButtonVideoEdit.gif); } .ButtonDiscussionAdd {background-image: url(../img/main/ButtonDiscussionAdd.gif); } .ButtonEventAdd {background-image: url(../img/main/ButtonEventAdd.gif); } .ButtonEventEdit {background-image: url(../img/main/ButtonEventEdit.gif); } .AddFriend {background:url(../img/main/ButtonAddFriend.gif) no-repeat 0 0; width: 88px; height: 20px; border:none; padding:0;outline: none;cursor: pointer; float: left;} .RemoveFriend {background:url(../img/main/ButtonRemoveFriend.gif) no-repeat 0 0; width: 111px; height: 20px; border:none; padding:0;outline: none;cursor: pointer; float: left;} .ButtonRegister, .ButtonLogin, .ButtonSignup, .ButtonSearch, .ButtonDelete { padding: 3px 5px; width: 121px; height: 30px; color: #000; background: url(../img/main/ButtonBG.jpg) no-repeat 0 -30px; border: none; text-align: center; font-weight: bold; cursor:pointer; } .ButtonRegister:hover, .ButtonLogin:hover, .ButtonSignup:hover, .ButtonSearch:hover, .ButtonDelete:hover {background-position: 0 0;} .ButtonNowTime{ width: 125px; height: 15px; border: none; text-align: left; cursor:pointer; background: none; color: inherit; font-size:smaller; } /* ------- new css above ----------- */ #TagSuggest { font-size: 11px; color: #999; width: 400px; padding-top:5px; padding-bottom:5px; padding-right:5px; line-height: 14px;} #TagSuggest a { padding: 1px; color: #fff; cursor: pointer; text-decoration:none;} #TagSuggest a:hover { text-decoration: underline;} #TagSuggest a.selected { background: #777; } #TagBox {padding:5px 10px; text-align:justify; border:1px solid #5f5a4d} #TagBox a {padding: 4px 4px 4px 0; line-height: 23px; text-decoration: none;} .Size0, .Size1 {font-size: 1em; color: #ffffff} .Size2 {font-size: 1.1em; color: #ffffff} .Size3 {font-size: 1.5em; color: #ac8d65;} .Size4 {font-size: 1.7em; color: #ac8d65;} .Size5 {font-size: 1.9em; color: #ac8d65;} .Size6 {font-size: 2.1em; color: #ac8d65;} .Size7 {font-size: 2.3em; color: #ac8d65;} .Size8 {font-size: 2.5em; color: #ac8d65;} #TagList, #TagArtistList {margin: 10px 0; font-size:1.2em} #TagList span, #TagArtistList span {padding: 0 5px 0 0;} #TagList a {color:#aaa; text-decoration: none;} #InfoMessage { color: #ffffff; font-weight:bold; min-height: 30px; margin-bottom: 1px; background:url(../img/main/InfoMessage_BG.gif) repeat-x; width:940px; margin-left:10px;} #InfoMessage div {background:#f4f4f4; padding: 15px 10px 15px 50px; background:url(../img/main/InfoMessage_icon.gif) no-repeat 10px 50%;} #ErrorMessage {color: #ffffff; font-weight:bold; min-height: 30px; margin-bottom: 1px; background:url(../img/main/ErrorMessage_BG.gif) repeat-x;} #ErrorMessage div {background:#f4f4f4; padding: 15px 10px 15px 50px; background:url(../img/main/ErrorMessage_icon.gif) no-repeat 10px 40%;} blockquote { background: transparent url("../img/main/bq.gif") no-repeat 0 1px; color: #bbb; padding:0; padding-left: 15px; margin: 0; } hr { border: none 0; border-top: 1px solid #989898; height: 1px; margin-bottom: 15px; clear: both; } div.spacer { display:block; background:url(../img/main/RegoField_bg.gif) no-repeat 20px -1px; border:none; border-top:solid 1px #4c4c4c; height:9px; margin-top:10px;} div.spacerBlank { display:block; border:none; border-top:solid 1px #4c4c4c; height:3px; margin-top:3px;} #paging {margin: 5px; text-align:right; clear:both;} #paging .Statistics{ margin:5px; color:#847c64; font-size:90%;} #paging a.page { padding: 2px 2.5px; color: #fff; background: #0B6173; border: solid 1px #0B6173; text-decoration: none; line-height: 1.2em; font-size:10px;} #paging a.page:hover { border: solid 1px #ccc; color:#847c64; } #paging .pageCurrent { color: #fff; font-weight: bold; padding: 2px 5px;} #paging .prev { background:url(../img/main/PagingPrev.gif) 0 0 no-repeat; padding-left:17px; padding-right:5px; text-decoration:none;} #paging .next { background:url(../img/main/PagingNext.gif) no-repeat right; padding-left:5px; padding-right:17px; text-decoration:none; } #paging .pgEmptyPrev { background:url(../img/main/PagingPrev_gray.gif) 0 0 no-repeat; padding-left:17px; padding-right:5px; text-decoration:none; color:#847c64;} #paging .pgEmptyNext { background:url(../img/main/PagingNext_gray.gif) no-repeat right; padding-left:5px; padding-right:17px; text-decoration:none; color:#847c64;} /* float hack */ hr.clearer {display: block; clear: both; margin: -0.66em 0; visibility: hidden;} div.clearer {clear: both; line-height: 0; height: 0; font-size: 0; overflow:hidden;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* Debug: border: solid 1px #ff0000; */ .li-answer{margin-left:24px; list-style:none;} ul.candyList { margin: 0; padding: 0; list-style-type: none; float: left;} ul.candyList li {margin: 0 3px 5px 0; float: left;} .Melon { position: relative; padding: 0px; border: solid 1px #ccc; float: left; margin: 0 6px 7px 0; } .Melon a {z-index: 1; display: block; } .Melon img {border: none; } .Melon .info {width: 80px; background: #fff; text-align:left; display: block; z-index: 10; height: 28px; position: absolute; margin: 0px; left: 0; bottom: 1px; padding: 2px 0 2px 2px; text-indent: 0; visibility: visible; font-size: 11px; color: #333; overflow: hidden; font-weight: bold; } .clear{ clear:both;} #RateStar { float:left;} #RateStar img {float: left; cursor: pointer; padding-top: 3px; } #rated { float:left; padding-left:5px;} #showNavigation { list-style:none; } #showNavigation li { float:left; font-size:16px;} #showNavigation li a { width:100px;margin:6px 12px;} #showNavigation li a:hover { background-color:#ff0000;} .tip{ color:#ff0000; margin:0px 12px;} #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; border:solid 1px #ccffff; } #sortable li span { position: absolute; margin-left: -1.3em; } #PullUp{ background:url(../img/main/MoreHero.png) no-repeat 0 0; cursor:pointer; text-indent:24px; width:70px;} .pull{ text-align:center; height:20px;} .pullUp{ background:url(../img/main/up.png) no-repeat; cursor:pointer; display:block; margin-left:300px;} .PullDown{ background:url(../img/main/down.png) no-repeat; cursor:pointer; display:block;margin-left:300px; } /* poll css */ #PollBox {border: solid 1px #5f5a4d; padding: 5px;} #PollVotes{ margin:0;color: #fff; margin-top:10px; font-size:1.1em;} #PollVotes .Sect{ display:inline; color:#666;} #PollConclude{color: #666;font-weight: bold; display:none;} #PollConclude strong{color: #000;} #PollInfo{color: #fff; margin:0; width:290px; float:left;font-size:1.1em;margin:5px 0 20px 0;} #sideBar #PollInfo {width:300px;} #PollInfo .Result{ float:right; width:150px; margin-top:5px;margin-bottom:8px;} #PollInfo .Result img{ height:18px; float:left;} #PollInfo .Result strong { color:#fff; display:block; float:right; margin-right:10px;} #PollInfo .Choice{ float:left; width:130px; clear:left; margin-top:5px; margin-bottom:8px; font-size:1.1em;} #PollInfo #HeadChoice{text-transform: uppercase; color:#666; font-size:110%; font-weight:bold; float:left; margin-bottom:10px;} #PollInfo #HeadResult{text-transform: uppercase;color:#666; font-size:110%; font-weight:bold; float:right; margin-bottom:10px; margin-right:5px;} table#pollResults {width:290px; clear:both;} table#pollResults td{padding:5px 5px 5px 0; vertical-align:middle;} table#pollResults tr td img{height:20px;} #PollVotes table {width:290px; margin-top:10px;} #PollVotes table td {padding:5px 5px 5px 0;} #PollVotes table td input {display:block; float:left; margin-left:0; margin-right:5px; padding:0; margin-top:0;} #PollVotes table td label{padding-top:2px;} h1#pollTitle{margin:0 0 7px;border-bottom:1px solid #292929;color:#FFFFFF;font-family:Georgia,Times New Roman;font-size:19px;font-weight:normal;letter-spacing:-1px;padding:6px 0;} #showList img {width:70px; height:50px;} #ProfileContent .ItemContainer{padding-left:10px;} #ProfileContent .ItemFooter{padding:5px 0 3px;} #DMGGoogleAdFloat {height:82px;position:absolute;right:112px;width:239px;z-index:98;top:0;} /** ------------------------------- Hero selector (pichu) --------------------------------- **/ .PichuContent {position: absolute; top: -873em;} .Pika {} .Pika img {float: left; margin-right: 10px; border: solid 1px #000;} .Pika h2 {margin: 0; padding: 0; font-size: 12px; font-weight: bold; max-height: 12px; overflow:hidden; margin-bottom:4px;} .Pika p {line-height:11px;margin:0;max-height:22px;overflow:hidden;padding:0;} #main .Pichu{background:transparent url(../img/main/PichuBG.png) repeat-y scroll 0 0;height:232px;left:10px;position:absolute;text-align:center;top:16px;width:268px;} #main #pitchuInner{background:transparent url(../img/main/pitchuBgSides.png) repeat-y scroll 0 0; height:232px;} #main .Pika{color: #fff; text-align: left;margin-left:4px;margin-right:4px;height:38px;border-bottom:1px solid #5E5D64;border-top:1px solid #000000;padding:8px 10px;} #main .Pika h2 a:hover{color:#e0c493;} #main #PichuTabs {background:transparent url(../img/main/pitchuBgTop.png) no-repeat scroll 0 top; width: 30px; height:27px;padding:4px 4px 0;position:absolute;top:0;left:0;width:260px;} #main .Pichu a.MoreContent {background:transparent url(../img/main/pitchuBgBottom.png) no-repeat scroll 0 0;color:#aa9e7f;height:21px;left:0;margin:0;padding:11px 16px 0 0;position:absolute;text-align:right;top:200px;width:252px;text-transform:uppercase;text-decoration:none;} #main .Pichu a.MoreContent:hover {color:#c4b285;height:21px;left:0;margin:0;padding:11px 16px 0 0;position:absolute;text-align:right;top:200px;width:252px;text-transform:uppercase;text-decoration:none;} #main #PichuTabs a {width: 27px; font-weight:bold;text-transform:uppercase;display:block;overflow:hidden;text-indent:0;text-decoration:none;color:#fff;background-color:#1599b4; font-family:Georgia; font-size: 11px; color:#ffe5aa; font-weight:bold;} #main #PichuTabs a:hover{color:#ead59b; } #PichuEventContent,#PichuCompContent, #PichuMusicContent{padding-top:31px;} #main #PichuTabs a#PichuComp,#main #PichuTabs a#PichuEvent,#main #PichuTabs a#PichuMusic {background:none;height:31px; padding-top:6px;} #main #PichuTabs a#PichuComp{ width:108px;} #main #PichuTabs a#PichuEvent{width:67px;} #main #PichuTabs a#PichuMusic{width:85px;} #main #PichuTabs a#PichuComp.select,#main #PichuTabs a#PichuEvent.select,#main #PichuTabs a#PichuMusic.select {background:transparent url(../img/main/pitchuTabSelectedBG.png) no-repeat scroll 50% 0;color:#000; } #main #PichuTabs ul#tabs{float:left;width:260px;} #main #PichuTabs ul#tabs li{float:left;width :auto} .PichuContent{background:none;} /** ------------------------------- Featured Pages --------------------------------- **/ /* main containers*/ #featuredArticles, #featuredAudios, #featuredEvents {width:615px;} #featuresContainer{border:1px solid #c8af8a; border-top:none;margin-bottom:1px;padding-left:5px;background-color:#323232; min-height:316px;} #featuresContainer h1 {background: none; padding: 0; text-transform:none; color: #eed09b; font-family: Arial, sans-serif;} #featuresContainer h1 a {color: #eed09b;} /* ItemGroup */ #featuresContainer .ItemGroup {border:1px solid #000; background: #1b1b1b; border-bottom:none; border-top:none; } #featuresContainer .ItemGroup .ItemContainer{border-left:1px solid #605240;border-top:1px solid #605240;padding:2px 0 0 2px;} #featuresContainer .ItemGroup .ItemContainer h2 {padding:0;max-height:13px;} #featuresContainer .ItemGroup .ItemContainer a.ArticleThumb, #featuresContainer .ItemGroup .ItemContainer a.VideoThumb, #featuresContainer .ItemGroup .ItemContainer a.AudioThumb, #featuresContainer .ItemGroup .ItemContainer a.EventThumb {border:1px solid #3c3c3c; float:left; margin-right:5px;overflow:hidden} #featuresContainer .ItemGroup .ItemFooter{background-color:#2f2f2f;border-top:solid 1px #424242; border-left:1px solid #605240;} /* Item list*/ .ItemFooter{border-top:1px solid #2d2d2d; background-color:#1a1a1a;border-left:solid 1px #5f5a4d; border-right: solid 1px #5f5a4d;margin-bottom: 1px;} .ItemContainer {background-color:#171717; border-top: solid 1px #434343; border-left: solid 1px #5f5a4d; border-right: solid 1px #5f5a4d;} .ItemContainer a.ArticleThumb, .ItemContainer a.VideoThumb, .ItemContainer a.AudioThumb, .ItemContainer a.EventThumb {border:1px solid #2e2e2e; float:left} .ItemContainer a.ArticleThumb img, .ItemContainer a.VideoThumb img, .ItemContainer a.AudioThumb img, .ItemContainer a.EventThumb img{ margin:0;} /* item details*/ .ItemFooter{background-color:#232323;border-color:#333333 #5f5a4d #232323 #5f5a4d;border-style:solid;border-width:1px;} ul.itemDetails {float:left;padding-top:2px;width:100%;} ul.itemDetails li{height:12px;float:left} ul.itemDetails li.rating{float:right;height:12px;margin-top:-3px;} /* featured hero*/ .FeatureItem {padding-top:5px;} .FeatureItem p {line-height:15px; font-size:1.1em; margin-bottom:5px;} /*More content link*/ div.moreContent{/*width:613px;*/} /*utils*/ a img.HalfStar{border:4px solid #605241; display:block} .ItemContainer h2{margin-top:2px;} .ItemContainer a img{/*width:70px; height:50px;*/display:block} /* Featured Pages lists */ #VideoContainer .ItemFooter, #AudioContaniner .ItemFooter, #ArticleContainer .ItemFooter, #EventsUpcomingContainer .ItemFooter, #PollContainer .ItemFooter{} /*item details list in featureed hero*/ .FeatureItem ul.itemDetails{margin-bottom:10px; margin-top:5px;} /*What's happening itemDetail*/ .Buneary div.PostBub ul.itemDetails{ margin-top:5px; } .Buneary div.PostBub ul.itemDetails li.User{margin-right:5px;} .Buneary div.PostBub ul.itemDetails li.edit{float:right} .Buneary div.Post {margin-bottom:0; margin-top:0;} /** ---------------------- Site-select (ss) styles -----------------------**/ #toolbar p, #toolbar a { margin: 0; float: left; } #toolbar p { margin-right: 4px; margin-top:2px; } #toolbar p a { float: none!important; } #site-select { display: block; float: left; width: 125px; position: relative; font-size: 10px; } #site-select ul { border:1px solid #999999; display: block; text-align: left; } #site-select ul li { padding-left: 10px; padding-right: 14px; line-height: 13px; height: 100%; } #site-select ul li ul { display: none; position: absolute; width: 123px; height: auto; left: 0; top: 14px; font-size: 11px; } #site-select ul li:hover ul { display: block; } #site-select ul li ul li { height: auto; padding: 0; } #site-select ul li ul li.group-title { padding: 0px 10px 4px; } #site-select ul li ul li a { float: none; display: block; padding: 2px 10px 4px; } /** ---------------------- Site-select (ss) styles -----------------------**/ #site-select { background: #ff0000 url('../img/main/bg-site-select.jpg') left top repeat-x; color: #c7c7c7; } #site-select ul li { background: transparent url('../img/main/bg-ss-drop-btn.jpg') right top no-repeat; } #site-select ul li ul { border:1px solid #72716F; background-color: #383838; } #site-select ul li ul li { background: none; } #site-select ul li ul li.group-title { background-color: #080808; /*url('../img/main/bg-group-title.gif') left bottom repeat-x;*/ padding-top: 2px; height: 12px; } #site-select ul li ul li a { color: #fff!important; text-decoration: none!important; } #site-select ul li ul li a:hover { background: #18ADCB; padding: 1px 10px 3px; border-top: 1px solid #15D6FF; border-bottom: 1px solid #08849C; } /** title colours **/ #site-select ul li ul li.ss-nova { color: #b92118; } #site-select ul li ul li.ss-vega { color: #00b4da; } #site-select ul li ul li.ss-other { color: #6099f9; } #CompEntriesDetails #ProfileInfo { float:left; width:150px; font-size:14px; } #CompEntriesDetails #ProfileInfo .ProfileDetails { font-size:14px; } #CompEntriesDetails #UserEntry { padding-left:180px; } /** ---------------------- Contact Us box -----------------------**/ h1#headingContactUs{border:none; height:40px; text-indent:-1000em; background:transparent url(../img/main/contactUsHeading.jpg) no-repeat scroll 0 100%;padding:0; margin-bottom:0;} #contactUs{clear:both; margin-bottom:20px;} ul#contactDetails span.separator{display:inline-block; width:43px;} ul#contactDetails li{line-height:30px; padding-left:20px;color:#fff;} ul#contactDetails li.contactPhone{background-color:#252525;border-left:1px solid #000; border-right:1px solid #000;border-left:1px solid #000000; border-right:1px solid #000000;} ul#contactDetails{font-size:12px; border-right:1px solid #fee3b3; border-left:1px solid #fee3b3; border-bottom:1px solid #fee3b3; } ul#contactDetails span.separator {color:#9A9A9A} ul#contactDetails span.phoneNumber{color:#fee3b3} ul#contactDetails span.email a{color:#fee3b3} #ShareThis a.jumpToStuff{width:97px; height:40px; display:block; background:transparent url(../img/main/vidsPictsnStuffs.png) no-repeat 0 0; position:absolute;} .ButtonSearch { margin-right: 20px; margin-top: 10px; float: right; } #downloadNowPlaying {display:block; margin-bottom:10px;} .dtstart, .dtend {visibility:hidden;display:none;} /*Below not to be replaced by main from nova100 */ /** ---------------------- Music Search -----------------------**/ #MusicSearch { position:relative; height: 190px; padding-left: 15px; padding-top: 20px; background-color: #141414; margin-bottom:20px; border: solid 1px #5f5a4d; } #MusicSearch #searchRadioButton { float: left; width: 20px; margin-right: 0px; padding-top: 20px; } #MusicSearch #searchByDate { float: left; width: 200px; margin-right: 3px; padding-top: 2px; } #MusicSearch #searchByTime { float: left; width: 200px; margin-right: 10px; padding-top: 2px; } #MusicSearch #searchRadioButton p, #MusicSearch #searchByDate p, #MusicSearch #searchByTime p { font-size:11px;font-weight:bold;margin-bottom:5px;} #MusicSearch #searchAnyTime { margin-right: 10px; padding-top: 10px; } #MusicSearch #MusicSearchTerm { float: left; width: 200px; margin-right: 10px; padding-top: 2px; clear: left; } #MusicSearch #MusicSearchButton { float: left; width: 100px; padding-top: 10px; } #MusicSearch .MusicSearchDateSearch { background: #535353; color: #fff; display: block; width: 180px; border: none; padding: 5px; } #MusicSearch .MusicSearchTimeSearch { background: #535353; color: #fff; display: block; width: 170px; border: none; padding: 4px; } #MusicSearch .MusicSearchTermSearch { background: #535353; color: #fff; display: block; width: 180px; border: none; padding: 4px; } #MusicSearch .SearchButton { background: url(/img/main/MusicSearchButtonBG.gif); width: 125px; height: 30px; border: none; text-align: left; font-weight: bold; } #MusicSearchDisplayTime { font-size: 18px; height: 50px; } #MusicSearchDisplayTime input { float: left; } #MusicSearchDisplayTime span { display: block; float: left; padding: 3px 10px 0 10px; } #MusicSearch #SearchBox { clear:both; padding:10px; background:none; } #MusicSearch #SearchBox input { float:left; } #MusicSearch #SearchBox input.SearchTextBox { margin:19px 0 0 0; } #MusicSearch #SearchBox input.ButtonSearch { padding:0; margin: 24px 0 0 20px; float: left; } .SearchTextBox { margin-left: 0px; margin-top: 20px; } #MusicSearchInfoBox { background:transparent url(../img/main/MusicSearchInfoBox.png) no-repeat scroll 0 100%; height:75px; margin-left:395px; padding:9px 5px 5px 35px; position:absolute; right:10px; top:37px; width:157px; color: #919191; line-height: 1.4em; } #MusicSearchTime { } #timeSearch { background-image: url(../img/main/clock.png); background-repeat: no-repeat; padding-top: 5px; margin-top: 5px; margin-left: 10px; padding-left: 30px; height: 20px; } #MusicSearchTimeStep { background:transparent url(../img/main/MusicSearchTimeStep.png) no-repeat scroll 0 100%; height:81px; position:absolute; right:12px; top:-10px; width:288px; color: #fee3b3; } #timeMachine {margin-top:10px;padding-left:6px;} #timeMachine ul li, #timeMachine ul li{float:left} #timeMachine ul li {color:#919191;font-size:12px;margin-right:5px;} #timeMachine ul li.details{margin-top:-3px} #timeMachine ul li span.info{font-size:15px;font-weight:bold; line-height:17px;} .musicSearchResult { clear:both; min-height:52px; background: #141414 url(../img/main/ItemContainerBG.gif) repeat-x 0 0; margin: 0; color: #fff; font-size: 10px; padding:15px 10px 15px 15px; border:1px solid #5f5a4d; border-top-color: #333; border-bottom-color: #000; } #SongResultsContainer .ItemFooter { border:1px solid #5f5a4d; border-top-color: #333; border-bottom:none; margin-bottom: 1px; } #SongResultsContainer{} #SongResultsContainer ul#head { float:left; padding-bottom:10px; padding-top:10px; } #SongResultsContainer ul#head li { float:left; font-size:14px; margin-left:13px; margin-right:28px; } .musicSearchResult {position:relative;} .musicSearchResult ul.songDetails{width:290px;} .musicSearchResult ul.songDetails li.art {float:left; margin-right:15px;} .musicSearchResult ul.songDetails li.art a{border:1px solid #fff; display:block;} .musicSearchResult ul.songDetails li.title, ul.songDetails li.artist {margin-bottom:5px; } .musicSearchResult ul.songDetails li.title {font-size:13px;font-weight:bold;max-height:13px;overflow:hidden;padding-bottom:2px;padding-top:11px;width:220px; } .musicSearchResult ul.songDetails li.title a {color: #fee3b3;} .musicSearchResult ul.songDetails li.artist{font-size:11px;} .musicSearchResult ul.songDetails li.artist a {text-decoration: none;} .musicSearchResult .mp3Player {position:absolute; right:12px; top:22px;} #youtubeContainer{width:615px; overflow:hidden;} #downloadNowPlaying {display:block; margin-bottom:10px;} /* end of main.css ------------------------*/ /* footer.css ------------------------*/ #Footer { background: transparent url(../img/main/footerBackground.jpg) no-repeat 50% 100%; height: 425px; font-size: 11px; clear:both; color: #b0afad; } #FooterAd {margin: 0 auto; width: 728px; padding-bottom: 25px; height: 90px;} #Footer-i {margin: 0 auto; width: 920px; padding-top: 33px;} #Footer h2 {font-size: 20px; font-family: Georgia; margin-bottom: 4px; font-weight: bold; color: #b4aa8b; line-height:1.6em;} #Footer h2 a {color: #b4aa8b; } #Footer-i ul li h2 a {color: #b4aa8b; } #Footer ul {list-style-type: none;} #Footer-i ul{ float:left; width:155px; padding-right:25px; } #Footer-i ul li a{ line-height:1.6em; text-decoration:none; color: #b0afad; } #Footer-i ul li a:hover{text-decoration:underline} /*#Footer #nowplaying-footer { display:block;float:left;font-size:18px;height:37px;position:relative;right:65px;text-align:center;text-decoration:none;text-transform:uppercase;top:40px;width:278px;}*/ #Footer a#nowplaying-footer span {background: url('../img/main/spriteFooterLinks.png') no-repeat 0 -39px; display:block; height:38px; width:277px;} /*#Footer #dmgRadio-footer {text-indent:-9999px; display:block;float:left;font-size:18px;height:39px;position:relative;right:65px;text-align:center;text-decoration:none;text-transform:uppercase;width:277px;}*/ #Footer a#dmgRadio-footer span {background: url('../img/main/spriteFooterLinks.png') no-repeat 0 0; display:block; height:38px; width:276px;} #Footer #FooterLinks {font-size: 9px; color: #b0afad; text-align: center; position:relative; right:35px; top: 70px; line-height: 1.6em; } #Footer #FooterLinks a {color: #b0afad; text-decoration: none;} ul#extraFooterLinks{margin-left:-76px;width:276px; padding-right:0;margin-top:5px;} ul#extraFooterLinks li {text-align:center; margin-bottom:30px;} /* end of footer.css ------------------------*/ /* music.css ------------------------*/ #SongsContainer .song {min-height:52px; background: #141414 url(../img/main/ItemContainerBG.gif) repeat-x 0 0; margin: 0; color: #fff; font-size: 10px; padding:15px; clear: both; border-top:1px solid #333;} #SongsContainer ul li.title a{color:#fee3b3;} .MusicStar {width: 270px; height: 270px;} a.ArtistThumb {width: 70px; height: 50px; display:block; float:left; border:1px solid #fee3b3;margin-right:5px;} a.ArtistThumb img {margin:0; float:none} .SongThumb {width: 50px; height: 50px; border: solid 1px #fee3b3; display:block;} .SongGrid {width: 110px; margin: 10px 10px 0 0; float: left; clear:none; padding: 0;} .SongGrid img.SongThumb { width: 100px; height: 100px; border: solid 5px #fff; margin: 0;} #AlbumContainer{margin-bottom:10px;} #StarInfo{margin-top:1px;} /* main containers*/ #featuredArtists {width:615px;} #artistsContainer{border:1px solid #444345; border-top:none;margin-bottom:1px;padding-left:5px;background-color:#252525; min-height:316px;} #featuredArtists div.moreContent {background: url(../img/main/FooterLargeBG.jpg) no-repeat 0 0;} /* ItemGroup */ .ItemGroup {border-left:1px solid #000000;} .ItemGroup .ItemContainer{border-left:1px solid #333333;border-right:1px solid #000000;border-top:1px solid #333333;padding:2px 0 0 2px;} /* Item list*/ #MusicContainer .ItemFooter{border:none; border-top:1px solid #2d2d2d; background-color:#1a1a1a; margin-bottom:1px;} #MusicContainer .ItemContainer {background-color:#171717} #MusicContainer .ItemContainer a img.ArtistThumb {border:1px solid #2e2e2e} /* featured hero*/ .FeatureItem {padding-top:5px;} .FeatureItem p {line-height:15px; font-size:1.1em} /*More content link*/ div.moreContent{ width: auto; } /*utils*/ a img.HalfStar{border:4px solid #333} .ItemContainer h2{margin-top:2px;} .ItemContainer a img{width:70px; height:50px;display:block} .ItemContainer a img.SongThumb {width: 50px; height: 50px; border: solid 1px #fee3b3; display:block;} /* mp3 player*/ .mp3Player{float:right;} .musicSearchResult ul.songDetails li.art a {width:50px; height:50px} /* end of music.css ------------------------*/ #googleplus { margin: 0 0 20px; }