I would like to increase the space between the page names in the page nagigation (horizontal) it is too close. I tried adding a pipe but it didn't look good.

Also, is there a way to change the links to read http://www.hearttheearth.org/about rather than /page 1? I thought I saw that referenced somewhere but now I can't remember where.

Thanks!

use

/* ================================================== */
/* CSS for setting menu padding                       */
/* ================================================== */
ul.rMenu li {
	padding-top: 0px;
	margin: 7px 20px 7px 40px;
}
ul.rMenu-ver li {
	padding-top: 0px;
	margin-top: 7px 5px 0px 0px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

Change the margin values are top, right, bottom, left
Play with the right and left values

Where do I enter this code?

man put it in css
in theme option

Add HTML/CSS Inserts

Hollow,
can you please give more explanations. I can't find the CSS file in question and i have the same problem. Can you give the file name so i can look it up.
Thank you

You don't put it into a file, you put it in the theme options. Go to ATO->Add HTML/CSS Inserts->CSS Inserts and put it there.