<?php get_header() ?>
<style type="text/css">  
#bp_highsscores {
  float:left; 
  width: 49%;
}

#bp_latestuserscores {
  float:right; 
  width: 49%;
}
</style>

  <div id="content">
    <div class="padder">

      <div id="item-header">
        <?php locate_template( array( 'members/single/member-header.php' ), true ) ?>
      </div>

      <div id="item-nav">
        <div class="item-list-tabs no-ajax" id="object-nav">
          <ul>
            <?php bp_get_displayed_user_nav() ?>
          </ul>
        </div>
      </div>

      <div id="item-body">

        <div class="item-list-tabs no-ajax" id="subnav">
          <ul>
            <?php bp_get_options_nav() ?>
          </ul>
        </div>
        <div id="bp_highsscores">
          <h4>High Scores</h4>  
          <ul>
          <?php myscore_get_users_highscore_per_game(bp_displayed_user_id()); ?>
          </ul>
        </div>
        
        <div id="bp_latestuserscores">
          <h4>Latest User Scores</h4>
          <ul>
            <?php myscore_get_users_latest_scores_page(bp_displayed_user_id());?>
          </ul>
        </div>

      </div><!-- #item-body -->

    </div><!-- .padder -->
  </div><!-- #content -->

  <?php locate_template( array( 'sidebar.php' ), true ) ?>

<?php get_footer() ?>