Untitled

                Never    
CSS
       
<style>
.shadowbox {
   background: #ddd;
   border:1px solid #999; border-radius:0.5em; margin:0; padding:0.5em;
   box-shadow: 0.3em 0.3em 0.6em rgba(0,0,0,0.5);
   transition: box-shadow 1s, background 1s;
}
.shadowbox:hover {
   box-shadow: 0.3em 0.3em 1.6em rgba(102,102,204,0.5);
   transition: box-shadow 1s, background 1s;
}
.shadowbox.inset {
   background:#eee;
   box-shadow: 0.3em 0.3em 0.6em rgba(0,0,0,0.5) inset;
   transition: box-shadow 1s, background 1s;
}
.shadowbox.inset:hover {
   background:#f8f8ff;
   box-shadow: 0.3em 0.3em 0.6em rgba(102,102,204,0.5) inset;
   transition: box-shadow 1s, background 1s;
}
</style>

<div class="shadowbox">
   title goes here
   <div class="shadowbox inset">
      content goes here
      <p>
      and more content as needed
   </div>
</div>

Raw Text