2 q's about this css file

Hello

I wonder if someone could help me please. I have modified my css file and have got it almost finished but I am having a hard time with 2 elements. I have been following tutorials and I am still stumped so hopefully those of you who are more familiar know the answer right away.

1. I am using the file for a wordpress blog
- the body section dictates the font size but I need the font to be smaller for the sidebar which posts the categories
- I can make the sidebar headings smaller but when I change the font in the body, it changes both the content and the category titles

2. I have the background image which works fine
- it is the whole page
- but I have a different backgorund image to display in the content or if it was html, in the main table that is the structure of the page.

no matter where I put the image, it doesn;t work.

I have posted the file here in the hopes you can see where I can place the code to answer these two questions.

Thank you so much for taking the time to look and help me.

/* Links */
A:link    {color:#660000;text-decoration:none;}
A:visited {color:#660000;text-decoration:none;}
A:active  {color:#660000;text-decoration:none; border-bottom: 1px dashed #000000;}
A:hover   {color:#666600;text-decoration:none; border-bottom: 1px dashed #000000;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #333333;
	background:url(images/pgbg.png) #FFEDD4 ;

	text-align: justify;
}

/* Theme Logo */
.mainimage {
	position: absolute;
 	left: 0px;
 	top: 0px;
}

.mainimage a img 
{
        border: 0px;
}

.logoimage {
	position: absolute;
 	left: 300px;
 	top: 0px;
}

.logoimage a img 
{
        border: 0px;
}

/* Header Text (date) */
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFEDD4;
	color: #660000;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

/* Main Context Div */
.main {
	background-color: #FFEDD4 ;
	width: 70%;
 	padding: 0px;
	position: absolute;
 	left: 175px;
 	top: 143px;
}

/* Side bar Div */
.sidebar {
	background-color: #FFEDD4;
	width: 165px;
 	padding: 0px;
	position: absolute;
 	left:0px;
 	top: 304px;
}

/* Links and text to comments */
.comments 
{
    font-size: 8pt;
    text-align: right;
    border-top: 1px solid #ffffff;
}

/* Search Box */
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
        font-weight: bold;
        color: #A09585;
        background: #FFE5F1;
	border: thin solid #C2C1BF;
        margin: 2px;
        padding: 2px;
}

/* Comment textbox */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background: #FFE5F1;
	border: thin solid #C2C1BF;
}

/* Images to float right */
.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 0px;
}

/* Images to float left */
.floatleft
{
float: left;
margin: 10px 10px 0 0;
border: 1px solid #666;
padding: 0px;
}

/* Lists */
.sidebar ul
{
	list-style-type:none;
	margin-left: 0; padding-left: 0;
}

/* Lists in Lists have margin */
.sidebar ul ul
{
	margin-left: 10px; padding-left: 0;
}

/* Header in list */
.sidebar li h2
{
	font-size: 14px;
	font-weight: bold;
	color:white;
}

PHP:

 

What does the HTML output for this look like?