estilizar post na pagina inicial

Ola,
eu mudei a estilização do meu post da pagina inicial para uma linha e 3 colunas…
no site http://aprendiz.url.ph/, e quando clico no post ele aparece recuado no canto, não inteiro como deveria aparecer e na pagina empresa fica entranho meio bagunçado…
css:
.content{
margin:0 auto;
width:100%;
}

.post{
text:justify;
float:left;
margin:33px;
width:27%;
white-space:pre-line;
}

index:

<?php while ( have_posts() ) : the_post(); ?>

<?php //get_template_part(‘content’, get_post_format());?>
<div class=”content”>
<div class=”post”> <h2><?php the_title();?></h2><?php echo excerpt(30);?>” rel=”bookmark” title=”<?php _e( ‘Permanent Link to’, ‘buddypress’ ) ?> <?php the_title_attribute(); ?>”> Leia mais…</div>
</div>

<?php endwhile; ?>