title: CSS3 box shadow: both, outter and inner
body: <p>Is it possible to create both an outer shadow for a 3D effect and an inner inset glow? I have a div with a lime green background that's on top of a blue div. So far, I have the following: </p>
  
  <pre><code>.greendiv{
     background:darkgreen;
     box-shadow: box-shadow: 10px -7px 15px darkgray;
     box-shadow: lightgreen 0px 0px 3px inset;
  }
  </code></pre>
  
  <p>The actual colors are in #ffffff format. It seems that the second declaration cancels the first one. Is there a way around this?</p>