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;
}