*/ body { margin: 0px 0px 0px 0px; background:#123 url("http://www.blogblog.com/dots_dark/bg_minidots.gif"); background-position: 50% 31px; text-align:center; font:x-small Verdana, Arial, Sans-serif; color:$textcolor; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ------------------------------------------------ */ #outer-wrapper { background:url("http://www.blogblog.com/dots_dark/bg_3dots.gif") no-repeat 250px 50px; width:750px; margin:0 auto; text-align:left; font:$bodyfont; } #header-wrapper { display: none; } #main-wrapper { width:380px; margin-right: 20px; float:right; padding:20px 0 20px; font-size:85%; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ } #main { background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") -100px -100px; padding:20px 10px 15px; } #sidebar-wrapper { width:150px; float:left; font-size:85%; padding-bottom:20px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ } #newsidebar-wrapper { width:150px; float:right; font-size:85%; padding-bottom:20px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ } #sidebar { background:url("http://www.blogblog.com/dots_dark/bg_minidots2.gif") 150px -50px; padding:40px 10px 15px; width:200px; width/* */:/**/180px; width: /**/180px; } /* Title & Description ------------------------------------------------ */ .Header h1 { margin:0 0 .5em; line-height: 1.4em; font: $pagetitlefont; color: $pagetitle; } .Header h1 a { color:$pagetitle; text-decoration:none; } .Header .description { margin:0 0 1.75em; color: $blogDescriptionColor; font: $blogDescriptionFont; } /* Links ------------------------------------------------ */ a:link { color:$linkcolor; } a:visited { color:$vlinkcolor; } a:hover { color:$vlinkcolor; } a img { border-width:0; } /* Posts ------------------------------------------------ */ h2.date-header { margin:0 0 .75em; padding-bottom:.35em; border-bottom:1px dotted $borderColor; text-transform: lowercase; letter-spacing:.3em; color: $dateheadercolor; font: $dateHeaderFont; } .post { margin:0 0 2.5em; } .post h3 { margin:.25em 0; line-height: 1.4em; font: $headerfont; font-size: 130%; font-weight: bold; color:$posttitle; background:url("http://www.blogblog.com/dots_dark/bg_post_title.gif") no-repeat 0 .25em; padding:0 0 1px 45px; } .post h3 a { text-decoration:none; color: $posttitle; } .post h3 a:hover { color: $textcolor; } .post p { margin:0 0 .75em; line-height:1.6em; } .post-footer { margin:0; } .uncustomized-post-template .post-footer { text-align: right; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: left; margin-right: 4px; text-align: left; } .post-author, .post-timestamp { color:$posttitle; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/dots_dark/icon_comment.gif") no-repeat 0 .25em; padding-left:15px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/dots_dark/icon_comment.gif") no-repeat 0 .25em; padding-left:15px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid $borderColor; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* Comments ------------------------------------------------ */ #comments { margin:0; } #comments h4 { margin:0 0 10px; border-top:1px dotted $borderColor; padding-top:.5em; line-height: 1.4em; font: bold 110% Georgia,Serif; color:#9c7; } #comments-block { line-height:1.6em; } .comment-author { background:url("http://www.blogblog.com/dots_dark/icon_comment.gif") no-repeat 2px .35em; margin:.5em 0 0; padding:0 0 0 20px; font-weight:bold; } .comment-body { margin:0; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding:0 0 .75em 20px; color:#996; } .comment-footer a:link { color:#996; } .deleted-comment { font-style:italic; color:gray; } /* More Sidebar Content ------------------------------------------------ */ .sidebar h2 { margin:2em 0 .75em; padding-bottom:.35em; border-bottom:1px dotted $borderColor; line-height: 1.4em; font: $headerfont; text-transform:lowercase; color:$sidebartitle; } .sidebar p { margin:0 0 .75em; line-height:1.6em; } .sidebar ul { list-style:none; margin:.5em 0; padding:0 0px; } .sidebar .widget { margin: .5em 0 1em; padding: 0 0px; line-height: 1.5em; } .main .widget { padding-bottom: 1em; } .sidebar ul li { background:url("http://www.blogblog.com/dots_dark/bullet.gif") no-repeat 3px .45em; margin:0; padding:0 0 5px 15px; } .sidebar p { margin:0 0 .6em; } /* Profile ------------------------------------------------ */ .profile-datablock { margin: 0 0 1em; } .profile-img { float: left; margin: 0 8px 5px 0; border: 4px solid #345; } .profile-data { margin: 0; line-height: 1.5em; } .profile-textblock { clear: left; margin-left: 0; } /* Footer ------------------------------------------------ */ #footer { clear:both; padding:15px 0 0; } #footer p { margin:0; } /* Page structure tweaks for layout editor wireframe */ body#layout #sidebar, body#layout #main, body#layout #main-wrapper, body#layout #outer-wrapper, body#layout #sidebar-wrapper { padding: 0; } body#layout #sidebar { padding: 0; width: 240px; } ]]>