سوال در مورد قرار گرفتن کادر Content

سلام دوستان
من به هر مشکلی که بر میخورم در ضمینه کامپیوتر اولین جایی که سئوالم رو مطرح میکنم هدن انجمن هست، همیشه هم جوابم رو گرفتم.
حالا هم میخواستم کمک بگیرم ازتون و راهنماییم کنید که توی این صفحه [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] چه جوری میتونم کادر مطالب رو به وسط صفحه انتقال بدم ، به نظرم تو قسمت CSS موجود در سورس قالب باید تغییراتی بدم، اما دستورش رو نمیدونم

سورس قسمت CSS مربوط به Content رو قرار میدم ، لطفاً راهنمایی کنید ...

این در قسمت CSS

.main {
width: 750px;
}
.content {
float: none;
width: 750px;
}
.bodypost {
width: 750px;
text-align: center;
background-repeat: repeat-y;
}
.post-title {
height: 64px;
width: 530px;
font-size: 9pt;
font-weight: bold;
background-image: url( [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
background-repeat: no-repeat;
}
.post-content {
background-repeat: repeat-y;
width: 530px;
background-image: url( [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
}
.post-text {
width: 530px;
}
.post-info {
width: 530px;
}

.post-b-bg {
height: 23px;
width: 530px;
background-image: url( [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
background-repeat: no-repeat;
margin-bottom: 10px;
}

.p-mid {
width: 510px;
margin-right: auto;
margin-left: auto;
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
}
.p-title-mid {
text-align: right;
width: 420px;
margin-right: auto;
margin-left: auto;
padding-top: 17px;
}

.post-title A {
text-decoration: none;
color: #000;
}
.post-text A {
text-decoration: none;
color: #915B01;
}
.post-info A {
text-decoration: none;
color: #915B01;
}
.post-c-link {
width: 530px;
background-image: url('''');
background-repeat: no-repeat;
height: 41px;
text-shadow: 1px 1px 1px #000;
}

.p-comment-mid {
width: 490px;
margin-right: auto;
margin-left: auto;
text-align: left;
padding-top: 10px;
}
.post-c-link a:link {
text-decoration: none;
color: #FFF;
font-weight: bold;
}
.post-c-link a:visited {
text-decoration: none;
font-weight: bold;
color: #FFF;
}
.post-c-link a:hover {
text-decoration: none;
font-weight: bold;
color: #E5CC8A;
text-shadow: 1px 1px 1px #000;
}


.pages {
text-align: center;
width: 530px;
height: 40px;
background-image: url( [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
}
.pages-mid {
text-align: right;
width: 750px;
margin-right: auto;
margin-left: auto;
padding-top: 8px;
}
.pages A {
text-decoration: none;
color: #FFF;
font-weight: bold;
text-shadow: 1px 1px 2px #000;
}



.left-bar {
float: left;
width: 210px;
}


این تو قسمت body هست
<div class="main">


<div class="content">
<div class="bodypost">
<BLOGFA>
<div class="post-title"></div>
<div class="post-content">
<div class="post-text"><div class="p-mid"><span class="body"><-BlogPageContent-></span></div></div>

<div class="post-info"><div class="p-mid">
<BlogPostTagsBlock><br></BlogPostTagsBlock>
<br>
&nbsp نویسنده&nbsp;<-PostAuthor->&nbsp;

</div></div>

<div class="post-c-link"><div class="p-comment-mid">
<BlogExtendedPost></BlogExtendedPost>
</div></div>
</div>
<div class="post-b-bg"></div>
</BLOGFA>
</div>
<!--- end bodypost --->

<BlogNextAndPreviousBlock></BlogNextAndPreviousBlock>
<!--- end pages --->


</div>

در ضمن میخواستم بپرسم چه جوری میتونم از اسلاید شو به جای header استفاده کنم
ممنون از راهنماییتون اساتید بزرگوار