This Thread is for Tips and Helpful Links for Making Stylesheets ONLY. 
Do NOT ask stylesheet questions in this thread and let's leave it for helpful things.
If you have a helpful tip, trick, or link feel free to use this thread to share it.

---

Stylesheets made by members and posted here at Support
You must give credit and a link back to the original author of a stylesheet
if you do a remake or a conversion of a stylesheet or theme.

---

w3schools is invaluable for learning css:
http://w3schools.com/css/default.asp

Another good source for css:
http://www.pageresource.com/dhtml/cssprops.htm

A color coded forum where you can see where each color is used:    You do not need to signup to use it.  Its sole purpose is for you to look around and to be able to easily see where the areas are in the css.
Color Coded Stylesheet Help

This Tutorial for the Default CSS was written by patrick from the simplemachines forum.
It describes each section in the css (with pictures)
patrick's tutorial

Background Help:
How to put a background image on your forum
More Background Help
w3schools background css info
How to put an image on top of the background

How to center the forum

Tab Help:
Change Tab Colors

How to Change the News Fader Font and Link Colors:
Change News Fader Font and Link Colors

Color Code Sites:
http://html-color-codes.com/
http://www.december.com/html/spec/color.html
http://www.webmonkey.com/webmonkey/reference/color_codes/
http://www.computerhope.com/htmcolor.htm#03
http://instant-eyedropper.com/info/html_color_code/

Find Colors that Go well together with:
Color Blender

Select Colors from anywhere on the screen with:
Instant Eyedropper


How to Install a Stylesheet you see here at support:

Admin > Manage Styles
Click Create Style
Type a name for the new style in the box - scroll to the bottom and save
Click Modify Style
Choose the style you created - click Pick Style
Scroll to the bottom - erase all of the existing css in the box - paste the new code in.
Click Modify Style
To use your new style choose it in the dropdown menu from Manage Styles.

Doing a lot of css editing and tired of having to keep scrolling to the bottom of the page?

Put this in your footer:  <a name="bottom"></a>

Make a custom tab    (Admin > Manage Styles > Custom Tabs)
Title:     Down
URL:     #bottom

When you click the "down" tab it will take you to the bottom of the forum.
Its really helpful in Admin, when doing a lot of css editing as you can get to
the bottom of the screen quickly.

(actually its helpful in many places on the forum)