body:before {
  content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px;
  -webkit-box-shadow: 0 0 .8125em rgba(0,0,0,.6);
  -moz-box-shadow: 0 0 .8125em rgba(0,0,0,.6);
  box-shadow: 0 0 .8125em rgba(0,0,0,.6);  
  z-index: 10000;
}
      
      
      
      
  /*
  #page-wrap{padding:0 20px; width:940px; margin:0 auto;}
  #pen-wrap{width:100%;text-align:center;width:940px; }
  #pen-image{position: absolute;}    
  #pen-image.pos-1 { clip:rect(0 70px 600px 0); }
  #pen-image.pos-2 { clip:rect(0 140px 600px 70px); left: -48px; }
  #pen-image.pos-3 { clip:rect(0 210px 600px 140px); top: -48px; }
  
  
  http://code.google.com/p/jqueryrotate/wiki/Examples
  */
  
  
  body{font-size:100%; width:100%; height:100%; margin:0 auto;}
  #page-wrap{text-align:center; border:0 solid #000; margin-top:5%; }
  
  #pen-wrap{cursor:pointer; width:54px; height:600px; margin:0 auto; position:relative;
 
 border:0 solid #333;text-align:center; }
 
  #pen-image-nude{height:600px; width:54px; position:absolute; top: 0; left: 0; z-index: 1;}
  #pen-image-dressed{height:600px; width:54px; position:absolute; top: 0; left: 0; z-index: 3;}  
  
  #pen-shadow{display:none;border:0 solid #000; background-color:transparent;width:3%; height:1px; margin:15px auto 0;-webkit-box-shadow: 0 15px 20px #000;
   -moz-box-shadow: 0 15px 20px #000;
        box-shadow: 0 15px 20px #000;
}
      
      
      
      
      
      
      
      
      
      
      #footer-wrap { 
        margin:0 auto;
        text-align:center;
        z-index:2000;
        position:fixed;
        bottom:-65px;
        left: 50%; 
        margin-left:-150px;
        width:330px;
        height:65px;
        background-color:#f5f5f5;
      }
      
      /* IE 6 */
      * html  #footer-wrap  {
         position:absolute;
         top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
      }
      
      #share-wrap { 
        margin:.75em 0 .5em 50px;
      }
      
      #like-wrap {
        float:left;
        width:115px;
       }
      #tweet-wrap {
        float:left;
        margin:0 0 0 19px;
        width:80px;
       }
      
      #copyright-wrap {
        font-size:.6875em;  
        color: #999; 
      }     
      
      #copyright-wrap p {
        margin:0;
      }     
      
      #copyright-wrap a {  
        text-decoration:underline;
        color: #999;
      }
       
      .fb_edge_comment_widget {
        margin-top: -200px;
        margin-left: -100px;
      }
      
      .fb_send_button_form_widget {
        margin-top: -232px !important;
        margin-left: -180px !important;
      }


      /* Contain floats: h5bp.com/q */ 
      .clearfix:before, .clearfix:after { content: ""; display: table; }
      .clearfix:after { clear: both; }
      .clearfix { zoom: 1; }