Je nach Layout kann es allerdings nötig sein, #wrapper, #container und/oder #content entsprechend anzupassen.

Da finde ich leider kein width.
Das sieht so aus:

/* sidebar */

#sidebar01 {
overflow: hidden;
}

.sidebarItem {
margin: 0px 0px 0px 0px;
padding: 16px 18px 22px 16px;
border-bottom: 10px solid ;
font-family: ;
font-size: ;
}

.sidebarItem h4 {
font-weight: bold;
margin: 0px 0px 4px 0px;
padding: 0px;
font-size: ;
}

.sidebarItem ul {
margin: 0px;
padding: 0px;
}

.sidebarItem ul li {
list-style: none;
}

.sidebarItem td {
font-size: ;
}

.historyItem {
margin: 0px 0px 6px 0px;
}

.clearall {
clear: both;
height: 0px;
font-size: 0px;
}

table.calender td {
white-space: nowrap;
}

Dann musst du nur unter der Zeile

overflow: hidden;
width: ???px;

als Textzeile dazuschreiben
(und statt ??? einen Zahlenwert einfügen, etwa 150 oder nach Belieben)

Das klappt scheinbar nicht. Ich habe es jetzt bis 250px probiert und es passiert überhaupt nichts :-(

Dann könntest du unter

#wrapper {
border: 1px solid ;
}

die Zeile hinzufügen:

#wrapper {
border: 1px solid ;
width: 800px;
}

wobei 800 (oder andere Zahl) nur mal ein x-beliebiger Wert ist. Und diese (z.B.) 800 Gesamtbreite dann mit den (z.B.) 250 Sidebar-Breite so zueinander ins Verhältnis bringen, bis das gewünschte Layout erreicht wird.

Da tut sich leider auch überhaupt nichts.
Das Einzige, was jetzt - unabsichtlich - passiert ist, ist, dass der Text in der Sidebar zentriert sitzt!
Da wollte ich gar nicht so haben :-(

Vielleicht würde es schon reichen, wenn ich die dicken Linien zwischen den Blöcken halbieren oder dritteln könnte. Die stören mich nämlich immens. Nachdem ich sie passend zum Beitragshintergrund "eingefärbt" habe, war dummerweiser das Kommentarfeld nicht mehr sichtbar - großes Raten, wohin schreiben. Wenn schon sichtbare Linien, dann hätte ich die gerne zart.

Ich sag mal in der DAU-Sprache, was ich gerne ändern würde, wenn es geht:
Den Beitragsbereich ca. so breit wie das aktuelle Blog jetzt mit Sidebar ist, und daran angepasst eine etwas breitere Sidebar - ca. plus 25 bis 50 % der aktuellen.
Ich kopier mal den ganzen Stylesheet rein.
Das frustet ein bisschen :-(






body {
margin: 0px;
padding: 0px;
background: ;
font-family: ;
color: ;
font-size: ;
}

td {
font-family: ;
font-size: ;
}

a {
color: ;
text-decoration: none;
}

form {
padding: 0px;
margin: 0px;
}

img {
border: 0px;
}

input, textarea, select {
font-family: ;
color: ;
font-size: ;
border: 1px solid ;
background: ;
}

#header {
border-bottom: 10px solid ;
}

#wrapper {
background: ;
text-align: left;
height: 100%;
}

#content, #sidebar01, #header {
border-color: ;
}

#header, #pagebody {
background: ;
}

/* content */

h1 {
font-size: 20px;
margin: 0px;
padding: 0px;
}

#content {
padding: 11px 22px 0px 22px;
overflow: hidden;
width: 120%;
}

#container>#content {
width:auto;
}

h2 {
font-size: 18px;
padding: 0px;
margin: 0px 0px 14px 0px;
font-weight: normal;
}

.pagelinkTop, .pagelinkBottom {
padding: 0px 0px 20px 0px;
}


/* story */

.story {
padding: 0px 0px 30px 0px;
text-align:justify;
}

h3 {
font-family: ;
color: ;
font-size: ;
margin: 0px 0px 4px 0px;
padding: 0px;
}

h3 a {
color: ;
}

small, .small {
font-family: ;
font-size: ;
color: ;
}

cite {
margin: 10px;
display: block;
border: 5px solid ;
padding: 12px;
width: 100%;
}

.storyDate, .storyLinks, .commentLinks, .commentDate {
font-family: ;
font-size: ;
color: ;
clear: both;
}

.storyDate {
margin: 9px 0px 0px 0px;
}

/* comments */

.comments {
margin: 20px 0px 20px 0px;
}

.comments h4 {
font-family: ;
color: ;
font-size: ;
margin: 0px;
padding: 0px;
}

.reply {
margin: 20px 0px 20px 30px;
}

.addComment {
margin: 20px 0px 34px 0px;
}

/* sidebar */

#sidebar01 {
overflow: hidden;
width: 250px %>;
}

.sidebarItem {
margin: 0px 0px 0px 0px;
padding: 16px 18px 22px 16px;
border-bottom: 10px solid ;
font-family: ;
font-size: ;
}

.sidebarItem h4 {
font-weight: bold;
margin: 0px 0px 4px 0px;
padding: 0px;
font-size: ;
}

.sidebarItem ul {
margin: 0px;
padding: 0px;
}

.sidebarItem ul li {
list-style: none;
}

.sidebarItem td {
font-size: ;
}

.historyItem {
margin: 0px 0px 6px 0px;
}

.clearall {
clear: both;
height: 0px;
font-size: 0px;
}

table.calender td {
white-space: nowrap;
}

Wie bereits oben geschrieben - das hängt vom Layout ab. Je nach Aufbau kann es nötig sein, verschiedene andere Breiten anzupassen. Wenn man sich ein bisschen mit html und css auskennt, helfen Tools wie Firebug, die richtigen Stellen zu finden.