0

I am attempting to split a blog into two pages accessible through the navigation bar.  However, these aren’t individual pages but separate categories of the blog.  Clicking on either of them will take you to a page that lists all the posts in that category listed by the date they were posted.  I’m doing this so that I can practically host two different blogs written by two different authors with one installation of wordpress.  This is a workaround to the inability to actually host two separate blogs.  My goal is the make it appear to the page viewer that these are basically distinct blogs.

 

However, when looking at either category blog page, the css for each is a mess.  The central column almost completely spans from the left to the right sidebar.  The alignment of the title, the .posted-on attribute, and the post content are all mismatched.  I am finding it difficult to figure out how to correct this by editing the style css file.

 

Any help would be appreciated.  An the example page in question is located:

http://kwanfantasy.com/bg_kwanfantasy.com/category/evidencebased/

And the style.css code for this site can be found:

http://pastebin.com/MR1B7PRw

 

Thanks for your help!