CSS Code for the WordPress.com Home Page, circa August 2008 Discussed @ https://perishablepress.com/css-implementations-of-the-rich-and-famous/ /* GLOBAL */ img.latex { vertical-align: middle; border: none; } form.contact-form { width: 100%; text-align: left; } form.contact-form textarea { width: 96%; } form.contact-form label { float: none; display: inline; } .form-error, form.contact-form p label.form-error { color: maroon; } .video-player { margin: auto; padding: 5px; text-align:center; border: 0px;} .wpvidavee_title { text-align:left; font-weight:bold; font-family:Tahoma,Arial,sans-serif; font-size:10px; line-height:12px; padding: 2px 5px; } .wpvidavee_footer { text-align:right; font-family:Tahoma,Arial,sans-serif; font-size:9px; line-height:11px; padding: 2px 5px; } .wpvidavee_footer a { text-decoration: none; } .wpvidavee_p { color: red; } .hidden { display: none; } .possibly-related { clear: both; } /* IE6 */ div#login { width: 168px; overflow: hidden; } div#featuredblog div.featured-content { height: 108px; } div#wpcom-author { margin-left: -80px; } div#welcomeback img.avatar { position: relative; float: left; } div#welcomeback h6 { padding-left: 0 !important; } div#footer ul#nav-util { padding-top: 6px; } div#footer p.automattic { padding-top: 0; } ul.post-categories { width: 450px; } div#getablog-small p.button a { padding: 10px 0 11px 0; } div#signupnow { height: 88px; } div#home-featuredblog { overflow: visible; margin-left: 5px; } div#home-featuredblog div.image { position: relative; } div#home-featuredblog .featured-content { width:380px !important; } ul#topnav { display: block; width: 400px; } #hot img.avatar { position: relative; } .col-10 { width: 770px !important; margin-left: -12px !important; } .col-6 { width: 420px !important; } div.admin { margin-left: 12px !important; } #postform { margin-left: 12px !important; } #tags .tag-list a { height:25px; display: block; float: none; } /* HACK */ #wrapper { overflow: hidden; /* This hides the excess padding in non-IE browsers */ } /* easy clearing */ #wrapper:after { content: '[ ]'; display: block; height: 0; clear: both; visibility: hidden; } #wrapper { display: inline-block; } /*\*/ #wrapper { display: block; } /* end easy clearing */ #footer { clear: both; } #header, #footer { } /* Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack */ * > #block_3, * > #footer, * > form, * > #notes, * > .output { position: relative; z-index: 1000; } /* STYLE */ /* Theme Name:H4 Theme URI:http://wordpress.com/ Version:4.5 Author:Matt Thomas Author URI:http://wordpress.com/ */ /* The Reset ---------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5, h6,pre,form,fieldset,input,p,blockquote,table, th,td {margin:0;padding:0;} fieldset,img,abbr {border:0;} address,caption,code,dfn,h1,h2,h3, h4,h5,h6,th,var {font-style:normal;font-weight:normal;} caption,th {text-align:left;} q:before,q:after {content:'';} a {text-decoration:none;} /* -------------------------- */ body { font-size:62.5%; background:#fff url(i/header-bg.png?2) center top repeat-x; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; } h2 em, h6.hot-cat, #hot ul li, #featuredblog h3, #home-featuredblog h3, #intro h2, #intro h6, #signupnow h4, p.heatmap, h2, ul.support-faq-topics a, #news ul li a, #tags .tag-list a, div.tag-post h4, .gad-head, #getablog h4, #hottags, #getablog-small h5, ol.postlist li h4, ol.bloglist li h4, .snap_topposts ul li a, p.support-faq-advise, .recentlyonpublisher ul li {font-family:Georgia,"Bitstream Vera Serif","Times New Roman",serif;} #getablog h2 {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;} body.loggedin { padding-top:28px; background-position:0 28px; } p { font-size:14px; line-height:1.6em; margin-bottom:1.4em; color:#666; } ul, ol {color:#666;} ol { margin-left:33px !important; font-size:13px; } em, cite, #getablog h2 em, #botdsearch, .form-table tr.error p strong { font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; font-style:italic; } p.lead-in a { font-weight:normal; padding-bottom:2px; border-bottom:1px solid #ddd; } p a, ul a, ol a, h2 a, h3 a, h4 a, h5 a, h6 a {border-bottom:1px solid #dfdfdf;} a:link, a:visited, h2 a:visited {color:#21759b;font-weight:normal;} .widefat a:visited, #tags a:visited, #hot a:visited, #botd a:visited, #news a:visited {color:#4ca6cf;} a:hover, h2 a:hover, .widefat a:hover, #tags a:hover, #hot a:hover, #botd a:hover, #news a:hover, a:active, h2 a:active {color:#d54e21} a {text-decoration:none;cursor:pointer;} #thread .contenttext, .commentlist .contenttext {overflow:auto;} #thread code, #commentlist code {border:1px solid #e5e5e5;background:#fcfcfc;display:block;padding:10px;width:95%;overflow:auto;color:#888;} ul#topnav { margin-right:14px; float:right; list-style:none; clear:right; text-align:right; margin-right:-9px; } ul#topnav li { float:left; margin:0; } ul#topnav li a { border:none; display:block; line-height:34px; padding:0 8px; font-size:14px; } ul#topnav li a.current { color:#555; background:#fff; -moz-border-radius-topleft:3px; -khtml-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -khtml-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; } ul#topnav li.last-child a.current {margin-right:8px;} h6 { font-size:11px; font-weight:bold; color:#444; } ol,ul { margin-left:24px; font-size:14px; line-height:1.6em; margin-bottom:20px } ol p {font-size:1em;} ol li,ul li {margin-bottom:4px;} blockquote { background:#f5f5f5; border:1px solid #dfdfdf; padding:22px 22px 0; margin-bottom:22px; } ol.postlist li blockquote, ol.bloglist li blockquote { font-size:12px; line-height:1.5em; padding:0; border:none; background:transparent; } #header { position:relative; height:88px; } #header h1 a { background:url(i/wordpress-logo.png?2) center left no-repeat; display:block; width:305px; height:88px; text-indent:-9999px; float:left; } #block_1 { padding:0 12px; float:left; width:552px; } #block_2 { padding:0 0 12px 12px; float:left; width:168px; } #block_3 { background:#fff; padding:0 12px 24px 12px; float:left; width:180px; } #wrapper { margin:0 auto 24px auto; width:960px; } .pagebody {margin-top:30px;} h2 { font-size:50px; line-height:1.2em; margin-left:12px; margin-bottom:12px; } #features h2 {font-size:60px;} .tier #botd {margin-top:4px;} #tagtitle {color:#999;} #tagtitle a {border:none;} #tagtitle strong { color:#000; font-weight:normal; } p.lead-in { font-size:18px; line-height:1.6em; margin-bottom:24px; margin-left:12px !important; color:#000 !important; } p.heatmap { border-top:1px solid #e5e5e5; padding-top:24px; text-align:justify; line-height:40px; margin-bottom:24px; } p.heatmap a { margin:0 0.2em 0 0; border:none; } #lang-guess { background:#f9f9f9; border:1px solid #dfdfdf; padding:6px; text-align:center; color:#333; clear:both; float:left; width:934px; margin:12px 0; } #signupnow { margin:0 0 24px 12px; background:#fffbcc; border:1px solid #e6db55; min-height:86px; padding-top:24px; } #signupnow h2 { font-size:24px; color:#444; text-align:center; } #signupnow-text { width:61%; float:left; } #signupnow-button { width:226px; height:63px; float:left; font-size:24px; text-align:center; } #signupnow-button a { display:block; color:#fff; width:226px; height:63px; line-height:60px; background:url(i/signupbackground.gif?3) center top no-repeat; text-shadow:#1e6c8f 2px 2px 0px; letter-spacing:-1px; } #signupnow-button a:hover { text-decoration:underline; background:url(i/signupbackground.gif?3) center bottom no-repeat; text-shadow:#b8441c 2px 2px 0px; } #signupnow h2 {margin-top:2px;} #signupnow h4 { margin-top:5px margin-left:0; font-size:14px; line-height:1em; font-weight:bold; font-style:italic; text-align:center; } #intro { padding:0 0 0 11px; margin:0 0 10px; clear:both; height:30px; } #intro h6 { font-size:12px; line-height:25px; letter-spacing:1px; text-transform:uppercase; font-weight:normal; color:#888; float:left; } #intro h6 span { font-size:16px; font-weight:normal; color:#000; } #intro h2 { font-size:22px; line-height:1.2em; margin-bottom:6px; margin-top:0; } #intro #language { float:right; height:25px; } #intro #language label {line-height:25px;} #intro #language select { background:#fff; border:1px solid #dfdfdf; } #home-featuredblog, #featuredblog { margin-bottom:24px; background:#fbfbfb; border:1px solid #f1f1f1; float:left; min-height:162px; margin-left:12px; } #featuredblog {width:694px;} #featuredblog a, #home-featuredblog a {border:none;} #home-featuredblog cite, #featuredblog cite { font-size:11px; line-height:1em; display:block; text-align:right; font-style:italic; margin-bottom:10px; } #home-featuredblog h6, #featuredblog h6 { margin-top:2px; margin-bottom:14px; } #featuredblog div.featured-content, #home-featuredblog div.featured-content { min-height:108px; float:left; padding:12px 12px 6px 14px; } #home-featuredblog div.featured-content {width:390px;} #featuredblog .featured-content {width:530px;} #home-featuredblog h3, #featuredblog h3 {margin-top:4px;} #featuredblog h3 { font-size:22px; line-height:1.2em; } #home-featuredblog h3 { font-size:17px; line-height:1.2em; } #featuredblog p, #home-featuredblog p { font-size:12px; line-height:1.6em; margin-top:8px; margin-right:12px; margin-bottom:4px; } #featuredblog div.image, #home-featuredblog div.image { float:left; width:134px; padding:12px 0 0 0; margin-left:-13px; } #featuredblog div.image img, #home-featuredblog div.image img { padding 2px; } div.image img { padding:4px; border:1px solid #e1e1e1; background:#fff; } #hot .head { border-top:2px solid #d9d9d9; border-bottom:1px solid #e5e5e5; padding:7px 12px; } #hot .head,#botd .head { border-top:2px solid #d9d9d9; border-bottom:1px solid #e5e5e5; padding:7px 12px; } #botd .head a {float:right;} .head a:visited {color:#21759b !important;} .head a:hover {color:#d54e21 !important;} #block_1 #botd {margin-right:0;} #botd { clear:both; margin-right:12px; } .head { clear:both; height:12px; } .head h6,.head h3 {float:left;} #botd .head {margin-bottom:12px;} .head a { margin-top:2px; font-size:9px; } #news .head a,#hot .head a,#tags .head a,#tagadmin {float:right;} #tagadmin { margin-top:24px; font-size:13px; } ul.tag-list { list-style:none; margin:0; font-size:10px; clear:both; float:left; width:100%; } ul.tag-list li.t1 {font-size:22px;} ul.tag-list li.t2 {font-size:20px;} ul.tag-list li.t3 {font-size:19px;} ul.tag-list li.t4 {font-size:18px;} ul.tag-list li.t5 {font-size:17px;} ul.tag-list li.t6 {font-size:16px;} ul.tag-list li.t7 {font-size:15px;} ul.tag-list li.t8 {font-size:14px;} ul.tag-list li.t9 {font-size:13px;} ul.tag-list li.t10 {font-size:12px;} ul.tag-list li {font-size:11px;margin-bottom:2px;padding-right:6px;float:left;} p#popular { color:#ccc; font-size:14px; line-height:1.7em; margin:12px 12px 8px 12px; border-bottom:1px solid #e1e1e1; padding-bottom:18px; } p#popular span#direct a:link { font-weight:bold; color:#09c; } p#popular span#direct a:hover {color:#0ca;} #hot div.blogs { width:277px; float:left; } #hot ul li a {width:220px;} #hot div.posts { width:275px; float:left; } #hot ul { float:left; line-height:1em; margin:12px 0; list-style:none; padding:0 12px 0 76px; } #hot a { border:none; } #hot ul li { width:184px; padding:3px 0; margin-bottom:12px; font-size:16px; line-height:1.3em; float:left; } #hot ul li.odd { clear:left; margin-right:92px; } #hot ul li * {vertical-align:top;} h6.hot-cat { font-size:10px; line-height:1em; font-weight:bold; letter-spacing:1px; color:#888; display:block; margin-top:5px; margin-bottom:4px; text-transform:uppercase; } #hot ul li img.avatar { float:left; margin:0 0 0 -64px; } #welcomeback { margin:0 0 16px 0; padding:0 0 12px 0; background:#e4f2fd; word-wrap:break-word; overflow:hidden; } #welcomeback a {border:none;} #welcomeback .head { position:relative; border-top:1px solid #c6d9e9; background:#d3e7f8; min-height:62px; } #welcomeback .head h6 { padding:10px 12px 10px 64px; margin-bottom:9px; font-weight:normal; } #welcomeback .head .username { font-size:13px; color:#000; } #welcomeback img { position:absolute; left:0; margin:4px; background:#fff; padding:2px; border:1px solid #cacad9; } #welcomeback p { margin:12px; font-size:10px; } #welcomeback p.register { line-height:15px; margin-bottom:0; } #welcomeback p.register a { line-height:2em; font-size:11px; } #welcomeback ul { font-size:10px; line-height:1em; list-style:none; margin:0 12px; padding:0 0 6px 0; border-bottom:1px solid #d6dee4; } #welcomeback ul li { background:url(i/bullet-blue.png) 0px 4px no-repeat; padding:0 0 6px 12px; margin-bottom:0; line-height:1.2em; } #login { margin:0 0 16px 0; background:#e4f2fd; } #login input#login-form {font-size:10px;} #login .head { border-top:1px solid #c6d9e9; background:#d3e7f8; padding:7px 12px 8px 12px; } #login form { margin:6px 0 12px 12px; padding-bottom:12px; } #login form label {font-size:11px;} #login form input#user_login, #login form input#user_pass { margin:4px 0; padding:0; width:150px; } #login p { font-size:10px; margin:0 12px 0 0; } #login p.rememberme {float:left;} #login p.submit {float:right;} #login p.lost { clear:both; padding-top:5px; } #news {background:#f5f5f5;} #news .head { border-top:1px solid #d1d1d1; background:#e9e9e9; padding:7px 12px 8px 12px; } #news ul { list-style:none; padding:12px; font-size:10px; line-height:1em; margin:0; } #news ul li { background:url(i/bullet-grey.png) 0px 6px no-repeat; padding:0 0 6px 12px; margin:0; } #news ul li a { display:block; font-size:12px; line-height:1.5em; border:none; } #block_2 #tags { margin-left:0; margin-top:0 !important; } #tags { margin-left:12px; margin-top:4px !important; } #tags .head { border-top:2px solid #d9d9d9; border-bottom:1px solid #e5e5e5; padding:7px 0; margin-bottom:8px; } #tags .tag-list a { line-height:25px; padding:4px 4px 4px 0; border:0; } #footer { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:11px; color:#888; padding:7px 0 10px 0; height:9px; } #footer a {border:none;} #footer ul#nav-util { padding:1px 0 0 12px; list-style:none; font-size:10px; line-height:1em; margin:0; } #footer ul#nav-util li { line-height:1em; font-size:10px; float:left; padding-right:10px; margin:0; } #footer p.automattic { line-height:1em; padding-top:1px; font-size:9px; margin-right:12px; letter-spacing:0.1em; float:right; text-transform:uppercase; } #footer p.automattic img {padding:0 2px 0 0;} p.tagnav { font-size:10px; border-top:1px solid #e5e5e5; position:relative; height:40px; padding-top:4px; } p.tagnav a { display:block; font-size:12px; border:none; } p.tagnav a.prev { position:absolute; margin-left:12px; left:0; } p.tagnav a.next { position:absolute; right:0; margin-right:12px; } .tag-post { list-style:none; padding:0 24px 4px 12px; margin-left:66px; margin-bottom:18px; clear:both; } .tag-post a {border:none;} .tag-post h4 { font-size:16px; line-height:1.3em; margin-bottom:0; margin-top:1em; margin-left:0; } .gad-head { font-size:16px; margin-bottom:0; } .tag-post p { font-size:12px; line-height:1.5em; margin-bottom:4px; margin-top:4px; margin-left:0 !important; } .tag-post p cite.author { color:#888; font-style:italic; } .tag-post p.tags { font-size:10px; color:#888; margin-right:4px; } div.tag-post img { float:left; margin-left:-66px; padding:2px; border:1px solid #ddd; } #getablog { margin:4px 0 24px 12px; background:#fffbcc; border:1px solid #e6db55; min-height:86px; padding-top:24px; } #getablog h2 { font-size:20px; line-height:1.2em; color:#555; margin:4px 0 0; text-align:center; } #getablog-button { width:131px; height:37px; background:url(i/getablog-small.gif?2) center center no-repeat; font-size:16px; text-align:center; margin:36px auto 42px auto; } #getablog-button a { color:#fff; width:226px; line-height:34px; text-shadow:#888 2px 2px 0px; letter-spacing:-1px; } #getablog-button a:hover {text-decoration:underline;} #getablog h4 { margin-top:.5em 0 0; font-size:13px; line-height:1em; font-weight:bold; font-style:italic; text-align:center; } #getablog-small {margin-bottom:24px;} #getablog-small h5 { font-size:18px; line-height:1.3em; } #getablog-small p { font-size:11px; margin-bottom:6px; } #getablog-small p.button a { display:block; color:#fff; height:14px; font-size:9px; padding:10px 0 14px 0; text-align:center; background:url(i/getablog-small.png) top left no-repeat; } #getablog-small p.button a:hover { background:url(i/getablog-small.png) bottom left no-repeat; } p.rss, a.rsslink { font-size:10px; line-height:1em; margin:0 !important; clear:both; } p.rss a, a.rsslink { display:block; border-top:1px solid #e5e5e5; margin-top:12px; padding:10px 0 0 22px; height:22px; background:url(i/rss.png) left center no-repeat; } .quarter #nav {margin:0 0 0 12px;} ul#botdmenu { list-style:none; font-size:11px; margin:0; border-top:1px solid #dfdfdf; } ul#botdmenu li {border-bottom:1px solid #dfdfdf;} ul#botdmenu li a { display:block; margin:5px; border:none; } ol#langlist { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin:6px 0 0 0 !important; list-style:none; } body#botd .widecolumn {border-bottom:1px solid #dfdfdf;} body#botd #block_1 {padding-top:12px;} a.unfiltered { font-size:13px; font-weight:bold; } ol#langlist li a { display:block; font-size:10px; padding:0 5px; } h3 { font-size:18px; margin-bottom:3px; margin-left:12px; } h4.langfilter { margin-top:24px; margin-left:0; } h4 { font-weight:bold; font-size:15px; margin:12px; } div.content p {font-size:12px;} ol.postlist, ol.bloglist { margin-top:12px; margin-left:20px; margin-right:12px; } .postlist a {border:none;} ol.postlist li,ol.bloglist li {margin-bottom:24px;} ol.postlist li h4, ol.bloglist li h4 { font-weight:normal; font-size:15px; line-height:1.3em; margin-bottom:4px; margin-left:0; } ol.postlist li cite { color:#888; font-size:11px; margin-top:3px; display:block; font-style:italic; } ol.postlist li p.posttags { color:#888; line-height:1.4em; font-size:9px; margin-left:0; } ul.archives { font-size:12px; margin-left:20px; } .content {margin-bottom:24px;} .content p {line-height:1.6em;} p.bestblog { padding:24px 5px 0 5px; font-size:11px; line-height:1.6em; } p.bestblog a {font-weight:bold;} div.partner { border-top:1px solid #e5e5e5; margin-top:18px; padding:8px 0; margin-left:12px; } div.partner h6 {margin-bottom:8px;} div.partner a { display:block; font-size:11px; line-height:2em; padding-left:26px; margin-left:1px; } form#setupform th, form#profileform th { font-size:15px; vertical-align:top; font-weight:bold; padding-top:10px; padding-right:10px; line-height:1em; } form#setupform table td { font-size:12px; padding:12px; color:#666; } form#setupform input.submit { margin:0 0 24px 0; padding:0; width:50%; } form#contactme {border-top:1px solid #dfdfdf;} form#contactme table td, form#contactme table th { border-top:1px solid #dfdfdf; background:#fff; padding:5px 12px; font-size:13px; } form#contactme table th { width:25%; text-align:top; font-weight:bold; } .tutscreen { background:#f5f5f5; text-align:center; padding:12px 12px 10px 12px; border:1px solid #dfdfdf; } .tutscreen img {border:1px solid #ccc;} a#technorati {background:url(i/technorati.png) center left no-repeat;} a#delicious {background:url(i/delicious.png) center left no-repeat;} a#wink {background:url(i/wink.png) center left no-repeat;} a#icerocket {background:url(i/icerocket.png) center left no-repeat;} table#signup-welcome h3 {color:#666;} table#signup-welcome {margin:0 auto;} h3.view { margin-top:10px; text-align:center; margin-bottom:60px; } table#signup-welcome p { border:1px solid #e5e5e5; background:#fffeeb; font-size:20px; padding:10px; margin:5px; } .notableusers p,.notableusers h3 {clear:both;} .notableusers img { border:1px solid #e5e5e5; padding:1px; margin:0 0 0 10px; float:right; } .notableusers p { font-size:12px; min-height:70px; } .notableusers .col1 p,.notableusers .col1 h3 {margin-right:13px;} .notableusers .col2 p,.notableusers .col2 h3 {margin-left:13px;} .notableusers h3 { border-top:1px solid #e5e5e5; padding-top:5px; padding-bottom:15px; } .onandon { border-top:1px solid #e5e5e5; padding-top:5px; margin-top:10px; } .col1 { float:left; width:50%; } .col2 { float:left; width:50%; } .snap_topposts ul { font-size:10px; line-height:1em; margin:12px 0; list-style:none; padding:0 12px 0 36px; } .snap_topposts { margin-left:50px; border:1px solid #e5e5e5; background:#fffeeb; margin-bottom:30px; } .snap_topposts h3 { font-size:14px; margin:10px 12px 0 12px; padding-bottom:4px; border-bottom:1px solid #e5e5e5; } .snap_topposts ul li { padding:3px 0; margin-bottom:0; } .snap_topposts ul li a { vertical-align:top; display:inline-block; font-size:12px; line-height:1.5em; } .avatar { padding:2px; border:1px solid #e5e5e5; } .snap_topposts ul li img.avatar {margin:0 2px 0 -24px;} .snap_more { float:right; margin:-18px 12px 0 0; } .important { padding:2px 8px; margin-top:5px; background:#fffbcc; border:1px solid #e6db55; } #botdsearch dd { font-size:12px; margin:.2em 0 0 1em; } #botdsearch dt { font-size:15px; margin:.5em 0 0; } .navigation { margin-top:2em; height:2em; font-size:14px; } .alignleft {float:left;} .alignright {float:right;} .author-comment, ol.commentlist li.author-comment { background:#FFFEEB; border-bottom:1px solid #D9D8C8; border-top:1px solid #D9D8C8; } .current_lang_item a {font-weight:bold;} .postlist li {margin-left:68px;} .postlist a .avatar { vertical-align:text-top; position:absolute; margin-left:-88px; } #head-search { float:right; height:48px; padding-top:6px; margin-top:0 !important; } #head-search input.text { font-size:10px; padding:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:14px; vertical-align:top; background:#fff; border:1px solid #d5d5d5; margin-right:6px; color:#666; float:left; width:150px; } #head-search .button { font-size:10px; cursor:pointer; height:22px; padding:0 4px; border:1px solid #fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; background:#21759b; color:#fff; } #head-search input.button:hover { background-color:#d54e21; } #iphonebutton {margin:14px 0;} ul.support-faq-topics { list-style:none; margin:0 0 25px 12px; float:left; width:948px; background:#f5f5f5; border-bottom:1px solid #dfdfdf; color:#777; font-size:14px; } ul.support-faq-topics li { margin:0; padding:12px; float:left; width:292px; border-top:1px solid #dfdfdf; } ul.support-faq-topics a { font-size:18px; border:none; } ol.support-steps { clear:both; } img.about-photo { float:right; margin:0 0 20px 20px; border:1px solid #eee; padding:4px; } .pagebody p {margin-left:12px;} #about h2 { font-size:80px; margin-left:8px; } #about .half {margin-top:4px;} #about .half p { margin-right:12px; margin-top:0; margin-bottom:1.6em; } #about p.lead-in {margin-top:20px;} p.about-photo-cap { display:none; width:694px; margin:0 12px 8px; padding:8px 0; border-bottom:1px solid #dfdfdf; font-size:10px; color:#999; float:right; } .form-table { border-collapse:collapse; margin-top:1em; margin:0 12px; width:936px; } .form-table tr.error td, .form-table tr.error th {background-color:#ffebe8;} .form-table tr.error input {border:1px solid #c00;} .form-table tr.error p { margin-bottom:4px; margin-top:-6px; margin-left:0; } .form-table tr.error p strong {font-weight:normal;} .form-table td { margin-bottom:9px; padding:10px; line-height:20px; border-bottom-width:8px; border-bottom-style:solid; font-size:11px; background-color:#eaf3fa; } .form-table th { vertical-align:top; text-align:left; padding:10px; width:150px; border-bottom-width:8px; border-bottom-style:solid; background-color:#eaf3fa; } .form-table td, .form-table th {border-bottom-color:#fff;} .form-table p { margin-right:12px; margin-left:0; } .form-table th.th-full {width:auto;} .form-table input, .form-table textarea { border-width:1px; border-style:solid; border-color:#c6d9e9; margin-bottom:4px; } #pwstrength p { border:1px solid #eaf3fa !important; background:#eaf3fa !important; } #pwstrength p, #update-password p {margin-bottom:0;} .form-table div.color-option { display:block; clear:both; } .form-table input.tog { margin-top:2px; margin-right:2px; float:left; } #signup h2 {font-size:40px;} .signup-submit { border-top:1px solid #dfdfdf; margin-left:12px; margin-right:12px; padding-top:8px; margin-bottom:30px; } .signup-submit input { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; padding:3px 5px; font-size:14px; line-height:1.5em; border-width:1px; border-style:solid; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; text-decoration:none; color:#246; background:#e5e5e5; border-color:#80b5d0; } .signup-submit input:hover { border-color:#535353; color:#d54e21; } .blogsyouhave { font-size:15px; margin-bottom:.3em; } p.blogsyouhave { border-top:1px solid #dfdfdf; padding-top:15px; } ul.blogsyouhave { list-style:none; margin:0 12px; } ul.blogsyouhave li { float:left; margin-right:10px; } p.useit { font-size:15px; clear:both; padding-bottom:15px; border-bottom:1px solid #dfdfdf; margin-bottom:30px; } ul.waiting {font-size:14px;} ul.waiting a {border-bottom:1px solid #dfdfdf;} .threequarters { width:720px; float:left; } .half { width:480px; float:left; } .quarter { width:240px; float:left; } img#wpstats{display:none} .button { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size:12px; padding:3px 5px; line-height:1.5em; border-width:1px !important; border-style:solid !important; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; text-decoration:none; color:#246; background:#e5e5e5; border-color:#80b5d0 !important; } .signup-submit input:hover { border-color:#535353 !important; color:#d54e21 !important; } #bump { font-size:13px; line-height:0.8em; } .support-notice { margin: 0 0 0 12px; border: 1px solid #e6db55; background: #fffbcc; margin-bottom: 24px; } .support-notice p { margin: 10px 12px; }