original template

default="#abc" value="#ff33ff">

default="#8dd" value="#ff33ff">type="color"

default="#9c7" value="#33ff33">

default="#9c7" value="#33ff33">

default="#da7" value="#33ff33">

default="#799" value="#33ff33">type="color"

default="#7bc" value="#33ff33">

default="#7bc" value="#ff33ff">type="color"

default="#567" value="#33ff33">

default="normal normal 100% Courier" value="normal bold 110% Courier">

default="normal bold 250% Courier" value="normal bold 250% Courier">type="font" default="normal normal 100% Courier" value="normal normal 100% Courier">type="font" default="normal bold 100% Courier " value="normal bold 100% Courier">

default="normal bold 95% Courier" value="normal bold 95% Courier">type="automatic" default="left" value="left">type="automatic" default="right" value="right">
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;}#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;}.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;}