Wexley: navigation split left. content centered.

hi

Im using the wexley template and want the navigationbar right, the logo left and the content centered.

like here: http://carinalyall.squarespace.com/blog/

how can i do that. who can help me center the content

thanx

It looks like you got it working? How'd you do it?

It looks like you got it working? How'd you do it?

no, i didnt got it working ... its a exampel page how i want it to look ...

no, i didnt got it working ... its a exampel page how i want it to look ...

@wiredface I did the following and got it to work:

#mainContent {
 max-width: 1250px;
 margin-left: auto;
 margin-right: auto;
}
#page {
   width: auto;
   margin: auto;
}

this is exactly what I needed for my site; however, now my footer is floating center as well. How can this be modified so that the footer stays left?

this is exactly what I needed for my site; however, now my footer is floating center as well. How can this be modified so that the footer stays left?

Is it possible to do the nav on the left and logo/brand on the right though?

I tried this, but it also left justified the header of the page, where i inserted my newsletter block, which is exactly what I want to be centered!

So I came up with this code:

.logo {
  position:float;
  top: 0;
  left: 0;
  width: 100%;
  text-align: left;}

#topNav{position:absolute;float:left;clear:left; top:35px; bottom:35}

However, when I resize the page, the left side of the navigation moves overtop of the logo. Can anyone help me get that so that it will stay to the right of the logo when the page is resized?