x (20-6-2011) FIXED BUG (box-length adjusting to amount of text)
if you use fixed or sticky sidebar, please CRTL+F and replace following part of the code:
#wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:80px;left:1%} replace with #wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:80px;left:1%;min-height:0px}
if you use the bottom sidebar version, please CRTL+F and replace following part of the code:
#wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:-50px;left:1%;margin-bottom:100px} replace with #wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:-50px;left:1%;margin-bottom:100px;min-height:0px}


Special Thanks to:

parler for first discovering a way to align the sidebar horizontally and Owatanka for bringing it to my attention.
Iaurdagnire, jala, MrQuezt, Saosin, Veegamer and my friend Teddy for providing me screenshots.

x "floating" sidebar - sidebar stays on top of the page, overlaps content when scrolling down (current layout)
<style>/*<br /> H E A D E R + S I D E B A R {{framework}}<br /> */#header-region{position:fixed;width:100%;z-index:6;} .clear_block{display:inline} #header-region .block{float:left;padding-left:8px;} #wrapper #container #header h1 img{padding:0px;height:40px} #header-region .block img{display:none} #wrapper #container #header #logo-floater{position:fixed;top:22px;width:100%;padding-left:13px;z-index:5} #wrapper #container .sidebar{position: fixed; width:100% !important;top:7px;z-index:4;height:50px;padding-top:50px;margin:0 0;} ul li, ul.menu li, .item-list ul li, li.leaf {padding:0px; background:none;} #wrapper #container .sidebar .block{margin:0px;padding-left:20px;} #block-menu-menu-menu *, #block-user-1 *, #block-sitemenu-0 *, #block-user-3 *{display:inline;} div#sidebar-left.sidebar h3{display:none} .sidebar-left{margin-top:0px;margin-bottom:0px;} #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited{line-height:normal;} #header-region{background:none}/*<br /> H E A D E R + S I D E B A R {{transp, glow}}<br /> */#wrapper #container .sidebar{background:rgba(242, 240, 228, 0.9);box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9);-moz-box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9);-webkit-box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9)}/*<br /> B O D Y{{framework}}<br /> */body, #wrapper #container #center .right-corner .left-corner, .comment.odd, .comment.even, .preview{background:none;border:none;font-size:11px;} #wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:80px;left:1%;min-height:0px} #squeeze{width:95%} .node{width:45%;margin:0px;padding-bottom:0px;padding-top:0px;} .messages{display:none} .breadcrumb{display:none;} #tabs-wrapper{border-bottom:none;position:relative;width:40%;padding:0px 14px;margin:0px;top:10px;} #squeeze h2{position:relative;width:40%;padding:14px;padding-top:0px;top:10px;} #squeeze .preview h2{width:100%} #tabs-wrapper h2{position:relative;width:100%;padding:0px;background:none}#squeeze h2:before{content:""} .node{border-bottom:none;} .node .picture img{display:none} .node .submitted{position:absolute;top:0px;} .node .content{margin-left:0px;}/*<br /> C O M M E N T S{{framework}}<br /> */#comments{height:95.5%;width:50%;overflow:auto;position: absolute;top: 24px;right: 10px;} .comment{padding-top:0px;padding-left:0px} .node .links{text-align:left;margin-left:5px} .comment .submitted{position:relative;top:12px} #comments, .node .clear-block:last-child{width:50%} .comment .content{position:relative;top:12px;margin-left:122px;} .content .clear-block{display:none} .node .clear-block:last-child{position:absolute;width:50%;bottom:12px;right:10px;z-index:1;margin:0px -10px;} .comment div.links{background:rgba(242, 240, 228, 0.4)} .comment div.links:hover{background:rgba(242, 240, 228, 0.9)}/*<br /> H E A D E R + S I D E B A R {{style, color}}<br /> */.sidebar h2{font:10px verdana;font-weight:normal;color:#44412a;letter-spacing:0.5pt} div#sidebar-left.sidebar a,div#sidebar-left.sidebar ul.menu a,#block-user-1.clear-block.block.block-user a, div#block-user-1.clear-block.block.block-user a, #block-menu-primary-links a, span.submitted a, a:link, a:visited{font:10px verdana;color:#9b9460;letter-spacing:-0.1pt} div#sidebar-left.sidebar a:hover,div#sidebar-left.sidebar ul.menu a:hover,div#block-user-1.clear-block.block.block-user a:hover,.submitted a:hover, #block-menu-primary-links a:hover, span.submitted a:hover, a:hover{color:#b1aa7f;letter-spacing:0pt;text-decoration:none;border-bottom:1px dashed #b1aa7f} div#sidebar-left.sidebar a:active,div#sidebar-left.sidebar ul.menu a:active,div#block-user-1.clear-block.block.block-user a:active,.submitted a:active, #block-menu-primary-links a:active, span.submitted a:active, a:active{color:#cec7aa;position:relative; top:1px;} #block-user-3{color:#b1aa7f} #header-region{font:10px verdana;} /*<br /> B O D Y{{style, color}}<br /> */body{background:#ffffff} #wrapper #container #center .right-corner .left-corner{box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6);-moz-box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6);-webkit-box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6); color:#6b5b4f}body{background:url('http://i51.tinypic.com/1jkfnm.jpg') fixed repeat}#tabs-wrapper h2, #squeeze h2, .new{color:#6B5B4F} span.submitted{color:#B1AA7F} ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover, ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover{background:none;color:#6B5B4F} textarea{background:none;color:#6B5B4F}/*</style><br /> <!--[if IE]><style>/*<br /> S I D E B A R{{ IE alternative framework}}<br /> */#header-region, #wrapper #container .sidebar{background:#f2f0e4; filter: alpha(opacity = 90);} #wrapper #container .sidebar{height:auto;padding-bottom:5px;top:22px;padding-top:35px;}#wrapper #container #center .right-corner .left-corner{background:#f2f0e4;color:#2b241f;filter: alpha(opacity = 60)}.comment div.links{background:#f2f0e4;filter:alpha(opacity = 40)}.comment div.links:hover{background:#f2f0e4;filter:alpha(opacity = 90)}</style><![endif]-->

x "sticky" sidebar - sidebar is fixed and stays on its place when scrolling down
<style>/*<br /> H E A D E R + S I D E B A R {{framework}}<br /> */#header-region{position:absolute;width:100%;z-index:6;} .clear_block{display:inline} #header-region .block{float:left;padding-left:8px;} #wrapper #container #header h1 img{padding:0px;height:40px} #header-region .block img{display:none} #wrapper #container #header #logo-floater{position:absolute;top:22px;width:100%;padding-left:13px;z-index:5} #wrapper #container .sidebar{position: absolute; width:100% !important;top:7px;z-index:4;height:50px;padding-top:50px;margin:0 0;} ul li, ul.menu li, .item-list ul li, li.leaf {padding:0px; background:none;} #wrapper #container .sidebar .block{margin:0px;padding-left:20px;} #block-menu-menu-menu *, #block-user-1 *, #block-sitemenu-0 *, #block-user-3 *{display:inline;} div#sidebar-left.sidebar h3{display:none} .sidebar-left{margin-top:0px;margin-bottom:0px;} #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited{line-height:normal;} #header-region{background:none}/*<br /> H E A D E R + S I D E B A R {{transp, glow, bg}}<br /> */#wrapper #container .sidebar{background:rgba(242, 240, 228, 0.9);box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9);-moz-box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9);-webkit-box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9)}/*<br /> B O D Y{{framework}}<br /> */body, #wrapper #container #center .right-corner .left-corner, .comment.odd, .comment.even, .preview{background:none;border:none;font-size:11px;} #wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:80px;left:1%;min-height:0px} #squeeze{width:95%} .node{width:45%;margin:0px;padding-bottom:0px;padding-top:0px;} .messages{display:none} .breadcrumb{display:none;} #tabs-wrapper{border-bottom:none;position:relative;width:40%;padding:0px 14px;margin:0px;top:10px;} #squeeze h2{position:relative;width:40%;padding:14px;padding-top:0px;top:10px;} #squeeze .preview h2{width:100%} #tabs-wrapper h2{position:relative;width:100%;padding:0px;background:none}#squeeze h2:before{content:""} .node{border-bottom:none;} .node .picture img{display:none} .node .submitted{position:absolute;top:0px;} .node .content{margin-left:0px;}/*<br /> C O M M E N T S{{framework}}<br /> */#comments{height:95.5%;width:50%;overflow:auto;position: absolute;top: 24px;right: 10px;} .comment{padding-top:0px;padding-left:0px} .node .links{text-align:left;margin-left:5px} .comment .submitted{position:relative;top:12px} #comments, .node .clear-block:last-child{width:50%} .comment .content{position:relative;top:12px;margin-left:122px;} .content .clear-block{display:none} .node .clear-block:last-child{position:absolute;width:50%;bottom:12px;right:10px;z-index:1;margin:0px -10px;} .comment div.links{background:rgba(242, 240, 228, 0.4)} .comment div.links:hover{background:rgba(242, 240, 228, 0.9)}/*<br /> H E A D E R + S I D E B A R {{style, color}}<br /> */.sidebar h2{font:10px verdana;font-weight:normal;color:#44412a;letter-spacing:0.5pt} div#sidebar-left.sidebar a,div#sidebar-left.sidebar ul.menu a,#block-user-1.clear-block.block.block-user a, div#block-user-1.clear-block.block.block-user a, #block-menu-primary-links a, span.submitted a, a:link, a:visited{font:10px verdana;color:#9b9460;letter-spacing:-0.1pt} div#sidebar-left.sidebar a:hover,div#sidebar-left.sidebar ul.menu a:hover,div#block-user-1.clear-block.block.block-user a:hover,.submitted a:hover, #block-menu-primary-links a:hover, span.submitted a:hover, a:hover{color:#b1aa7f;letter-spacing:0pt;text-decoration:none;border-bottom:1px dashed #b1aa7f} div#sidebar-left.sidebar a:active,div#sidebar-left.sidebar ul.menu a:active,div#block-user-1.clear-block.block.block-user a:active,.submitted a:active, #block-menu-primary-links a:active, span.submitted a:active, a:active{color:#cec7aa;position:relative; top:1px;} #block-user-3{color:#b1aa7f} #header-region{font:10px verdana;} /*<br /> B O D Y{{style, color}}<br /> */body{background:#ffffff} #wrapper #container #center .right-corner .left-corner{box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6);-moz-box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6);-webkit-box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6); color:#6b5b4f}body{background:url('http://i51.tinypic.com/1jkfnm.jpg') fixed repeat}#tabs-wrapper h2, #squeeze h2, .new{color:#6B5B4F} span.submitted{color:#B1AA7F} ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover, ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover{background:none;color:#6B5B4F} textarea{background:none;color:#6B5B4F}/*</style><br /> <!--[if IE]><style>/*<br /> S I D E B A R{{ IE alternative}}<br /> */#header-region, #wrapper #container .sidebar{background:#f2f0e4; filter: alpha(opacity = 90);} #wrapper #container .sidebar{height:auto;padding-bottom:5px;top:22px;padding-top:35px;}#wrapper #container #center .right-corner .left-corner{background:#f2f0e4;color:#2b241f;filter: alpha(opacity = 60)}.comment div.links{background:#f2f0e4;filter:alpha(opacity = 40)}.comment div.links:hover{background:#f2f0e4;filter:alpha(opacity = 90)}</style><![endif]-->

x "floating" bottom sidebar - sidebar stays on bottom of the page, overlaps content (beta version, may look a little wonky)
<style>/*<br /> H E A D E R + S I D E B A R {{framework}}<br /> */#header-region{position:fixed;width:100%;z-index:6;bottom:70px} .clear_block{display:inline} #header-region .block{float:left;padding-left:8px;} #wrapper #container #header h1 img{padding:0px;height:40px} #header-region .block img{display:none} #wrapper #container #header #logo-floater{position:fixed;bottom:82px;width:100%;padding-left:13px;z-index:5} #wrapper #container .sidebar{position: fixed; width:100% !important;z-index:4;bottom:0px;height:50px;padding-bottom:28px;margin:0 0;} ul li, ul.menu li, .item-list ul li, li.leaf {padding:0px; background:none;} #wrapper #container .sidebar .block{margin:0px;padding-left:20px;} #block-menu-menu-menu *, #block-user-1 *, #block-sitemenu-0 *, #block-user-3 *{display:inline;} div#sidebar-left.sidebar h3{display:none} .sidebar-left{margin-top:0px;margin-bottom:0px;} #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited{line-height:normal;} #header-region{background:none}/*<br /> H E A D E R + S I D E B A R {{transp, glow, bg}}<br /> */#wrapper #container .sidebar{background:rgba(242, 240, 228, 0.9);box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9);-moz-box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9);-webkit-box-shadow: 0px 0px 20px 60px rgba(242, 240, 228, 0.9)}/*<br /> B O D Y{{framework}}<br /> */body, #wrapper #container #center .right-corner .left-corner, .comment.odd, .comment.even, .preview{background:none;border:none;font-size:11px;} #wrapper #container #center .right-corner .left-corner{position:relative;width:100%;top:-50px;left:1%;margin-bottom:100px;min-height:0px} #squeeze{width:95%} .node{width:45%;margin:0px;padding-bottom:0px;padding-top:0px;} .messages{display:none} .breadcrumb{display:none;} #tabs-wrapper{border-bottom:none;position:relative;width:40%;padding:0px 14px;margin:0px;top:10px;} #squeeze h2{position:relative;width:40%;padding:14px;padding-top:0px;top:10px;} #squeeze .preview h2{width:100%} #tabs-wrapper h2{position:relative;width:100%;padding:0px;background:none}#squeeze h2:before{content:""} .node{border-bottom:none;} .node .picture img{display:none} .node .submitted{position:absolute;top:0px;} .node .content{margin-left:0px;}/*<br /> C O M M E N T S{{framework}}<br /> */#comments{height:95.5%;width:50%;overflow:auto;position: absolute;top: 24px;right: 10px;} .comment{padding-top:0px;padding-left:0px} .node .links{text-align:left;margin-left:5px} .comment .submitted{position:relative;top:12px} #comments, .node .clear-block:last-child{width:50%} .comment .content{position:relative;top:12px;margin-left:122px;} .content .clear-block{display:none} .node .clear-block:last-child{position:absolute;bottom:12px;right:10px;z-index:1;margin:0px -10px;} .comment div.links{background:rgba(242, 240, 228, 0.4)} .comment div.links:hover{background:rgba(242, 240, 228, 0.9)}/*<br /> H E A D E R + S I D E B A R {{style, color}}<br /> */.sidebar h2{font:10px verdana;font-weight:normal;color:#44412a;letter-spacing:0.5pt} div#sidebar-left.sidebar a,div#sidebar-left.sidebar ul.menu a,#block-user-1.clear-block.block.block-user a, div#block-user-1.clear-block.block.block-user a, #block-menu-primary-links a, span.submitted a, a:link, a:visited{font:10px verdana;color:#9b9460;letter-spacing:-0.1pt} div#sidebar-left.sidebar a:hover,div#sidebar-left.sidebar ul.menu a:hover,div#block-user-1.clear-block.block.block-user a:hover,.submitted a:hover, #block-menu-primary-links a:hover, span.submitted a:hover, a:hover{color:#b1aa7f;letter-spacing:0pt;text-decoration:none;border-bottom:1px dashed #b1aa7f} div#sidebar-left.sidebar a:active,div#sidebar-left.sidebar ul.menu a:active,div#block-user-1.clear-block.block.block-user a:active,.submitted a:active, #block-menu-primary-links a:active, span.submitted a:active, a:active{color:#cec7aa;position:relative; top:1px;} #block-user-3{color:#b1aa7f} #header-region{font:10px verdana;} /*<br /> B O D Y{{style, color}}<br /> */body{background:#ffffff} #wrapper #container #center .right-corner .left-corner{box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6);-moz-box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6);-webkit-box-shadow:0px 0px 5px;background: rgba(242, 240, 228, 0.6); color:#6b5b4f}body{background:url('http://i51.tinypic.com/1jkfnm.jpg') fixed repeat}#tabs-wrapper h2, #squeeze h2, .new{color:#6B5B4F} span.submitted{color:#B1AA7F} ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover, ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover{background:none;color:#6B5B4F} textarea{background:none;color:#6B5B4F}/*</style><br /> <!--[if IE]><style>/*<br /> S I D E B A R{{ IE alternative}}<br /> */#header-region, #wrapper #container .sidebar{background:#f2f0e4; filter: alpha(opacity = 90);} #wrapper #container .sidebar{height:auto;bottom:0px;padding-bottom:5px;padding-top:45px}#wrapper #container #center .right-corner .left-corner{background:#f2f0e4;color:#2b241f;filter: alpha(opacity = 60)}.comment div.links{background:#f2f0e4;filter:alpha(opacity = 40)}.comment div.links:hover{background:#f2f0e4;filter:alpha(opacity = 90)}#header-region{background:none;bottom:75px}</style><![endif]-->

How-To

For better usability, I have titled parts of the code.
x {{framework}} --- do not touch this unless you want to make changes in the main layout. If you do, Good luck. I recommend asking me what to tinker with if you don't understand much of CSS.
x {{style, color}} --- feel free to modify this.

What is rgba?
rgba are color units, like #fff hex codes. In this case they are used for anything with blur or opacity changes.
example: rgba(242, 240, 228, 0.9)
In order: 242 red, 240 green, 228 blue, 90% alpha (= opacity)
You can find out the RGB value of a color by using any color picker tool.

Other Info

x cross-browser: works in all browsers (compromised solution for IE)
x works with all screen resolutions (percentages keep the ratio)
x length of comment-box adjusts to blog-length

x May cause lag on some computers!
x Preview looks off
x not perfectly centered

x Currently working on bottom-aligned sidebar