/* change the background-color to what you want */ 
body {font-size:100%; background-color:#999; color:#000; margin:0; padding:0}

/* leave as is */
#skiplinks {width:47.5em; margin:0 auto;}
#skiplinks a {font-size:.65em; color:#fff; text-decoration:none}

/* change border and fore/background colors */
#wrapper {width:47.5em; margin-left:auto; margin-right:auto; font-family:Arial, Helvetiva, sans-serif; border:1px solid #000; background-color:#fff; color:#000}

/* besides the padding, can probably leave as is */
#header p {text-align:center; margin:0 auto; padding-top:.2em}

/* if a sidebar, take out inline and give width/etc */
#menu ul, #footer ul {text-align:center; margin: 0 auto; background-color:#99f; padding:.3em 0;text-transform:lowercase}
#menu ul li, #footer ul li {display:inline;}
#menu a, #footer a {color:#fff; text-decoration:none;}
#menu a:hover, #footer a:hover {text-decoration:underline overline}

/* again, change as needed (add border, etc) */
#footer {clear:both}
#footer p {text-align:right; padding:.4em; margin:0}

/* prettify as you like */
h1 {text-align:center; font-size:1.75em; font-family:Comic Sans MS; font-variant:small-caps; margin:.3em; clear:both}
h2 {text-align:center; font-size:1.25em; line-height:1.25em; font-family:Comic Sans MS; font-variant:small-caps; margin:.3em; clear:both}

/* shouldn't have to change too much */
p {padding: 0 2em;}

.right {float:right; margin:0}
.left {float:left; margin:0}

/* to fix the annoying outlined-link-image problem; unless that's your thing, leave as is */
a img {border:0}
/* this is a per-site style; I wanted to outline images with a border */
img {border:1px solid #000}