<script type="text/javascript" src="/js/jquery.jeffects.js"></script>   
     
   <script>   
   $( function() {  
   $("a[href]").jEffects({  
   type:'bomb',  
   randomizeParticles: true,  
   colors: [ "#f88", "#8e4", "#4bf"],  
   particles: 16,  
   radius:64  
     
   });  
   });  
   </script>   
   <style>  
   .effects { clear:both }   
   .effects li { display:inline-block; *display:inline; font-size:24px; padding:4px 10px; cursor:pointer }  
   .effects li:first-child { background:#222; float:left; opacity:0.6; height:auto; width:180px; text-align:left; }  
   .effects li:hover { color:#fff; }  
     
   i { font-size:0.5em }  
     
   .jEffects-particle { font-size:20px; font-family:arial; z-index:2; position:absolute }  
     
   .distance { height:80px;}  
   .distance li.first { *margin-right:160px; }  
   .distance li { *float:left; height:40px; vertical-align:top; border-top:1px solid #666; }  
     
   .distance li img { opacity:0.6 }  
   .distance li:hover img { opacity:1.0 }  
     
   .concentrate li { opacity:0.6; }  
   .concentrate li:hover { opacity:1.0; }  
     
     
   #overview { margin:auto; width:370px; text-align:left; color:#fff }  
   #overview pre { background:#246; padding:4px; }  
     
   .themes { position:fixed; left:0; top:0; z-index:10; width:100% }  
   a.theme { float:left; background:#eee; color:#222; top:0; display:block; padding:6px; font-size:24px; height:46px; line-height:46px; }
   a.buy { background: #202020; color:#FFFFFF; }  
   a.white { left: 0; }  
     
   .jeffects_min { display:none }  
     
   .jorbital { float:right; color:#fff }  
   </style>