CSS3 Box-shadow not working

Question

So, I'm having trouble with this code:

#footer {
position: fixed;
bottom: 0px;
margin: 0;
padding: 0;
left: 0;
right: 0;
width: 100%;
height: 40px;
font-family: Arial;
text-shadow: 1px 1px 1px black;
border-top: 1px solid rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px rbga(255, 255, 255, 0.3), inset 0 10px rbga(255, 255, 255, 0.2),
            inset 0 10px 20px rbga(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);

}

In Notepad++ box-shadow does not grey out. Meaning it does not work? Is this problem because of the fact that I use a:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
As doctype?

Answer 1

All but one of your rgba()s in your box-shadow are misspelled as rbga().