jQuery, Masonry layout plugin, and css

I have tried all day to get this to work, my site is currently open to all viewers at the moment for this purpose.

http://callofduty-online.com/

Right now the layout is set up exactly how I want it, the CSS is perfect, I a m hosting the jQuery file, and the Masonry file on my site, but for some reason I am not sure how to code it correctly.

Multi-Site Bonus
*BONUS: I am currently showing this homepage with two different loops, the main one to the left of the sidebar, I want to show the most recent, ACROSS MY NETWORK, and the one below the sidebar the “hottest” ACROSS MY NETWORK. I know it can be done, but I am skeptic as to how difficult it would be, possibly thinking that I might have to make the homepage a “page” rather than my blog “homepage” and I would have to get into RSS feeds. Also, if this is possible, I need to make sure that they won’t show up twice.

Normal Bonus
**BONUS: I need to make the content to the right of the sidebar, the latest, the content under the sidebar the most popular, and I need to make sure that they won’t ever display two of the same.

jQuery/Javascript Bonus
BONUS: Is there a code to load more of the content from both different DIVs without refreshing?

*I am going to turn this into a multi-site installation

**Without multi-site installation

I know it’s a lot, but I have been working on this sites for months, and I really need this to work!