If you have a lighter background you’ll want to do an outer drop shadow to give the illusion of an emboss and vice versa. There are many sites that do this, and sometimes it’s so subtle you don’t even notice it but it adds so much to your design. Here’s a good example:

Ego:

The CSS to achieve this is actually quite simple. The trick is to make sure that your background color and text color don’t conflict, otherwise you won’t see the effect. Here’s what you need to apply to your text declaration.

Light text on a dark background:
text-shadow: 0px -1px 0px #668337;

Dark text on a light background:
text-shadow: 0px 1px 0px #e1e1e8;

Using more than one pixel will increase the thickness of the emboss, but I recommend keeping it at 1px, otherwise it tends to look funky.

1. My Journey Through The X-Files Saga Two years ago I set out on a long journey;...
2. Add Quote Boxes To Show Off Quotes In Wordpress Ever wonder how online publications like Wired and Engadget have...
3. Get Hi-Res Icons Of Any Mac App In Seconds I just learned this trick and was completely blown away....

Divine only works on Windows machines for now, so for those of you designing on a Mac you’ll simply have to wait it out.

How it works
Basically you’ll have to design your theme with fake text all over and exactly how you would like it to look. Once you get the design exactly how you like, you can open the file with Divine and assign each element in your design as a specific type; Post Title, Comments, Post Text, etc.

An interesting idea to say the least. If any of you get a chance to try this free product let me know what you think.

1. Adding ‘New’ Badges To Your Wordpress Posts After recently redesigning Robot Forest Photography and having a fancy...
2. Add Quote Boxes To Show Off Quotes In Wordpress Ever wonder how online publications like Wired and Engadget have...
3. Automatically Add Images To Wordpress Posts If you want to maintain a sexy blog adding images...