Quick Specs (all measurements in pixels):
Avid is a flexible-width, responsive design.
Slider and images (for galleries and image posts) should be at least 1140 by 700.
On pages with a sidebar: The main column maximum width is 726.
On pages without a sidebar: The main column maximum width is 1078.

All images and video will scale to fit the viewing screen.

If you don't find what you need there, please start a new help request and make sure to link to an example.

The above works, the .post-container.... did not

Much appreciate your help.

Thank you.

.post-container p {font-size:16px; color: #d5d5d5;}

.main-content {
line-height: 2em;
}

.cat-links, .tag-links {
font-size: 14px!important;
text-transform: inherit;
}

.p { font-size:16px;
color: #d5d5d5;
}

but the font size and color remains unchanged.

Thanks for the suggestion though.

p { font-size:16px;
color: #d5d5d5;
}

I'm hoping this will change the size/color of the font in the paragraphs across your blog.

.main-content {
line-height: 2em;
}

.cat-links, .tag-links {
font-size: 14px!important;
text-transform: inherit;
}

.main-content {
color: #d5d5d5;
font-size: 16px;
}

Thanks

Thanks

And learning how to use your browser's built in web inspector will help tons. Right-click a category or tag at the bottom of a post and select the "Inspect Element" option, then click on the element or the parent element and the CSS that applies to the element you clicked on will appear on the right. It's a handy way to figure out what the theme is doing and then override it with a new rule by copying and adjusting.

In this case, you have to use "!important" to override the font size rules set by the Custom Fonts feature. And you can use the "text-transform" property to adjust the caps. Here is an example to get you started:

.cat-links, .tag-links {
	font-size: 13px !important;
	text-transform: inherit;
}

See this page for more info on the "text-transform" properties and what values you can use:
http://www.w3.org/TR/CSS2/text.html#caps-prop

Is it possible to decrease the font size and they not be all caps for the "Categories" ans "Tags" at the bottom of a standard post?

The site title and tag line overlap

That was happening because of this font shorthand property you were using on "body" earlier:

font:12px/16px Arial, Helvetica, sans-serif;

In this case, I would recommend leaving the "/16px" part out of any lines like that, especially if you're going to use a separate line-height rule anyway.

I also see this in your current custom CSS:

header {
	line-height: 50px !important;
}

You don't need to use "!important" there, but you also don't need the rule at all if you apply "line-height" just to the main content area. Here is an example, try replacing all of the custom CSS you have so far with this instead:

body {
	color:#c5c5c5;
}
.main-content {
	line-height: 2em;
}

Note that you can adjust the "2em" number to something smaller like "1.5em" if you'd like.

body {
line-height: 16px !important;
}

However, when I click add the display:none rule to the .post-icon, the changes are made, but not saved.

How to I make sure the changes are saved and applied instead of just appearing in firebug?(clicking save does not work)

urgent pls help
theme: Avid
http://jwtundrgrnd.wordpress.com/

To alter the css, you'll need to pay for the $30 a year custom design upgrade. But I do know that you should be able to change the background image of the theme once you buy it, without buying that upgrade, in fact you should be able to for your current theme (unless some restrict that) using the first link I gave (Appearance -> Background, where you should be able to upload a picture/image of your choice). As for GUI editing, I don't think that's possible, but I don't have the CSS editing upgrade, so I don't know.

You can customise your theme here and that should list all your available options and show you a live preview of it all.