Here's a trick that might help you in the future. A quick way to visualize the differences in selectors like those would be to add borders around each and preview the change. It makes stuff easy to spot in a pinch. :)

.contact-form label {
	border: 1px solid red;
}

.contact-form span {
	border: 1px solid blue;
}

It sounds like you're really trying to change the input fields and the text area sizes though (the boxes). Try updating with this:

.textwidget .contact-form input[type="text"],
.textwidget .contact-form input[type="email"],
.textwidget .contact-form textarea {
	width: 255px !important;
}

#content {
	border: 4px solid #E7DBBE;
	border-radius: 8px;
}

#c2 {
	margin-right: 0;
}

The margin-right adjustment for #c2 is to give the borders room, without that the sidebar will fall to the bottom.

You can change the border color to a color code of your choice:
http://automattic.github.com/Iris/

Adjust the border-radius value to change how much the corners are rounded.

If you also wanted to get rid of the top and bottom border from the content and sidebar areas, add this:

#c2, #c3 {
	border: none;
}

.contact-form label {
font-family: "Times New Roman", Arial, sans-serif;
font-size: 60%;
}

.contact-form label span {
font-size: 40%;
}

Can anyone help me with the following question - This is for comet theme web page http://www.instinctiveminds.com.au.

I am wanting to put a coloured boarder, around the content page so that it seperate's the content page and background boarder. Also am wanting the content page to have rounded edges instead of straight.

#header-image {
	width: 100%;
	text-align: center;
}

Or to change out the header image to a different one, first upload a 1200 x 200 pixel image to your media library and copy the image URL, then replace the url() value in the example below with your uploaded image.

#header-image img {
	display: none;
}

#header-image {
	width: 1200px;
	height: 200px;
	background: url(http://fencingtime.files.wordpress.com/2012/04/cropped-6793288022_2b6a78da1b_b.jpg);
}

Thanks!
Jen

If you change your #wrap width to 1200px, you will make your entire blog wider. This introduces problems with centering that you'll have to fiddle with to fix, but it's a start. Keep in mind the average width of screens for your readers, and you may introduce a horizontal scroll bar if you make your content too wide.

You will have to either make a wider header image or center it. That is your #header-image id.

If you increase your #c2 width to 940px then your fill up the remaining space with your main content.

I know this isn't exactly what you asked, but you may want to start there for figuring out how you want it to look overall, and then you can work on your margins and padding to align it how you would like.

Good luck!
-Z

I was able to make my main column wider to the right, and I made my right sidebar smaller to fit. Yay! What I now want to do is make it wider on the left. Here's the code I have now:

#c2 {
background:#fff;
border:solid 4px #d2d2d2;
border-left:0;
border-right:0;
float:left;
line-height:170%;
margin:0 5px 0 0;
overflow:hidden;
padding:0 30px 30px;
width:700px;
}

#c3 {
border:solid 4px #d2d2d2;
border-left:0;
border-right:0;
float:left;
overflow:hidden;
width:195px;
}

I appreciate any help. Thanks!

Last question - how can I make tags not show up in the footer?

Ah, looks like the other example I found in your CSS was for categories. Hiding the third row (you just had the 2nd before) should hid tags as well. Try this out:

.post-meta .row:nth-of-type(3) {
	display:none;
}

Note that nth-of-type is a CSS3 property and so it will only work in modern browsers, but it looks to me like that's your best option unless you want to hide the entire post-meta block.

The logo and sociallink icons in right sidebar didn't show when permalink is set to /%Year%/%Month%/%Day%/ .
Only on main blogpage logo and sidebar images are showing.
Solved by adding full URL to logo picture in themes and sidebar social icons img source changed to full URL i.o. picture name only.

If someone is having the same problem, this was the answer.

Regards,
Jel

The logo picture gets the url including postname?

Please help.

Using wordpress COMET theme.

Regards, Jel

The logo picture gets the url including postname?

Please help.

Regards, Jel

#wrap {
position: relative;
}
.menu {
position: absolute;
top: 310px;
width: 960px;
}
#menu-house-tour {
display: none;
}
#header {
margin-bottom: 60px !important;
}

.post-meta .row:nth-of-type(2) {
	display:none;
}

Nice work!!

#c2 .sep {
	display: none;
}

One more question - how can I get rid of the little squiggly at the bottom of each post?

You should link @mongoliabound to https://twitter.com/#!/mongoliabound on http://mongoliabound.wordpress.com/2012/06/29/hello-world/

I think it'd be cool to put a Twitter widget on your sidebar too :) http://en.support.wordpress.com/widgets/twitter-widget/

You could widen it a little using this:

.page-template-full-width-template-php #content #c2,
.attachment #content #c2 {
	width: 920px;
}

Also, how can I change the font in my menu to the Museo font I'm using for other headers?

As long as "Museo Slab" is selected as one of the fonts on your Appearance → Custom Design → Fonts page, you can use CSS like this to change to that font:

.menu > li a {
	font-family: museo-slab-1,museo-slab-2,"Droid Serif",Georgia,serif;
}

Note that different fonts have different properties such as width. If you change the font, you will also need to adjust the padding value between menu items (discussed earlier in this thread) to account for the change—otherwise, the menu will fall over to two lines.