css - フォーカスを失った要素のトランジションを設定するにはどうすればよいですか

Question

次のように、黒から濃い灰色への単純な移行があります。

.navbar .logo:hover {
    -o-transition: 1s;  
    -ms-transition: 1s;
    -moz-tranistion: 1s;
    -webkit-transition: 1s;
    transition: 0.2s;

    color: darkgrey;

}

デモ: http://jsfiddle.net/yD46F/10/

しかし、ホバリングを停止すると、黒に戻るのではなく、すぐに黒に戻ります。これを修正するにはどうすればよいですか? ありがとう！