The Rain Of A Life..

The Rain Of A Life.. */ body { margin-top: 0px; margin-$endSide: 0px; margin-bottom: 0px; margin-$startSide: 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:700px; margin:0 auto; text-align:$startSide; font:$bodyfont; } #header-wrapper { display: none; } #main-wrapper { width:450px; float:$endSide; padding:100px 0 20px; font-size:85%; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main { background:url("http://www2.blogblog.com/dots_dark/bg_minidots2.gif") -100px -100px; padding:20px 10px 15px; } #sidebar-wrapper { width:200px; float:$startSide; font-size:85%; padding-bottom:20px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { background:url("http://www2.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://www1.blogblog.com/dots_dark/bg_post_title_$startSide.gif") no-repeat $startSide .25em; padding-top:0; padding-$endSide:0; padding-bottom:1px; padding-$startSide:45px; } .post h3 a { text-decoration:none; color: $posttitle; } .post h3 a:hover { color: $textcolor; } .post .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin:0; } .uncustomized-post-template .post-footer { text-align: $endSide; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: $startSide; margin-$endSide: 4px; text-align: $startSide; } .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_$startSide.gif") no-repeat $startSide .25em; padding-$startSide:15px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/dots_dark/icon_comment_$startSide.gif") no-repeat $startSide .25em; padding-$startSide:15px; } .post img { margin-top:0; margin-$endSide:0; margin-bottom:5px; margin-$startSide:0; padding:4px; border:1px solid $borderColor; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #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_$startSide.gif") no-repeat 2px .35em; margin:.5em 0 0; padding-top:0; padding-$endSide:0; padding-bottom:0; padding-$startSide:20px; font-weight:bold; } .comment-body { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:0; padding-$startSide:20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding-top:0; padding-$endSide:0; padding-bottom:.75em; padding-$startSide: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://www1.blogblog.com/dots_dark/bullet.gif") no-repeat 3px .45em; margin:0; padding-top:0; padding-$endSide:0; padding-bottom:5px; padding-$startSide:15px; } .sidebar p { margin:0 0 .6em; } /* Profile ----------------------------------------------- */ .profile-datablock { margin: 0 0 1em; } .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 8px; margin-bottom: 5px; margin-$startSide: 0; border: 4px solid #345; } .profile-data { margin: 0; line-height: 1.5em; } .profile-textblock { clear: $startSide; margin-$startSide: 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-wrapper, body#layout #sidebar { padding: 0; width: 240px; } ]]>