Shadow question

Thanks Jake and Shelley. i got it working with a normal html but not with Xenforo ..Shelley i bet your codes better than mine ... feel free to have a laugh :)

<div class="box effect2">
<iframe height="395px"width="100%"  src="";;name="iframelink" frameborder="0" style="background-color:#fcfcff;border-right:1px solid #E5B55B;border-left:1px solid #E5B55B;border-top:1px solid #E5B55B;border-bottom:1px solid #E5B55B"  width="70%" scrolling="no" ></iframe>
.box {
    margin:4px auto;
* Effect 2
* ===============================================*/
  position: relative;
.effect2:before, .effect2:after
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  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);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;