My b2evolution Version: 2.4.1

yes - I have seen several posts in the search regarding the movement of the sidebar - and I spent some time looking at the zen (with two sidebars on the right) and zen-nina (basically the same thing with sidebars on either side).

It seems like it should be simple to do, or very complicated depending on what post I looked at.

Anyways - I am using a variation of the illacrimo - you can view it here:
http://coldheartedtruth.com/politics/index.php?blog=5

And my interest is in moving the far right column to the left hand side. I do realize that the background image will need to be changed, but my interest is in the css (or anything that would need to be changed in the index.)

They seemed to have split it into two parts

/* Side Central ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 500px; float: left; padding: 15px 30px 15px 20px;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #000; padding-bottom: 15px;}

and

/* Side Right ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 450px; float: right; position: relative; }
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold; color:#fff;}

Then split the right side

/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .SRL { width: 230px; float: left; padding: 15px 20px 15px 20px; color:#abcee1;}

.SR .SRL a { color:#FFF; font-size: 11px; }
.SR .SRL a:visited { color:#FFF; }
.SR .SRL a:hover { color:#abcee1;}

.SR .SRL .bSideItem { margin-bottom: 20px; color:#fff;}
.SR .SRL .bSideItem h2 { background: url(images/CategH3.gif) no-repeat left top; padding: 0px 0px 5px 20px; margin: 0px; border-bottom: dashed 1px #7bb9d9; }
.SR .SRL .bSideItem ul { margin: 0px; padding: 0px;}
.SR .SRL .bSideItem li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; border-bottom: solid 1px #106899;}

.SR .SRL .widget_categories .children ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; }
.SR .SRL .widget_categories .children li { margin: 0px; padding: 0px; list-style-type: none; border-bottom: none; font-size: 10px; background: none; }

.SR .SRL .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 18px;}

.SR .SRL .widget_calendar table { width: 100%;}
.SR .SRL .widget_calendar table td { text-align: center; padding: 3px; }
.SR .SRL .widget_calendar caption { background: #006dab; padding: 5px 0px;}
.SR .SRL .widget_calendar #today { background: #006dab;}

.SR .SRL .widget_search #s { width: 160px; border: solid 1px #006dab; padding: 3px; margin-bottom: 5px;}

* Side Right Right ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .SRR { width: 160px; float: right; padding: 10px;}

.SR .SRR .bSideItem { margin-bottom: 10px; color:#7a8fa4;}
.SR .SRR .bSideItem h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; }
.SR .SRR ul { padding: 0px; margin: 0px;}
.SR .SRR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top;}
.SR .SRR li a { color: #7a8fa4; font-size: 11px; }
.SR .SRR li a:visited { color: #7a8fa4; }
.SR .SRR li a:hover { color: #fff;}

Would it be as simple as moving the .SRR from the .SR to under the .SL, changing the widths of .SR and .SL and switching the floats? Or is this just wishful thinking.

I don't mind playing around with it... but I don't want to be running off in wrong direction...