arslania tema yardım

ana sayfadaki konuları 2 sütün halinde yapmak istiyorum ama bir türlü başaramadım hangi kodları değiştirmem gerekiyor acaba

index.php

<?php 
/**
 * @package WordPress
 * @subpackage Function
 */
get_header(); ?>

<div id="main">
<div id="content">


<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
     
<?php if (function_exists('wp_list_comments')): ?>
<div <?php post_class(post); ?> id="post-<?php the_ID(); ?>">
<?php else : ?>
<div class="post" id="post-<?php the_ID(); ?>">
<?php endif; ?>
<div class="posttop">
<h2 class="posttitle"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?> yazısına git"><?php the_title(); ?></a></h2>
<div class="postmetatop"><?php the_time('d F Y') ?> | <?php the_category(', ') ?> </div><!-- /postmetatop -->
</div>
        
<div class="postcontent">
<?php the_content('Devamı &raquo;'); ?>
<div class="cleared"></div>
</div><!-- /icerik -->
        
<div class="postmetabottom">

<div class="yazar"><?php the_author(', ') ?></div>
<div class="oku"><?php if(function_exists('the_views')) { the_views(); } ?></div>
<div class="metacomments"><?php if ( comments_open() ) : ?><span><?php comments_popup_link('Yorum Yapın', '1 Yorum Yapılmış', '% Yorum Yapılmış'); ?></span><?php endif; ?></div>

<div class="cleared"></div>
</div>
</div><!-- /yazi -->

<?php endwhile; ?>
<?php else : ?>
<div class="post">
<div class="posttop">
<h2 class="posttitle"><a href="#">Bulunamadı!</a></h2>
</div>       
<div class="postcontent">
<p>Aradığınız içeriğe ulaşamadım.!</p>
<p>Aşağıdakilere bakmaya ne dersiniz?</p>
<ul><?php wp_get_archives('type=postbypost&limit=10'); ?></ul>
</div>       
</div>
<?php endif; ?>


<div id="navigation">
<?php if(function_exists('wp_pagenavi')) { ?>
<?php wp_pagenavi(); ?>
<?php }
else { ?>
<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
<?php } ?>
<div class="cleared"></div>
</div>


</div>

<?php get_sidebar(); ?>


</div><!-- /alt kısım --> 
<?php get_footer(); ?>

css kodu

/*
Theme Name: Function
Author: Sam Devi
Description:  Function teması çevirisi Türkçe Arslania teması.
Version: 1.2

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php
    
    Türkçeleştirme ve Düzenleme:
    Ali Arslan - http://www.arslania.com

    Tema Orjinali:
    http://stocktradingonline.net/wordpress-theme-function/
*/


html,body,div,p,span,h1,h2,h3,h4,h5,h6,img,ul,ol,dl,li,dt,dd,blockquote,pre,form,fieldset,label,input,table,th,td,a {
border:0;
vertical-align:baseline;
color:#222;
margin:0;
padding:0;
}

:focus {
outline:0;
}

body {
line-height:1;
background:#E2E5E7 url(images/background.jpg) left top repeat-x;
font-family:Segoe UI, Lucida Grande, Verdana, Arial, Helvetica;
text-align:center;
font-size:16px;
margin:0 auto;
}

ul,ol {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:1em;
font-family:Segoe UI, serif;
}

a {
color:#0D3F6F;
text-decoration:none;
}

blockquote {
font-style:italic;
background:#eee;
border:1px solid #dedede;
margin:.7em 0;
padding:.4em 1em .7em;
}

code {
font-size:1.1em;
font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;
}

hr {
border:1px solid #ccc;
}

pre {
overflow:auto;
width:500px;
background:#dededd;
font-size:1.2em;
white-space:pre-wrap;
margin:1em 0;
padding:1em 1.5em;
}

dt {
font-weight:700;
}

dd {
padding-left:1em;
}

table {
margin:.5em 0;
}

table th {
color:#000;
background:#ddd;
text-transform:uppercase;
border-bottom:1px transparent;
}

table td,table th {
padding:.5em .7em;
}

table tr.even td {
background:#bbb;
}

fieldset {
border:1px dashed #a8ef9d;
padding:1.2em;
}

legend {
font-size:1.2em;
text-transform:capitalize;
padding:.2em .8em;
}

input,textarea,select {
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#222;
font-size:1em;
border:1px solid #ddd;
margin:.2em 0;
}

input,textarea {
padding:.3em;
}

input.radio,input.checkbox {
padding:2px;
}

form label {
font-weight:700;
display:block;
}

#page {
background:url(images/headerbg.jpg) top center no-repeat;
}

#wrapper {
text-align:left;
width:960px;
margin:0 auto;
padding:0;
}

.cleared {
clear:both;
}

#header {
height:152px;
padding-bottom:6px;
}

#top .topmenu {
float:left;
width:700px;
height:32px;
}

#top .ara,#bottom .ara {
float:right;
width:150px;
text-align:right;
line-height:33px;
}

#top .aramaform input,#bottom .aramaform input {
padding:2px 3px;
}

#top .aramakutu,#bottom .aramakutu {
width:150px;
font-size:.8em;
color:#555;
background:#dcdcdc url(images/formbg.gif) top left repeat-x;
border:1px solid #dcdcdc;
}

#top .aramakutu:hover,#bottom .aramakutu:hover {
color:#111;
}

#top .formyolla,#bottom .formyolla {
cursor:pointer;
background:#505252 url(images/buttonbg.gif) top left repeat-x;
color:#efefef;
font-size:0.8em;
border:none;
}

#top .formyolla:hover,#bottom .formyolla:hover {
background:#505252;
}

#logo {
float:left;
width:480px;
margin:30px 0 0;
}

#logo h1 a {
color:#eee;
font-size:1.9em;
font-weight:400;
}

#logo h1 a:hover {
color:#B3D3EA;
}

#logo #desc {
font-size:.8em;
color:#999;
margin-top:.3em;
line-height:1.3em;
}

#headerbanner {
float:right;
width:468px;
text-align:right;
font-size:.8em;
line-height:1.4em;
color:#ddd;
margin:30px 0 0;
}

#headerbanner h3 {
font-size:1.1em;
}

#headerbanner a {
color:#FFB25F;
border-bottom:1px dashed #999;
}

#headerbanner a:hover {
color:#eee;
border-bottom:1px dashed #ccc;
}

#catnav {
font-size:.8em;
}

#main {
padding:12px 0 15px;
}

#content {
float:left;
width:620px;
}

#contentfull {
float:left;
width:960px;
}

h2#contentdesc {
font-weight:400;
font-size:1em;
text-transform:capitalize;
}

.sticky {
background:none;
}

.ust h1.logo a {
color:#c4dfea;
font-size:2em;
}

.posttop h2.posttitle a {
color:#232323;
font-size:1.3em;
}

.posttop h2.posttitle a:hover {
color:#010101;
}

.postmetatop {
font-size:0.7em;
padding-top:7px;
line-height:1.5em;
color:#666;
}

.postcontent {
font-size:0.8em;
line-height:1.5em;
margin:.8em 0;
}

.postcontent h1 {
font-size:1.5em;
padding:.8em 0;
}

.postcontent h2 {
font-size:1.4em;
padding:.8em 0;
}

.postcontent h3 {
font-size:1.3em;
padding:1em 0 0;
}

.postcontent h4 {
font-size:1.2em;
padding:1em 0 0;
}

.postcontent h5 {
font-size:1.1em;
padding:1em 0 0;
}

.postcontent h6 {
font-size:1em;
padding:1em 0 0;
}

.postcontent p {
padding:.6em 0 .2em;
}

.postcontent ul,.postcontent ol {
padding:.4em 0 .5em 2em;
}

.postcontent ul li {
list-style:disc;
}

.postcontent ol li {
list-style:decimal;
}

.postmetabottom {
background:#e9e9e9;
font-size:0.75em;
line-height:16px;
margin-top:15px;
border:1px solid #dedede;
padding:10px;
}

.postmetabottom a {
color:#444;
}

.postmetabottom .tags {
color:#555;
float:left;
width:385px;
background:url(images/tags.gif) left 1px no-repeat;
padding-left:20px;
}

.postmetabottom .tarih {
color:#555;
float:left;
width:385px;
background:url(images/tarih.png) left 1px no-repeat;
padding-left:20px;
}

.postmetabottom .oku {
color:#555;
float:left;
width:385px;
background:url(images/oku.png) left 1px no-repeat;
padding-left:20px;
}

.postmetabottom .yazar {
color:#555;
float:left;
width:385px;
background:url(images/yazar.png) left 1px no-repeat;
padding-left:20px;
}

.postmetabottom .metacomments {
float:right;
width:130px;
text-align:right;
}

.postmetabottom .metacomments span {
background:url(images/comments.gif) left 3px no-repeat;
padding-left:20px;
}

#navigation {
line-height:1.8em;
margin-bottom:10px;
}

#navigation a:hover {
color:#222;
border:1px solid #aaa;
}

#navigation .wp-pagenavi a:hover {
color:#225990;
border:1px solid #aaa;
}

#navigation .wp-pagenavi span.pages,#navigation .wp-pagenavi span.current,#navigation .wp-pagenavi span.extend {
font-size:.8em;
background:#fff;
color:#222;
border:1px solid #d1d1d1;
margin:0 5px 0 0;
padding:5px 7px;
}

#navigation .wp-pagenavi span.current {
margin:0 2px;
}

acronym {
cursor:help;
border-bottom:1px dotted #999;
}

#comments {
margin:0 0 15px;
}

#commentsbox {
background:#fff url(images/graygrad.gif) top left repeat-x;
border:1px solid #d1d1d1;
padding:15px 20px 0;
}

#comments h3 {
font-size:1em;
font-weight:400;
}

#comments ul.commentlist li {
background:#f0f0f0;
border:1px solid #dedede;
margin:10px 0 0;
padding:15px;
}

#comments ul.commentlist li.alt {
background:#e3e3e3;
border:1px solid #ddd;
}

#comments ul.commentlist li ul.children li {
margin:20px 0 0 20px;
}

#comments img.avatar {
float:left;
margin:0 20px 0 0;
}

#comments .commentbody .author {
font-size:.9em;
margin-bottom:10px;
}

#comments .commentbody .author a {
border-bottom:1px dashed #666;
}

#comments .commentbody .commentmetadata {
font-size:.7em;
color:#666;
margin-bottom:25px;
}

#comments .commentbody em {
margin-bottom:10px;
color:#333;
display:block;
font-size:.8em;
font-style:normal;
}

#comments .commentbody p {
font-size:.8em;
line-height:1.4em;
padding:5px 0 8px;
}

#comments .reply a {
margin-top:5px;
line-height:1.3em;
font-size:.7em;
float:left;
background:#fff;
color:#222;
border:1px solid #dedede;
padding:5px;
}

#comments .reply a:hover {
background:#ccc;
color:#000;
}

#comments h3#trackbacktitle {
padding-top:15px;
}

#comments ul.trackback {
background:#f0f0f0;
border:1px solid #dedede;
margin:5px 0 15px;
padding:15px 20px 1px;
}

#comments ul.trackback li {
margin-bottom:12px;
font-size:.85em;
}

#comments ul.trackback li .commentbody .author {
margin:0;
}

#comments a#cancel-comment-reply-link {
display:block;
padding:8px 0;
}

#comments p.nocomments {
font-size:.8em;
line-height:1.2em;
padding:5px 0;
}

#comments #respond {
margin-top:15px;
background:#fff url(images/graygrad.gif) top left repeat-x;
border:1px solid #d1d1d1;
padding:15px 20px;
}

#comments #respond h3 {
padding-bottom:15px;
}

#comments #respond p {
padding:.4em 0 0;
}

#comments #respond p label {
font-size:.8em;
font-weight:400;
}

#comments #respond input {
width:200px;
background:#eee;
font-size:.8em;
border:1px solid #dedede;
padding:5px;
}

#comments #respond textarea {
width:500px;
background:#eee;
font-size:.8em;
border:1px solid #dedede;
padding:10px;
}

#comments #respond .submitbutton {
color:#eee;
background:#505252 url(images/buttonbg.gif) top left repeat-x;
border:1px solid #aaa;
line-height:1.4em;
font-size:.8em;
width:auto;
padding:6px;
}

#comments #respond .submitbutton:hover {
cursor:pointer;
color:#fff;
border:1px solid #666;
}

#comments #respond p.subscribe-to-comments label {
display:inline;
margin-left:4px;
}

#sidebar {
float:right;
width:330px;
font-size:0.8em;
line-height:1.4em;
}

#sidebar ul li.kutular {
margin-bottom:10px;
background:#fff url(images/graygrad.gif) top left repeat-x;
border:1px solid #d1d1d1;
padding:15px;
}

#sidebar h3 {
font-weight:400;
font-size:1.4em;
margin-bottom:10px;
}

#sidebar ul ul li {
margin-bottom:8px;
}

#sidebar ul ul li a {
display:block;
background:#e9e9e9;
color:#222;
border:1px solid #dedede;
padding:8px;
}

#sidebar ul ul li a:hover {
background:#dcdcdc;
color:#111;
border:1px solid;
}

#sidebar p {
padding:5px 0;
}

#sidebar img {
border:none;
}

#tag_cloud a,.widget_tag_cloud a {
display:inline;
}

#sidebar ul.children li {
margin:8px 0 0;
}

#sidebar ul.children {
margin-bottom:0;
}

#footerwrapper {
background:#090909 url(images/footerbg.gif) left top repeat-x;
}

#bottom {
padding-top:6px;
}

#bottom .botmenu {
float:left;
width:700px;
}

#footer {
text-align:left;
width:960px;
color:#ddd;
margin:0 auto;
padding:0;
}

#footerwidgets {
margin-top:11px;
}

#footerwidgets p {
font-size:.75em;
padding:0 0 1em;
}

#footerwidgets ul li ul {
margin-top:5px;
}

#footerwidgets label {
color:#ddd;
font-size:.8em;
}

#footer .foot1 {
float:left;
width:215px;
display:inline;
margin:15px 0 0;
}

#footer .foot2 {
float:left;
width:215px;
margin:15px 35px 0;
}

#footer .foot3 {
float:left;
width:215px;
margin:15px 35px 0 0;
}

#footer .foot4 {
float:left;
width:210px;
margin:15px 0 0;
}

#footer h3 {
font-weight:400;
font-size:1.3em;
margin-bottom:.4em;
color:#eee;
}

#footer a {
color:#999;
}

#footer p {
line-height:1em;
color:#999;
font-size:.8em;
padding:.3em 0 .7em;
}

#footer ul li {
margin-bottom:20px;
color:#aaa;
}

#footer ul ul li {
line-height:1.2em;
margin-bottom:8px;
font-size:.8em;
}

#credits {
margin-top:.5em;
border-top:1px solid #222;
text-transform:none;
padding:.2em 0;
}

#footer #credits p {
line-height:1.2em;
color:#555;
font-size:9pt;
}

#footer #credits a {
color:#555;
text-decoration:none;
}

#credits #creditsleft {
float:left;
width:740px;
}

#credits #creditsleft .footmenu li {
float:left;
line-height:1.6em;
font-size:9pt;
margin:0 .4em 0 0;
padding:.4em 1.5em 1em 0;
}

#credits #creditsright {
float:right;
width:200px;
text-align:right;
}

.wp-caption {
text-align:center;
background:#eee;
border:1px solid #ddd;
padding-top:6px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption img:hover {
border:0 none;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

a:hover,.postmetabottom a:hover {
color:#222;
}

table td,table tr:hover td {
background:#ccc;
}

#top .topmenu li,#bottom .botmenu li {
float:left;
line-height:32px;
text-transform:uppercase;
margin:0 .4em 0 0;
padding:0 2.1em 0 0;
}

#top .topmenu li a,#bottom .botmenu li a {
color:#999;
font-size:.6em;
}

#top .topmenu li a:hover,#bottom .botmenu li a:hover,#footer a:hover {
color:#efefef;
}

#top .topmenu li a.rss,#bottom .botmenu li a.rss {
background:url(images/rss.gif) left 0 no-repeat;
padding-left:17px;
}

#headerbanner h3,#headerbanner div,#headerbanner p,#footer div {
color:#ddd;
}

h2#contentdesc span,.postmetatop a:hover {
color:#225990;
}

.archivesbox,.post {
margin-bottom:10px;
background:#fff url(images/graygrad.gif) top left repeat-x;
border:1px solid #d1d1d1;
padding:15px 20px;
}

.postmetatop a,#comments .commentbody .author a:hover,#tag_cloud a:hover,li#tagbox a:hover {
color:#333;
}

.postcontent p a:hover,.postcontent ul a:hover,.postcontent ol a:hover,#sidebar p a:hover {
background:#dceeff;
color:#010101;
}

#navigation a,#navigation .wp-pagenavi a {
font-size:.8em;
background:#fff;
color:#333;
border:1px solid #d1d1d1;
padding:5px 7px;
}

#comments .commentbody .commentmetadata a,#footer span {
color:#666;
}

#comments a#cancel-comment-reply-link:hover,#footer #credits a:hover {
color:#ccc;
}

.alignleft,img.alignleft {
float:left;
margin:10px 15px 6px 0;
}

.alignright,img.alignright {
float:right;
margin:10px 0 6px 15px;
}

.aligncenter,div.aligncenter,img.aligncenter {
text-align:center;
display:block;
margin:10px auto;
}