title: Blockquote with shadow effect
body: <p>I would like to make some changes to my current blockquote. This is my current code:</p>
  
  <pre><code>Css:
  
  blockquote.style2 {
  background:#e9e2d0;
  margin-left: 50px;
  padding-left: 15px;
  border-left:4px solid #e85e4c;
  }
  
  HTML:
  
  &lt;blockquote class="style1"&gt;
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
  &lt;/blockquote&gt;    
  </code></pre>
  
  <p>I would like to have the red border on "top" (instead of the left) and add the shadow effect #2 that is showing in here: <a href="http://www.paulund.co.uk/creating-different-css3-box-shadows-effects" rel="nofollow">http://www.paulund.co.uk/creating-different-css3-box-shadows-effects</a> . This is the code for the box shadow:</p>
  
  <pre><code>Css:
  .box h3{
  text-align:center;
  position:relative;
  top:80px;
  }
  .box {
  width:70%;
  height:200px;
  background:#FFF;
  margin:40px auto;
  }
  
  
  .effect2
  {  position: relative;   }
  
  .effect2:before, .effect2:after
    {     z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  .effect2:after   {
    -webkit-transform: rotate(3deg);
   -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
   -ms-transform: rotate(3deg);
   transform: rotate(3deg);
   right: 10px;
   left: auto;
  }
  
  HTML:
  &lt;div class="box effect2"&gt;
  &lt;h3&gt;Effect 2&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciate it! Thanks.</p>