CSS3 Stanzschrift

Hallo,

im folgenden Bild seht ihr eine Schrift, die den Anschein erweckt als wäre sie eingestanzt. Diesen Effekt habe ich mit Photoshop realisiert.
Weiß jemand, wie ich dies mit CSS3 realisieren kann?
Text-Shadow!, nur wie beginne ich?

MFG

Mein Ansatz bis jetzt schaut so aus! (oben im Brower unten in Photoshop)

#navigation li a {
    font: 30px bolder;
    color: #7e7e7e;
    text-shadow: 0px 1px 0px #fff;
    text-decoration: none;
    }

#navigation li a:hover {
    font: 30px bolder;
    color: #339ce6;
    text-shadow: 0px 1px 0px #fff;
    text-decoration: none;
    }

In der Schrift, die ich in Photoshop erstellt habe, befindet sich noch ein Farbverlauf von Schwarz nach weiß! Wie realisiere ich den auf die Schrift mit CSS3?