wordpress loop

<div class="columns-wrapper">


                       <?php
            $count = 0;

            while(have_posts()) : the_post()
        ?>

      <div class="box<?php if( $count%2 == 0 ) { echo '-1'; }; $count++; ?>">

      <a href="<?php the_permalink(); ?>">
      <h1><?php the_title(); ?></h1></a>     <div class="entry-meta"> posted on <?php the_time('jS F Y') ?> &#124; by <?php the_author(); ?></div>
<?php the_post_thumbnail (); ?><?php the_content(); ?>

      <!--and other output of the loop -->

      </div>

         <?php endwhile; ?> <?php rewind_posts();?>
</div><!--end columns-wrapper-->

<div class="navigation"><p><?php posts_nav_link('&#8734;','Go
Forward In Time','Go Back in Time'); ?></p></div>

----------------
STYLES


.box-1 { float:left; clear:left; width:40.5%;
        padding: 4.7% 4.7% 0 4.7%; margin-top: 40px;  border-top: 1px dotted #d8d8d8; }
.box { float:left; width: 30%; width:40.5%;
        padding: 4.7% 4.7% 0 4.7%; margin-top: 40px;  border-top: 1px dotted #d8d8d8; }

.columns-wrapper {width: 100%; clear: none; float: left; padding: 0; margin: 0; margin-bottom: 100px; }