ブログのデザインで、サイドバーを右に、メインを左にしたいです。

これでいけませんか？

.hatena-body{
width: 800px;
margin: 0 auto;
padding: 0;
}

.main{
float: left;
width: 595px;
padding: 0px;
}
.section p{
margin: 0 1em;
text-align:left;
padding: 0;
}
.sidebar {
float: left;
width: 195px;
padding: 0;
text-align: left;
}


html↓
<div class="hatena-body">
<div class="main">ほげ</div>
<div class="sidebar">ほげ～</div>
</div>

サイドバーのスタイルにfloat:leftを足してマージンとっただけです。

これでだめなら、mainやsideberの中に入っているコンテンツが大きすぎてwidthが広がってしまっていて、折りかえってしまう、ということだと思います。

お試しあれ。

cssの指定の仕方に問題があるようです。

質問者さまは「.main」など、クラス指定のみをしていらっしゃいますが、

オリジナルのcssでは、「div.main」という指定になっています。

cssの書式解釈（？）では、「.main」より「div.main」の方が詳細な指定ということになり、

より詳細な指定を優先する仕組みになっています。

そのために質問者さまの指定が反映されないようです。

div.hatena-body {
	width: 800px;
	margin: 0 auto;
	padding: 0;
}
div.main {
	float: left;
	width: 595px;
	margin: 0;
	padding: 0;
}
div.sidebar {
	width: 195px ;
	padding: 0;
	margin: 0 0 0 600px ;
	text-align: left;
	border: none;
}

上記cssでサイドバー移動出来ました。

cssを修正する場合、テーマオリジナルcssの指定方法を確認し、

それを変更すると楽に弄れますよ。

ローカルでテストしていたので、実際とは異なった結果になってしまって申し訳ないです。

<link rel="stylesheet" href="http://d.hatena.ne.jp/css/base.css" type="text/css" media="all">
<link rel="stylesheet" href="http://d.hatena.ne.jp/headerstyle?color=wh" type="text/css" media="all">
<link rel="stylesheet" href="http://d.hatena.ne.jp/theme/delta/delta.css" type="text/css" media="all">

この３行でスタイルシートを定義しているのですが、

そこでの指定の仕方が質問文での書き方よりも優先順位が高いものでした。

<style type="text/css">
<!-- 
body {
	width: 800px;
}

div.hatena-body{
	position: static;
	width: 800px;
	margin: 0 auto;
	padding: 0;

}

div.main{
	position: static;
	margin: 0px;
	float: left;
	width: 595px;
}
.section p{
	margin: 0 1em;
	text-align:left;
	padding: 0;
}
div.sidebar {
	position: static;
	width: 195px ;
	margin: 0 0 0 600px ;
	text-align: left;
	border: none;
}-->
</style>

こんな感じでどうでしょうか。

本当に全部必要なのかまではチェックできていませんが、上記の外部スタイルシートでの指定を打ち消すようにしてあります。

body 要素の幅を 800px にしているのは、「最新の日記～」の部分がブラウザのウィンドウにつられて右に寄ってしまっていたからです。

これ以外にも、細かい修正が必要かも知れません。