Post Alignment is off

hm

#wrapper { background:url(img/back2.png) no-repeat center top; }
#contents { width:959px; margin:0 auto; text-align:left; }
#header { background:url(img/top.png) no-repeat bottom; height:160px; }
#middle-contents { background:url(img/side.png) repeat-y; padding-bottom:50px; }
#left-col { float:left; display:inline; width:584px; margin:0 0 0 5px; }
#right-col { float:right; display:inline; width:330px; margin:70px 5px 0 0; }
#footer { background:url(img/bottom.png) no-repeat top; height:114px; margin-bottom:50px; }
#left-col h2 { padding: 0 40px; }

gives the results you see now.

I just looked at your css that is linked to the site as it shows now, but I don’t see the change that I suggested in the stylesheet.

check again? the last line under layout.

This is what I see after loading the page. Perhaps the file didn’t get saved under the correct name or location?

/*  ------ layout ------------------------ */

#wrapper { background:url(img/back2.png) no-repeat center top; }
#contents { width:959px; margin:0 auto; text-align:left; }
#header { background:url(img/top.png) no-repeat bottom; height:160px; }
#middle-contents { background:url(img/side.png) repeat-y; padding-bottom:50px; }
#left-col { float:left; display:inline; width:584px; margin:0 0 0 5px; }
#right-col { float:right; display:inline; width:330px; margin:70px 5px 0 0; }
#footer { background:url(img/bottom.png) no-repeat top; height:114px; margin-bottom:50px; }

/*  ------ header ---------------------- */

I dont know what to say? When i go to edit my CSS file its

#footer { background:url(img/bottom.png) no-repeat top; height:114px; margin-bottom:50px; }
#left-col h2 { padding: 0 40px; }

Now my front page is cherry but when you click a post its augmented to the right a little…

hmmmm….

I’m really at a loss. I think that if that line would load it should work correctly. I have absolutely no idea why it wouldn’t be changing the stylesheet, especially if it is showing up when you click on the edit for your css. I assume you are editing it through the WordPress admin panel? Have you tried manually uploading it? I’m not really sure what else to suggest at this point…

When you say

its augmented to the right a little…

what are you speaking about? The title? I don’t see a title on the individual posts.

Just checked the css manually and it has your line

#left-col h2 { padding: 0 40px; }

the entire post, you can see the first image (the concert) is touching the boundry of the left column. if you just go from the front page to a post you will see the post shift to the right.

btw thanks for being so patient, maybe I just need to reinstall or something…

also im kinda a picky little bitch its not like this site is making me money or anything i guess i could live lol

Aha! I see what you are talking about now. I have to go for now but I will take a look at it when I get home later tonight and let you know what I find. And don’t worry about it. I like trying to solve these kinds of things.

sure, thanks again!

Ok. I think I’ve found the problem. On your single.php you are using a different div tag than what you are using on your main page. The large block of content has the <div class="post-main"></div> while in your single.php file is has <div class="post-main"></div>

You should change your single.php to have the same class as the main page.

THANK YOU! can I buy you a beer?