and played around with it.

I use a style sheet like this:

.titlename {
color:black;
font-size:40px;
font-weight: bold;
position:relative;
top:0;
left:0;
}
.emboss {
display: block;
position:absolute;
top:-4px;
left:-2px;
color:white;
}
.emboss2 {
display: block;
position:absolute;
top:-2px;
left:-1px;
color:gold;
}

and code like this:

<div class="titlename">Sample Text</div><span class="emboss">Sample Text</span><span class="emboss2">Sample Text </span></div>

It does looks ugly on non-css browsers, but :)...
(why two emboss? -- the white looks good on colored background!)
Also, you could change the emboss and emboss2 to be display:none and add a :hover style to make the title go 3D on mouseover.
wg-fomATgwyDOTorg