Help With CSS

Hi guys, I could really use someones help, I have no idea how to write/edit css code, and would really like to change something on my site, the appearance of my widgets, id like to replace the background with a specific image and id like to add my own headers for the different widgets (image files) , how do i do this?

Im not sure how to post photos here, its easier to explain when you can see what i mean, does this work?

<a href="http://tinypic.com?ref=2e16akh" target="_blank"><img src="http://i50.tinypic.com/2e16akh.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

[IMG]http://i50.tinypic.com/2e16akh.jpg[/IMG]

or the link is http://tinypic.com/r/2e16akh/6

With what I have, and what i want to do, i dont need to change what my widgets do, just how they look

@EmpireState: The best bet is to right-click the widget in a WebKit browser (Chrome, Safari) and choose Inspect Element. This will show you the element's HTML source, as well as all the CSS selectors and styles that are applied to the element. You then know what CSS selectors to use in your own stylesheet in order to override the styles.

For example, say your twitter header happened to have an ID of "#twitterHeader", then you would set its background using:

#twitterHeader { background-image: ... }

in your CSS stylesheet.

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/