/*** Greetings, This CSS is free to reference and learn from if you see anything you like! No grabbing all of it though, and if you use largely unedited chunks, a mention and an email would be nice. Regards, Tom Bates - Sound in Theory tom@sitdap.com ***/ @import url('editor.css'); /************************* breacrumbs *********************/ #crumbs { padding: 0 0 0 15px; margin: 0 0 0 5px; } #crumbs li { display: inline; font-size: 12px; color: #2b1b13; font-family: arial; margin: 0 2px; background-color: #fff; } #crumbs li a { color: #2b1b13; font-family: arial; } /****************************************** layout ***************************************/ body { background-color: #130c09; /* TJ: Moved to tag so that admin site editor doesn't show background image*/ } #wrap { width: 966px; margin: 0 auto; position: relative; } .loneLine { height: 1px; background: url('/assets/images/global/horizLine.gif') left top repeat-x; margin: 0 0 15px 0; } #wrap .topPad { padding-top: 20px; } /************************* central backgrond lines *********************/ .linesHome { background: url('/assets/images/home/threeColVertHome.gif') left top repeat-y; } .linesInnerThree { background: url('/assets/images/inner/threeColVertLines.gif') left top repeat-y; } .linesInnerOne { background: url('/assets/images/inner/oneColVertLinesTwo.gif') left top repeat-y; } .linesInnerTwo { background: url('/assets/images/inner/twoColVertLines.gif') left top repeat-y; } /************************* central backgrond top images *********************/ .bgHome { background: url('/assets/images/home/bgHomeTwo.jpg') 0px 0px no-repeat; } .bgInnerThree { background: url('/assets/images/inner/threeColVert.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerThreeBand { background: url('/assets/images/inner/threeColVertBand.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerOne { background: url('/assets/images/inner/oneColVert.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerTwo { background: url('/assets/images/inner/twoColVert.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerTwoBand { background: url('/assets/images/inner/twoColVertBand.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerOnePay { background: url('/assets/images/inner/oneColVertPay.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerOneSignup { background: url('/assets/images/inner/oneColVertSignup.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerOneContact { background: url('/assets/images/inner/oneColVertContact.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerOneSitemap { background: url('/assets/images/inner/oneColVertSitemap.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerOneForum { background: url('/assets/images/inner/oneColVertForum.jpg') top left no-repeat; padding: 30px 0 0 47px; } .bgInnerOneLogin { background: url('/assets/images/inner/oneColVertSitemap.jpg') top left no-repeat; padding: 30px 0 0 47px; } /************************* header *********************/ #logo { width: 160px; height: 99px; position: absolute; top: 0px; left: 18px; } .tenPadding { padding: 0 10px 10px; } .line { background: url('/assets/images/global/horizLine.gif') left top no-repeat; padding-top: 12px; } /************************* nav *********************/ #header ul { float: right; width: auto; margin: 57px 50px 0 0; } #header ul li { display: block; float: left; text-align: center; } #header ul li a { display: block; height: 31px; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #2e1c13; padding: 11px 0 0; font-family: arial; text-decoration: none; } #nHome { width: 68px; } #nEvents { width: 97px; } #nNews { width: 71px; } #nMedia { width: 73px; } #nBands { width: 79px } #nContact { width: 97px; } #nForum { width: 84px; } /**************** nav hover + onstates *************/ #header ul li a:hover { font-size: 17px; } #header ul li.on a:hover { font-size: 15px; text-decoration: none; } #header .on a { color: #fff; } .on .nOne { background: url('/assets/images/global/nav/on54.gif') center top no-repeat; } .on .nTwo { background: url('/assets/images/global/nav/on70.gif') center top no-repeat; } .on .nThree { background: url('/assets/images/global/nav/on84.gif') center top no-repeat; } .on .nFour { background: url('/assets/images/global/nav/on96.gif') center top no-repeat; } /************************* footer *********************/ #footer { clear: both; min-height:18px; height:auto !important; height:18px; background: url('/assets/images/global/footer.gif') left top no-repeat; padding: 55px 0 0; } #footer p { font-size: 12px; color: #fff; } #fLeft { width: 292px; float: left; padding: 0 0 0 30px; } #fRight { width: 415px; float: right; text-align: right; text-transform: uppercase; padding: 0 25px 0 0; } #fRight a, #fLeft a { font-family: arial; text-decoration: none; color: #fff; } #fRight a span { color: #f37022; padding: 0 5px 0 0; } /****************************************** unique ***************************************/ /**************** layout *************/ #homeFlash { height: 381px; /* background: url('/assets/images/test/holderBanner.jpg') left top no-repeat; */ margin: 0 0 0px 0; } #home h2 { color: #2f1c14; font-size: 22px; } #hLeft { margin: 30px 0 0 12px; width: 277px; float: left; padding: 5px 0px 0 3px; } #hLeft h1 { font-weight: bold; font-size: 14px; color: #c3b2a9; margin: 0 0 10px 0; } #hLeft p { font-size: 12px; color: #c3b2a9; font-family: arial; } #homeArtist { height: 44px; background: url('/assets/images/home/artistProfileBg.jpg') left top no-repeat; padding: 27px 0 0 70px; margin: 0 0 10px 0; } #homeArtist h3 { padding: 5px 0 0; color: #2f1c14; font-size: 22px; } #aLeft { float: left; width: 82px; padding: 0 10px 0 0; text-align: center; margin: 0 0 10px 0; } #aLeft img { margin: 0 0 3px 0; } #aLeft p { font-size: 16px; color: #fff; } #aLeft p span { font-size: 14px; display: block; color: #838383; } #newsletterBox { width: 252px; margin: 0 auto; background: #ffffff url('/assets/images/home/stamp.gif') right top no-repeat; padding: 5px 0 0 5px; } #newsletterBox h4 { margin: 0 0 30px 0; } #newsletterBox label { float: left; } #newsletterBox input { border: none; background: none; border-bottom: 1px solid #2f1c14; margin: 0 0 20px 0; color: #2f1c14; width: 158px; float: left; } #newsletterBox #ctl00_cphContent_uscNewsletterSignup_btnSubmit { border: none; display: block; width: 86px; height: 30px; float: right; margin: 0 10px 10px 0; } #aRight { float: left; width: 157px; margin: 0 0 10px 0; } #aRight p { margin: 0 0 10px 0; } #aRight h4 { font-size: 20px; color: #fff; margin: 0 0 5px 0; } #hMiddle { float: left; width: 380px; margin: 30px 0 0; padding: 0px 0 0px 3px; } #hMiddle h2{ padding: 5px 0 0 90px; margin: 0 0 20px 0; } .longLinks { margin: 0 0 20px 0; } .longLinks div { padding: 8px 6px 8px 20px; } .longLinks div.light { background: #261e1a; } .longLinks a { font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; padding: 0 20px 0 0; text-decoration: none; } #threeLeft .longLinks a { font-size: 14px; } #wrap .longLinks p.date { font-size: 12px; color: #c3b2a9; margin: 0 0 2px 0; line-height: normal; } .longLinks a span { color: #929598; } .longLinks div.eHover { background: #ffffff url('/assets/images/global/arrowOnWhite.gif') 97% 50% no-repeat; cursor: pointer; } .longLinks div.eHover a{ color: #000; text-decoration: underline; } .longLinks div.eHover a span{ color: #000; } .longLinks div.eHover p.date { color: #000; } #hRight { float: left; position: relative; width: 271px; margin: 30px 0 0; padding: 0px 1px 0 3px; } #hRight h2 { padding: 5px 0 0 30px; margin: 0 0 3px 0; } #homeNewsImage { position: relative; left: 10px; } #homeForum { height: 66px; background: url('/assets/images/home/hippoForumBg.jpg') left top no-repeat; padding: 27px 0 0 70px; margin: 0 0 10px 0; } #homeForum h3 { padding: 5px 0 0; color: #2f1c14; font-size: 22px; } /****************************************** inner ***************************************/ #inner { min-height:850px; height:auto !important; height:850px; } #jukebox { margin: 0 auto 10px; width: 377px; } /************************* useful lnks *********************/ #usefulLinks li { padding: 3px 0 10px 50px; } #usefulLinks li a{ font-family: "Times New Roman", times; color: #ffffff; font-size: 16px; } #uSpeech { background: url('/assets/images/inner/speechIcon.gif') left top no-repeat; } #uTickets { background: url('/assets/images/inner/ticketIcon.gif') left top no-repeat; } #uDownload { background: url('/assets/images/inner/downloadIcon.gif') left top no-repeat; } #uMyspace { background: url('/assets/images/inner/myspaceIcon.gif') left top no-repeat; } #uEmail { background: url('/assets/images/inner/emailIcon.gif') left top no-repeat; } /**************** organised by *************/ #org { min-height:126px; height:auto !important; height:126px; background: url('/assets/images/inner/organisedBg.jpg') 0px 0px no-repeat; padding: 0 0 0 12px; } #org #orgBy { font-size: 14px; color: #fff; margin: 0 0 8px 0; } #org #orgName { color: #1e130e; font-size: 16px; font-weight: bold; min-height:30px; height:auto !important; height:30px; } #org a { font-size: 14px; color: #1e130e; margin: 0 5px 5px 0; } /**************** buy tickets *************/ #buyTicketsWrap { background: url('/assets/images/inner/ticketsLogo.gif') 99% 98% no-repeat; padding: 0 0 20px 0; } #buyTickets { display: block; width: 200px; height: 141px; margin: 0 0 0 10px; } /************************* events navigation panel + gig listings *********************/ /**************** layout *************/ #oneColWrapper { padding: 0 40px 0 15px; } #eventPanel { padding: 7px 0 0; } #eventPanel label { display: block; width: auto; float: left; text-transform: uppercase; font-size: 12px; color: #ffffff; padding: 3px 0 0; margin: 0 7px 0 0; } #eventPanel select { display: block; float: left; margin: 0 20px 0 0; } select, input { color: #251811; font-size: 12px; text-transform: uppercase; padding: 1px 0px 1px 6px; } #eVertSplitter { height: 28px; float: left; background: url('/assets/images/global/vertLine.gif') right top repeat-y; padding: 7px 15px 6px 0 ; margin: 0 35px 0 0; width: auto; } #ctl00_cphContent_txtKeywordSearch { margin: 6px 0 0; } #eHorizSplitter { height: 2px; clear: both; background: url('/assets/images/global/horizLine.gif') left top repeat-x; margin: 0 0 5px 0; } #wrap #showingText { font-size: 16px; text-transform: uppercase; color: #ffffff; } #eventLeft { width: 456px; float: left; } #eventRight { width: 405px; float: right; } #wrap #pageInfo { color: #c7b8b1; font-size: 14px; width: auto; float: right; } #pageInfo a { color: #c7b8b1; } #eventRight ul { width: auto; float: right; padding: 0 0 0 20px; } #eventRight ul li { display: inline; color: #b5a69e; padding: 0 4px; background: none; } #eventRight ul li a { color: #b5a69e; } #eventRight ul li.on a, #eventRight ul li.on a:hover { color: #fff; text-decoration: none; } /**************** gig wrap *************/ .gigWrap { background: #3a2c24 url('/assets/images/global/horizLine.gif') left bottom repeat-x; padding: 10px; } .gigLeft { display: block; width: 160px; float: left; } .gigMiddle { width: 330px; float: left; padding: 0 10px; } .gigRight { width: 326px; float: right; } .gigMiddle h4 { margin: 0 0 5px 0; } .gigMiddle h4 a { font-size: 18px; color: #fff; text-transform: uppercase; } #wrap .gigDate, .gigMiddle ul li, .gigMiddle ul li a{ font-size: 14px; text-transform: uppercase; color: #fff; margin: 0 0 7px 0; } #wrap .gigMiddle ul li { display: inline; margin: 0 3px; padding: 0; background: none; } /************************* band page *********************/ .bgInnerThreeBand #jukebox { margin: -13px auto 10px; } #nextPlaying { min-height:53px; height:auto !important; height:53px; background: url('/assets/images/inner/nextPlaying.gif') left top no-repeat; padding: 6px 0px 0 65px; } #nextPlaying h4 { font-size: 17px; color: #2b1b13; text-transform: uppercase; font-weight: bold; margin: 0 0 4px 0; } #nextPlaying h4 a { } #gList { margin: 0 0 15px 0; } #gList li { display: inline; color: #fff; font-size: 14px; text-transform: uppercase; } #gList #gFirst { color: #d0d0d0; } #gList li a { font-weight: bold; color: #fff; } #bandThumbs { padding: 0 0 0 0px; } #bandThumbs li { display: block; float: left; margin: 0 10px 10px 0; } #bandThumbs a { display: block; float: left; width: 92px; height: 93px; background: url('/assets/images/inner/bandThumbBg.gif') bottom right no-repeat; } #bandThumbs a img { border: 1px solid #fff; } #bandThumbs a:hover { width: 86px; height: 87px; background: none; padding: 6px 0 0 6px; } /************************* news page *********************/ #newsControls { padding: 0 0 0 10px; margin: 0 0 6px 0; } #newsStory img { float: left; margin: 0 6px 6px 0; } /**************** left lnks *************/ .newsLinks { margin: 0 0 20px 0; } .newsLinks div { padding: 8px 6px 8px 20px; } .newsLinks a { font-size: 14px; color: #a6a6a6; font-weight: bold; text-transform: uppercase; padding: 0 20px 0 0; } #wrap .newsLinks p.date { font-size: 12px; color: #c3b2a9; margin: 0 0 2px 0; line-height: normal; } .newsLinks a span { color: #929598; } .newsLinks div.on a { color: #fff; text-decoration: none; } .newsLinks div.light { background: #36271f; } /****************************************** payment page ***************************************/ #wrap #innerWrap .payPage { padding-top: 20px; } #wrap .payInfoLabel { width: 130px; float: left; font-size: 14px; color: #fff; font-weight: normal; } #wrap .payInfoData { width: 260px; float: left; font-size: 16px; color: #fff; font-weight: bold; } .payPage label { display: block; color: #fff; width: 210px; float: left; } .payPage br { clear: both; } .payPage input, .payPage select { width: 200px; float: left; margin: 0 0 15px 0; } #done { float: left; display: block; width: 195px; padding: 0 30px 0 0; } #doneRight { width: 600px; float: left; } .payPage h2 { color: #fff; margin: 0 0 20px 0; font-family: "Times New Roman", times; text-transform: uppercase; } .codes td { padding: 4px; color: #fff; border: 1px solid #51382c; } .codes { margin: 0 0 10px 0; } #secWhat { clear: both; } #ctl00_cphContent_ddlExpiryMonth, #ctl00_cphContent_ddlExpiryYear, #ctl00_cphContent_ddlStartMonth, #ctl00_cphContent_ddlStartYear, #ctl00_cphContent_txtIssueNumber { width: 100px; margin: 0 10px 15px 0; } #wrap #totalCost { font-size: 15px; color: #fff; } #wrap #totalCost span { font-size: 20px; padding: 0 0 0 10px; } /**************** newsletter signup page *************/ #signUpFields { padding: 2px 0 8px 0; background: url('/assets/images/global/horizLine.gif') left bottom repeat-x; margin: 0 0 10px 0; } .signUpPage label { font-family: arial; padding: 0 20px; color: #fff; font-size: 14px; } #noSpam { padding: 0 0 13px 0; background: url('/assets/images/global/horizLine.gif') left bottom repeat-x; margin: 0 0 10px 0; } #noSpam img { display: block; float: left; width: 79px; padding: 0 20px 0 0; } #noSpam div { float: left; width: 699px; } #noSpam div p { font-size: 17px; font-weight: normal; } #signUpGenres, .signupQuestion { margin: 0 0 10px 0; } #signUpGenres span, .signupQuestion span { color: #fff; font-size: 14px; padding: 0 10px 0 0; } #signUpGenres label, .signupQuestion label { padding: 0 10px; } #priv { background: url('/assets/images/inner/padlock.gif') left top no-repeat; padding: 0 0 0 30px; color: #fff; } /************************* contact page *********************/ #wrap .contactPage { padding: 20px 40px 0 15px; } #cLeft { width: 495px; float: left; background: url('/assets/images/global/vertLine.gif') right top repeat-y; } #googleMap { width: 295px; height: 239px; float: left; margin: 0 15px 0 0; } #cLeft p { float: left; width: 176px; font-size: 17px; color: #fff; } #cRight { width: 345px; float: left; padding: 0 0 0 20px; } #cRight input { width: 300px; margin: 0 0 15px 0; padding: 4px; text-transform: none; font-family: "Times New Roman", times; font-size: 15px; } #cRight textarea { font-family: "Times New Roman", times; font-size: 15px; width: 300px; height: 166px; margin: 0 0 15px 0; padding: 4px; } /************************* band listings *********************/ #wrap .bandListings { padding-top: 20px; } .bandListings label { font-size: 12px; color: #fff; padding: 0 20px 0 0; } .bandListings table { padding: 20px 0 0; width: 100%; } .bandListings table.withJs tr{ cursor: pointer; } .bandListings table th { color: #fff; font-size: 12px; padding: 0 0 10px 10px; } .bandListings table th a { color: #fff; text-transform: uppercase; } .bandListings table th.headerSortDown { background: url('/assets/images/inner/downArrow.gif') 110px 3px no-repeat; } .bandListings table th.headerSortUp { background: url('/assets/images/inner/upArrow.gif') 110px 3px no-repeat; } .bandListings table td { font-size: 14px; text-transform: uppercase; color: #fff; padding: 10px 0 10px 10px; } .bandListings table td a { color: #fff; } .bandListings tr.darker td { background-color: #382821; } #wrap .bandListings tr.hover td { background-color: #fff; color: #2b1b13; } #wrap .bandListings tr.hover td a { color: #2b1b13; } /************************* sitemap *********************/ #wrap .sitemap { padding-top: 20px; } .sitemap a { color: #fff; } .sitemap .sMain { background: url('/assets/images/global/horizLine.gif') left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0; } .sitemap .sMain a { font-size: 18px; } .sitemap ul li { margin: 0 0 10px 0; } .sitemap ul li a { font-size: 14px; } /****************************************** forum pages ***************************************/ /************************* forum inner *********************/ #forumNav { padding: 10px 0; } #oneColWrapper #forumNav li { display: inline; font-size: 14px; color: #fff; margin: 0 4px 0 0; font-family: arial; padding: 0; background: 0; } #forumNav li a { font-size: 14px; color: #fff; font-family: arial; } #forumSearch { float: left; width: 304px; margin: 0 0 0px 15px; padding: 10px 0 10px 0; } .forumPages { padding-top: 10px; } #goTo { background: url('/assets/images/inner/downArrow.gif') 96% 50% no-repeat; padding: 2px 12px 2px 3px; border: 1px solid #fff; font-size: 14px; display: block; float: right; margin: 0 0 0 5px; position: relative; height: 20px; background-color: #2b1b13; } #goTo a { color: #fff; display: block; width: 40px; } #goToFind { position: absolute; top: 24px; left: -56px; width: 100px; padding: 5px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #2b1b13 url('/assets/images/inner/goToTop.gif') left top no-repeat; } #goFind, #ctl00_cphContent_txtGoPage { width: 29px; margin: 0 10px 0 0; } #oneColWrapper #forumTable { width: 100%; } #forumOne { width: 72px; } #forumTwo { width: 466px; } #forumTable th { font-size: 12px; text-transform: uppercase; color: #fff; font-family: arial; padding: 5px 10px; } #forumTable td { padding: 10px; background-color: #41322b; border-right: 1px solid #241711; border-bottom: 1px solid #241711; } #forumTable td { color: #fff; } #forumTable td a { color: #fff; font-size: 14px; font-weight: bold; } .nameLeft { width: 360px; float: left; } .nameRight { width: 70px; float: right; } .nameRight a { margin: 0 2px 0 0; } #wrap .nameLeft p { font-size: 14px; color: #9a8b84; margin: 0 0 4px 0; } .nameLeft p a { color: #fff; text-transform: uppercase; padding: 0 6px 0 0; } .nameLeft p span { color: red; font-family: "Times New Roman", times; text-transform: uppercase; padding: 0 4px 0 0; } .nameLeft .posterName { color: #9a8b84; text-transform: none; } #oneColWrapper .namePages li { display: inline; margin: 0 6px 0 0; font-size: 14px; color: #fff; background: 0; } #wrap .lastPost p { text-transform: uppercase; color: #fff; } .lastPost p a { text-transform: none; } .nameLeftOuter a { font-size: 14px; text-transform: uppercase; } #wrap .nameLeftOuter p { padding: 5px 0 0; font-size: 14px; color: #fff; margin: 0; } /**************** forum post page *************/ .post { background: #41322b url('/assets/images/forum/postBg.gif') left top repeat-y; } .pTopBar{ background-color: #fff; padding: 3px 5px; } #wrap .pTopBar p { width: 325px; float: left; margin: 0; font-size: 14px; text-transform: uppercase; color: #41322b; font-weight: bold; } .pTopBar ul { float: right; text-align: right; width: 308px; } .pTopBar ul li { display: inline; margin: 0 0 0 5px; font-family: arial; font-size: 14px; color: #41322b; } .pTopBar ul li a { color: #41322b; font-family: arial; } .postLeft { width: 152px; background-color: #41322b; float: left; padding: 10px; } .postLeft a { font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; } .postLeft img { padding: 20px 0; } #wrap .postLeft p { font-size: 14px; color: #fff; margin: 0; } .postRight { padding: 10px 10px 10px 182px; } .postRight h3 { font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; font-family: "Times New Roman", times; margin: 0 0 12px 0; } #wrap .postRight p { font-family: arial; } .sig { background: url('/assets/images/global/horizLine.gif') left top repeat-x; padding: 15px 0 0; } #wrap .sig p { color: #fff; font-family: "Times New Roman", times; font-size: 14px; } #postFooter, #forumFooter { background: url('/assets/images/global/horizLine.gif') left top repeat-x; padding: 10px 0 0; margin: 10px 0 0; } #postFooter ul, #forumFooter ul { width: auto; float: right; padding: 0 0 0 20px; } #postFooter ul li, #forumFooter ul li { display: inline; color: #b5a69e; padding: 0 4px; } #postFooter ul li a, #forumFooter ul li a { color: #b5a69e; } #postFooter ul li.on a, #postFooter ul li.on a:hover, #forumFooter ul li.on a, #forumFooter ul li.on a:hover { color: #fff; text-decoration: none; } .postReplyTitle { font-size: 20px; color: #fff; background: url('/assets/images/global/horizLine.gif') left bottom repeat-x; padding: 0 0 4px 0; margin: 0 0 15px 0; clear: both; } #bbEditWrap { text-align: center; padding: 10px 0; } #ctl00_cphContent_txtSubject { width: 300px; } #replyControls { width: 693px; } #replyControls .sq { float: right; margin: 0 0 0 4px; } #replyControls label { display: block; width: 229px; font-size: 12px; text-transform: none; font-family: arial; text-align: right; float: right; padding: 0px 15px 0 0; } #wrap #replyControls #ctl00_cphContent_chkNotify { display: block; float: right; margin: 0 20px 0 0; } #wrap #postPreview { padding: 10px; background-color: #312825; font-family: arial; color: #fff; } #wrap #postPreview strong { color: #fff; } #wrap #postPreview em { font-style: italic; } #postSummary { background-color: #2b2522; } #postSummary div { background-color: #fff; padding: 6px; } #wrap #postSummary #postBy { width: 394px; float: left; font-family: arial; color: #312825; font-size: 14px; margin: 0; padding: 0; } #wrap #postSummary #postDate { width: 330px; float: right; text-align: right; font-family: arial; color: #312825; font-size: 14px; margin: 0; padding: 0; } #wrap #postSummary p { padding: 15px; margin: 0; font-family: arial; color: #fff; } /**************** forum search results page *************/ #fSearchBigger { width: 180px; } #oneColWrapper #fSResults { font-size: 17px; color: #fff; } .sFResult { background: #3a2c24 url('/assets/images/global/horizLine.gif') left bottom repeat-x; padding: 10px; } .sFLeft { width: 605px; float: left; background: url('/assets/images/global/vertLine.gif') right top repeat-y; } .sFRight { width: 218px; float: left; background: url('/assets/images/global/vertLine.gif') left top repeat-y; margin: 0 0 0 -2px; padding: 0 0 0 10px; } .sFLeft h4 { margin: 0 0 10px 0; } .sFLeft h4 a { font-size: 18px; color: #fff; text-transform: uppercase;} #oneColWrapper .sFLeft p { font-size: 14px; } #oneColWrapper .sFRight p { margin: 0 0 3px 0; font-size: 13px; font-family: arial; } #oneColWrapper .sFRight p a, #oneColWrapper .sFRight p span { color: #fff; font-family: arial; } /**************** forum profile page *************/ #profile { padding: 20px 0 0; } #profile img { display: block; float: left; width: 132px; } #profileRight { width: 679px; float: left; padding: 0 0 0 20px; } #profileRight p { font-size: 14px; } #profileRight p span { font-size: 16px; color: #fff; } #profileRight ul { padding: 0 0 0 20px; margin: 0 0 15px 0; } #profileRight li { margin: 0 0 5px 0; list-style: disc; color: #fff; } #profileRight li a { font-size: 14px; color: #fff; } #profileRight .pLink { display: block; background: #3a2c24 url('/assets/images/global/horizLine.gif') left bottom repeat-x; padding: 6px; margin: 0 0 7px 0; color: #fff; font-size: 14px; width: 500px; } body #profileRight .pLink span { text-transform: uppercase; padding: 0 0 5px 0; display: block; } /************************* login *********************/ #wrap #innerWrap .login { padding-top: 20px; } .login input { text-transform: none; } .login label { display: block; color: #fff; width: 80px; float: left; } .login br { clear: both; } .login input { width: 200px; float: left; margin: 0 0 15px 0; } .login #tryAgain { color: Red; padding-bottom: 10px; }