Text not in center of page

[Cloud Ghost]

Hey!

I'm working on a layout here for somebody: http://pinkcottoncandy.net/new.php

I have two problems with CSS I can't figure out. First the layout isn't completely centered. And second the text for the page content isn't completely centered. If anyone knows how to fix both/one of these errors please let me know.

[Excavator]

Hello Cloud Ghost,
Good job on the valid code! There is one error in your CSS, no such thing as float:top;

You should take a look at a simple two column demo for a basic layout to follow.
In your code, you put 752px wide #header inside 706px wide #container ... the box model shows how to figure your widths so things fit inside their containing divs.

Try making these changes to your CSS -

body {
   text-align:center;
   font-size:13px;
   font-family:Trebuchet MS;
   background:#2ff5ff;
margin: 0; /*zero out padding in body so you don't need negative margin to pull #container back up*/
}

#container {
width:752px; /*a width that actually contains your site*/
   font-size:13px;
   font-family:Trebuchet MS;
   background-image: url(http://pinkcottoncandy.net/images/pcc_bg.jpg);
margin:0 auto;
}

#header {
   width:752px;
}

#admin {
   width:700px;
   /*float:top; no such thing*/
}

#content {
margin: 0 50px 0 170px; /*margined over to make room for #sidebar*/
   color:#000;
}

#sidebar {
width:170px;
   float:left;
   text-align:left;
   list-style-type: none;
}

[Cloud Ghost]

Thanks Excavator! Just one more problem. Now the page content is under the sidebar content: http://pinkcottoncandy.net/new.php

[Excavator]

Compare your version to the one I posted. You'll see yours still has the width and float... remove those two lines.
Like this -

#content {
 /*  width:520px;
  float:right; */
   color:#000;
   margin: auto 50px 0 170px;
}