/* $Id: holdingpage.css 13197 2010-12-08 12:40:19Z outsource $ */ @charset "UTF-8"; /* CSS RESET */ * { border: 0; outline: 0; padding: 0; margin: 0; } :focus { outline: 0; } .clr { clear: both; } .display-none { display:none; } .remove { text-indent:-9999px; } /* GENERAL */ body { font: normal 12px/14px Arial, Helvetica, sans-serif; margin: 0px; text-align: left; min-height: 1600px; position: relative; left: 0px; top: 0px; } div { display: block; } a:link { color: #F90; text-decoration: none; } a:visited { text-decoration: none; color: #C60; } a:hover { text-decoration: underline; color: #F90; } a:active { text-decoration: none; color: #F60; } /* LAYOUT */ #header { height: 110px; } #header h1 { width: 780px; height: 85px; display: block; margin-right: auto; margin-left: auto; position: relative; left: 0px; top: 0px; } #header #menustrip { height: 24px; width: 100%; background: url(http://mylegacylist.com/images/headermenu-bg.png) repeat-x; } #header #menustrip #menu { margin: 0px auto; width: 780px; } #hero { height: 192px; margin: 1px auto 4px; width: 780px; background: url(http://mylegacylist.com/images/holdingpage-hero.png) no-repeat; position: relative; } #infostrip { height: 44px; margin: 12px auto; width: 980px; background: url(http://mylegacylist.com/images/info-strip.png) no-repeat; } #contentwrap { margin: 12px auto; width: 780px; height: 1100px; } #contentwrap #twitter-box { width: 256px; height: 1020px; position: relative; left: 0px; top: 0px; background: url(http://mylegacylist.com/images/twitter-bg.png) no-repeat 0px 0px; float: right; } #contentwrap #blog-box { width: 516px; height: 466px; float: left; margin-bottom: 8px; position: relative; left: 0px; top: 0px; background: url(http://mylegacylist.com/images/blog-bg.png) no-repeat 0px 0px; } #contentwrap #ad-box { width: 516px; height: 354px; float: left; margin-bottom: 8px; } #footer { height: 75px; position: relative; top: -280px; background: url(http://mylegacylist.com/images/holdingpage-footer-bg.png) repeat-x 0px 0px; } /* STYLE */ h1,h2,h3,h4,h5,h6 { font-weight: bold; } h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } /* #header */ #header h1 .domainname { font-size: 28px; width: 320px; float: left; position: relative; left: -3px; top: 40px; } #header h1 .tld { font-size: 14px; } #header h1 .registered { font-size: 14px; font-weight: normal; width: 408px; position: relative; right: -4px; top: 45px; float: right; } #header h1 .UK2logo { height: 34px; width: 165px; background: url(http://mylegacylist.com/images/uk2-logo.png) no-repeat; text-indent: -9999px; display: block; position: absolute; right: 0px; top: -18px; } #header #menustrip #menu .systemclock { font-size: 12px; font-weight: bold; color: #F90; padding-top: 6px; padding-left: 2px; width: 160px; float: left; } #header #menustrip #menu ul.links { list-style: none; font-size: 12px; font-weight: bold; float: right; width: 600px; text-align: right; padding-top: 6px; } #header #menustrip #menu ul.links li { display: inline; border-right: 2px solid #666; padding-right: 4px; padding-left: 4px; } #header #menustrip #menu ul.links .lastli { border: none; } #header #menu ul.links a:link { color: #333; text-decoration: none; } #header #menu ul.links a:visited { text-decoration: none; color: #666; } #header #menu ul.links a:hover { text-decoration: underline; color: #333; } #header #menu ul.links a:active { text-decoration: none; color: #F60; } /* #hero */ #hero h2 { text-indent: -9999px; } #hero h3 { text-align: center; height: 32px; width: 780px; font-size: 20px; color: #333; position: absolute; top: 164px; } #hero h3 .pound { color: #FFF; text-shadow: black 0px 1px 1px; } #hero h3 .price { font-size: 30px; color: #FFF; text-shadow: black 0px 1px 1px; } #hero #domainsearch { position: absolute; left: 0px; top: 0px; } #hero #domainsearch fieldset legend { display: none; } #hero #domainsearch fieldset #domainsearch_name { border-style: none; font-size: 14px; font-weight: bold; color: #CCC; width: 276px; height: 26px; position: absolute; top: 97px; left: 238px; } #hero #domainsearch fieldset #domainsearch_submit { height: 38px; width: 38px; position: absolute; top: 92px; left: 524px; background: url(http://mylegacylist.com/images/BTN-serch-spt.png) no-repeat 0px 0px; text-indent: -9999px; } #hero #domainsearch fieldset #domainsearch_submit:hover { background: url(http://mylegacylist.com/images/BTN-serch-spt.png) no-repeat 0px -38px; } /* #infostrip */ #infostrip h5 { text-align: center; padding-top: 6px; font-size: 13px; line-height: 16px; } /* #twitter-box*/ #twitter-box h3 { padding-left: 16px; position: relative; top: 16px; } #twitter-box h3.ontwit { padding-left: 32px; padding-top: 16px; width: 100px; height: 16px; position: relative; } #twitter-box h3.ontwit .twitlogo { height: 44px; width: 187px; background: url(http://mylegacylist.com/images/twitter-spt.png) no-repeat 0px 0px; text-indent: -9999px; position: absolute; left: 62px; top: 12px; } #twitter-box p.twit-results { font-style: italic; color: #FFF; padding-left: 8px; position: absolute; top: 98px; } #twitter-box p.twit-refresh { font-weight: bold; position: absolute; top: 98px; right: 12px; background: url(http://mylegacylist.com/images/holdingpage-spt.png) no-repeat 0px -16px; padding-left: 18px; } #twitter-box p.twit-refresh a { color: #FFF; } #twitter-box #tweet-feed { width: 220px; margin-right: auto; margin-left: auto; position: relative; top: 90px; max-height:700px; overflow-x:hidden; overflow-y:scroll; } #twitter-box #tweet-feed .tweet { padding-top: 8px; padding-bottom: 12px; border-bottom: 1px dotted #999; } #twitter-box #tweet-feed .tweet .birdie { height: 44px; width: 54px; background: url(http://mylegacylist.com/images/twitter-spt.png) no-repeat -187px 0px; float: left; } #twitter-box #tweet-feed .tweet .who { font-weight: bold; color: #F60; margin-bottom: 2px; } #twitter-box #tweet-feed .tweet .who a { color: #F60; } #twitter-box #tweet-feed .tweet .what { font-style: italic; } #twitter-box #tweet-feed .tweet .address { color: #F90; font-weight: bold; font-size: 11px; } #twitter-box #tweet-feed .tweet .when { color: #999; clear: both; font-size: 11px; text-align: left; margin-left:20px; } #twitter-box div.twit-fade { height: 434px; width: 258px; background: url(http://mylegacylist.com/images/twitter-fade.png) repeat-x; position: absolute; top: 600px; left: -1px; } /* #blog-box */ #blog-box #blog-head { width: 500px; margin-right: auto; margin-left: auto; height: 50px; border-bottom: 1px dotted #999; margin-bottom: 1px; margin-top: 4px; } #blog-box #blog-head h3 { font-size: 16px; font-weight: normal; position: relative; left: 16px; top: 18px; } #blog-box #blog-head h3 .logo { height: 16px; width: 78px; text-indent: -9999px; background: url(http://mylegacylist.com/images/UK2-logo-blog.png) no-repeat 0px 0px; float: left; position: relative; top: -3px; margin-right: 6px; } #blog-box #blog-head h3 a { color: #333; } #blog-box #blog-head p.subscribe { font-weight: bold; float: right; background: url(http://mylegacylist.com/images/holdingpage-spt.png) no-repeat 0px 0px; padding-left: 20px; position: relative; top: 8px; padding-right: 8px; } #blog-box .post { border-bottom: 1px dotted #999; width: 500px; height: 90px; margin-right: auto; margin-left: auto; background: url(http://mylegacylist.com/images/blogpost-bg.png) no-repeat 0px 0px; position: relative; left: 0px; top: 0px; margin-bottom: 1px; clear: both; } #blog-box .post .date { text-align: center; height: 60px; width: 50px; position: absolute; left: 14px; top: 16px; float: left; } #blog-box .post .date .year { font-size: 10px; font-weight: bold; color: #FFF; padding-top: 2px; } #blog-box .post .date .month { font-size: 10px; color: #666; font-weight: normal; font-variant: small-caps; } #blog-box .post .date .day { font-size: 24px; font-weight: bold; color: #666; padding-top: 6px; } #blog-box .post h4 { color: #F90; padding-left: 80px; padding-top: 16px; } #blog-box .post h5 { padding-left: 80px; color: #999; font-size: 10px; padding-top: 4px; } #blog-box .post p { padding-left: 80px; } #blog-box .post .more { font-size: 16px; color: #F90; float: right; position: relative; top: -10px; font-weight: bold; left: -10px; } #blog-box .categories-link { font-weight: bold; float: left; width: 100px; padding-left: 24px; padding-top: 16px; } #blog-box .entries-link { font-weight: bold; width: 100px; float: right; padding-top: 16px; padding-right: 4px; } /* #ad-box */ #ad-box .half-ad { height: 172px; width: 516px; position: relative; left: 0px; top: 0px; background: url(http://mylegacylist.com/images/ad-half-vps-bg.png) no-repeat 0px 0px; margin-bottom: 8px; } #ad-box .half-ad h2 { text-indent: -9999px; } #ad-box .half-ad h3 { text-indent: -9999px; } #ad-box .half-ad p { height: 36px; width: 260px; font-size: 13px; font-weight: bold; position: absolute; left: 28px; top: 84px; } #ad-box .btn-cta { position: absolute; width: 198px; left: 32px; top: 128px; text-align: center; height: 34px; } #ad-box .btn-cta a { color: #FFF; font-size: 13px; font-weight: bolder; display: block; height: 24px; width: 198px; padding-top: 10px; background: url(http://mylegacylist.com/images/btn-ad-spt.png) no-repeat 0px 0px; text-shadow: black 0px 1px 1px; } #ad-box .btn-cta a:hover { background: url(http://mylegacylist.com/images/btn-ad-spt.png) no-repeat 0px -34px; } #ad-box .quarter-ad { position: relative; left: 0px; top: 0px; height: 172px; width: 254px; margin-bottom: 8px; } #ad-box .quarter-ad h2 { text-indent: -9999px; } #ad-box .quarter-ad h3 { text-align: right; font-size: 12px; font-weight: normal; width: 100px; position: absolute; left: 16px; top: 36px; } #ad-box .quarter-ad .free { font-size: 16px; font-weight: bold; } #ad-box .quarter-ad.left { background: url(http://mylegacylist.com/images/ad-quarter-bb.png) no-repeat 0px 0px; float: left; } #ad-box .quarter-ad.right { background: url(http://mylegacylist.com/images/ad-quarter-xmas3f2.png) no-repeat 0px 0px; float: right; } /* #footer*/ #footer #footer-cont { width: 780px; margin-right: auto; margin-left: auto; position: relative; left: 0px; top: 30px; } #footer #footer-cont .info-link { float: left; height: 16px; width: 130px; } #footer #footer-cont .info-link a { font-size: 11px; font-weight: bold; color: #333; } #footer #footer-cont .info-link a:hover { color: #F90; } #footer #footer-cont .copy-link { font-size: 9px; float: right; width: 500px; height: 16px; text-align: right; padding-top: 1px; }