Hi everyone,

I've been playing with my first print stylesheet and it works pretty well, however; I'm having a problem getting the content to span the full width of the page. I've tried many things without success.

Is anyone able to see a mistake or point me in the right direction?

Thank you!
Duncan

Site: http://www.projectsmart.com

/* CSS Document */

@font-face {
font-family:'baker-signet-bt';
src:url('http://www.projectsmart.com/baker-signet-bt-webfont.eot');
src:url('http://www.projectsmart.com/baker-signet-bt-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.projectsmart.com/baker-signet-bt-webfont.woff') format('woff'), url('http://www.projectsmart.com/baker-signet-bt-webfont.ttf') format('truetype'), url('http://www.projectsmart.com/baker-signet-bt-webfont.svg#baker-signet-bt') format('svg');
font-weight:normal;
font-style:normal;
}

body {
margin:0 auto;
padding:0;
font-family:verdana, arial, sans-serif;
background:#fff;
color:#000;
}

.title {
display:block;
font:normal 2.4em 'BakerSignet BT', Arial, Helvetica, sans-serif!important;
color:#000;
border-bottom:none;
margin-bottom:15px;
}

h1, h2, h3 {
font-family:Arial, Helvetica, sans-serif;
}

.post p img {
display:block;
max-width:160px;
height:auto;
}

.post h1 {
font:bold 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
border-bottom:dotted 1px #666;
margin-bottom:15px;
}

.post blockquote {
display:block;
margin-left:26px;
}

.post blockquote p {
display:block;
padding-left:10px;
border-left:solid 3px #666;
}

.post img.alignright, .ftimg img {
float:right;
border:solid 1px #666;
-moz-border-radius:5px;
border-radius:5px;
padding:10px;
display:block;
margin:0 0 5px 10px;
}

.post .line {
border-bottom:1px dotted #666;
color:#fff;
margin:10px 0 10px 0;
padding:0 0;
}

.post a {
color:#000;
text-decoration:none;
}

.post .center {
display:block;
margin-left:auto;
margin-right:auto;
}

#pagetop, #search, #sidebar, #pagefooter {
display:none;
}