/* Pepsi Splash */ .welcome-inner { width: 934px; padding: 20px 0; } .welcome-splash { width: 598px; margin-left: auto; margin-right: auto; height: 438px; dispay: block; background: transparent url(/img/welcome/branding/welcome-bg-splash.jpg); position: relative; } .welcome-splash a { width: 170px; height: 241px; background: transparent url(/img/welcome/branding/welcome-btn-cta.png); position: absolute; bottom: 20px; right: 20px; text-indent: -9999px; } /* Regular Stuff */ #flash { margin: 12px 0 12px 0; text-align: center; } #container { width: 964px; overflow: hidden; } #welcome-main { width: 625px; float: left; margin-left: 15px; } #welcome-main-inner { padding: 0 15px 60px 15px; } #welcome-main.black { background-image: url(/img/welcome/main_bg_black.gif); } #welcome-main.black #welcome-main-inner { background-image: url(/img/welcome/main_bg_black_bottom.gif); } #welcome-main-inner h2 { margin: 21px 0 0 13px; background: transparent url(/img/welcome/home_title.gif) no-repeat 0 0; font-size: 1px; } #welcome-main-inner h2 span { display: block; text-indent: -9999px; visibility: hidden; width: 509px; height: 34px; } #welcome-main-inner p { font-size: 13px; color:#2E58A1; width: 22em; margin: 1px 0 9px 13px; line-height: 15px; } #welcome-main-inner ul { margin: 0 0 0 7px; padding: 0; list-style: none; width: 575px; overflow: hidden; } #welcome-main-inner li { width: 115px; list-style: none; float: left; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; } #welcome-main-inner li dl { margin: 0; padding: 0; list-style: none; position: relative; width: 115px; } #welcome-main-inner li dt { margin: 0 10px; padding: 0; min-height: 33px; font-size: 10px; } #welcome-main-inner li dd { margin: 0; padding: 10px 0 0 0; } #welcome-main-inner li dd img { display: block; margin: 0px 10px 0 10px; width: 95px; height: 95px; } #welcome-main-inner li dt a { display: block; padding-top: 6px; } #welcome-main-inner li dt a.male { color:#2E58A1; } #welcome-main-inner li dt a.female { color:#E34982; } #welcome-teasers { width: 310px; float: right; } #welcome-dotted-teaser { background: transparent url(/img/welcome/dotted_teaser_bottom.gif) no-repeat bottom; margin-bottom: 10px; } #welcome-dotted-teaser h3 { background: transparent url(/img/welcome/title_quiz_of_the_week.gif) no-repeat 0 0; font-size: 1px; } #welcome-dotted-teaser h3 span { display: block; text-indent: -9999px; visibility: hidden; width: 326px; height: 40px; } #welcome-dotted-teaser p { font-size: 13px; color:#2E58A1; width: 280px; margin: 0 auto 8px auto; text-align: center; line-height: 15px; } #welcome-teasers ul { list-style: none; margin: 0 auto; padding: 0; width: 300px; } #welcome-teasers li { list-style: none; margin: 0 0 10px 0; padding: 0; width: 300px; float: left; } #welcome-teasers li img { display: block; } #welcome-dotted-teaser div { width: 300px; margin: 0 auto; padding-bottom: 13px; } .welcome-clear { clear: both; height: 1px; overflow: hidden; } ul#welcomeAds { list-style: none; margin: 0 auto; padding: 0; width: 600px; } ul#welcomeAds li { list-style: none; margin: 0 0 10px 0; padding: 0; width: 300px; float: left; } ul#welcomeAds li img { display: block; } /* logged in view: */ #welcome-main-inner.logged-in-welcome h2.welcomeBack { font-family: "Trebuchet MS",Trebuchet,arial,helvetica,sans-serif !important; font-size: 28px; background: none; margin: 27px 0 7px 14px; letter-spacing: 1px; line-height: 26px; } #welcome-main-inner.logged-in-welcome p { width: 560px; margin-bottom: 10px; } .logged-in-welcome .clear { clear: both; height: 0; overflow: hidden; } /* Updated Headers */ .logged-in-welcome .header-icon { float: left; width: 55px; margin-bottom: 4px; } .logged-in-welcome .header-title { float: left; margin-bottom: 4px; position: relative; width: 595px; } .logged-in-welcome .header-title h3 { font-family: "Trebuchet MS",Trebuchet,arial,helvetica,sans-serif !important; text-transform: uppercase; line-height: 30px; position: absolute; margin: 0; width: 523px; color: #fff; letter-spacing: 1px; text-indent: 2px; } /* .logged-in-welcome .header-title h3 { font-family: "Trebuchet MS",Trebuchet,arial,helvetica,sans-serif !important; text-transform: uppercase; line-height: 30px; margin: 73px 0 0 37px; width: 523px; color: #fff; letter-spacing: 1px; text-indent: 2px; } */ .logged-in-welcome #moreItems .image { background: transparent url(/img/welcome/loggedin/icon34L_start.png) no-repeat 0 0; height: 34px; width: 34px; } .logged-in-welcome #moreItems a { font-family: "Trebuchet MS",Trebuchet,arial,helvetica,sans-serif !important; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-size: 12px; } .logged-in-welcome .more-button { position: absolute; top: -2px; right: 20px; } #welcome-main-inner.logged-in-welcome ul { margin-bottom: 10px; } /* Feeds Box */ #rgtCol .feedsInner { background: transparent url(/img/shoutbox/branding/sb_mid.gif) bottom left; } #feedsBox .feedsBoxBodyInnerTop { width: 270px; height: 10px; margin-left: 10px; background: #bfdcef url(/img/shoutbox/branding/feeds_inner_inner_top.gif) 0 0 no-repeat; overflow: hidden; } #feedsBox .feedsBoxBodyInnerBot { width: 270px; height: 10px; margin-left: 10px; margin-top: -3px; background: #bfdcef url(/img/shoutbox/branding/feeds_inner_inner_bot.gif) 0 0 no-repeat; overflow: hidden; } #feedsBox { margin-top: 5px; width: 300px; color: #101c3f; font-family: "Trebuchet MS", Trebuchet, arial, helvetica, sans-serif !important; background: #fff url(/img/shoutbox/branding/sb_bot.gif) bottom left no-repeat; padding-bottom: 11px; overflow: hidden; } * html #feedsBox { padding-bottom: 14px; margin-top: 0; } #feedsBox .clear { height: 0; overflow: hidden; clear: both; } #feedsBox #feedsBoxTop { background: transparent url(/img/shoutbox/branding/sb_top.gif) top left no-repeat; padding: 14px 14px 0 14px; margin-bottom: 1px; } #feedsBox h3 { font-weight: bold; font-size: 20px; margin: 9px 0 3px 17px; } #feedsBox #feedsBoxTop h3 {color: #101c3f; margin: 0 0 0 0; } #feedsBox .feedsBoxBody { background: #101c3f url(/img/shoutbox/branding/feeds_inner_bot.gif) bottom left no-repeat; width: 290px; margin: 5px; padding-bottom: 14px; position: relative; overflow: hidden; } #feedsBox .feedsBoxBody .feedsBoxBodyTop { background: #101c3f url(/img/shoutbox/branding/feeds_inner_top.gif) top left no-repeat; height: 22px; width: 290px; } #feedsBox .feedsBoxItem { background-color: #bfdcef; min-height: 60px; margin: 0 10px 3px 10px; padding: 5px 8px 8px 8px; font-family: "Trebuchet MS", Trebuchet, arial, helvetica, sans-serif !important; color: #101c3f; } #feedsBox .feedsBoxItem img { float: left; margin-right: 3px; } #feedsBox .feedsBoxItem p { margin: 0; font-size: 12px; line-height: 13px; } #feedsBox .feedsBoxItem p.time { color: #fff; font-size: 11px; margin: 0 0 2px 0; } #feedsBox .feedsBoxItem p.title { font-weight: bold; font-size: 13px; line-height: 14px; margin-bottom: 2px; } #feedsBox .feedsBoxItem p.title a { color: #0090ce; text-decoration: none; } #feedsBox .feedsBoxItem p.title span { color: #0090ce; } #feedsBox .feedsBoxItem p.no-info { margin-top: 4px; } #feedsBox .feedsSeeAll { position: absolute; top: 4px; right: 10px; } #feedsBox .feedsSeeAll a { text-transform: uppercase; color: #fff; text-decoration: none; font-size: 11px; display: block; background: url(/img/welcome/loggedin/sb_icon_reply_blue.gif) top right no-repeat; padding-right: 16px; } /* Profile Buttons */ .profileButtons #goToProfile { position: absolute; top: 135px; left: 140px; } .profileButtons #goToProfile h4 { width: 100px; position: absolute; top: 17px; left: 55px; } .profileButtons #ownerStatus { position: absolute; top: 169px; left: 142px; } .profileButtons #ownerStatus { margin-top: 14px; padding-left: 9px; } .profileButtons #ownerStatus ul, .profileButtons #ownerStatus dl, .profileButtons #ownerStatus li, .profileButtons #ownerStatus dt, .profileButtons #ownerStatus dd { list-style: none; margin: 0; padding: 0; } .profileButtons #ownerStatus li, .profileButtons #ownerStatus dt, .profileButtons #ownerStatus dd { width: 144px; float: left; } .profileButtons #ownerStatus dd { margin-bottom: 4px; } .profileButtons #ownerStatus dt { color: #000; font-size: 12px; float: left; width: 65%; margin-right: 6px; padding-top: 2px; white-space: nowrap; } .profileButtons #ownerStatus dd { font-size: 14px; float: right; color: #36c; text-align: right; width: 20%; } .profileButtons #ownerStatus dt a { color: #000; } .profileButtons #ownerStatus dt a:hover { color: #E34982; } .profileButtons #ownerStatus dd a { color: #36c; } .profileButtons #ownerStatus dd a:hover { color: #E34982; }