BuddyPress.org

I have unsuccessfully been playing around with BuddyPress alignment to match my WP theme for the last couple of days. I consider myself a moderate user of PHP and CSS but this one is driving me nuts. I need help!
The page in question is http://www.ppua.net/member-directory/. As one can see, the page doesn’t fit the rest of the other pages. I followed the instructions found at http://codex.buddypress.org/legacy/wordpress-to-buddypress-theme/ and many other ones, but to no avail.

Here’s what my theme page.php resembles:

<div class="container_24 clearfix separator “>
<div id="content" class="grid_15 “>

<div id="post-” >

<?php if(has_post_thumbnail()) {
echo '‘;
echo ”; the_post_thumbnail(); echo ”;
echo ‘‘;
}
?>

<?php wp_link_pages('before=&after=’); ?>

and BuddyPress /activity/index.php:

• <a href="” title=””><?php printf( __( 'All Members %s’, ‘buddypress’ ), bp_get_total_member_count() ); ?>
• <a href="” title=””><?php printf( __( 'My Friends %s’, ‘buddypress’ ), bp_get_total_friend_count( bp_loggedin_user_id() ) ); ?>
• <a href="” title=””><?php printf( __( 'My Groups %s’, ‘buddypress’ ), bp_get_total_group_count_for_user( bp_loggedin_user_id() ) ); ?>
• <a href="” title=””><?php printf( __( 'My Favorites %s’, ‘buddypress’ ), bp_get_total_favorite_count_for_user( bp_loggedin_user_id() ) ); ?>
• <a href="” title=””> <?php printf( __( '%s new’, ‘buddypress’ ), bp_get_total_mention_count_for_user( bp_loggedin_user_id() ) ); ?>

• <a href="” title=””>

I know this may be as easy as moving one line code or as difficult as changing the whole structure of the site. Please help!!!! I will be forever grateful.