CSS as used on http://afterthemouse.com/user/18

Having talked to Michelle she sujested I post the CSS I used for my take on the profile page Firstly the Bubble outlines. These were developed by the great Stu Nicholls on cssplay.co.uk all the code is here to use. All I did was adapt the colours for the site. Onion skin drop shadows on the avatar. Again, not at all my own work. British CSS guru Andy Budd wrote a great book CSS Mastery (trust me, buy it!) and he put the files on line too! you’ll find ALMOST everything I used in the /CSSMastery-code/Source Code/Chapter03/onionskin-drop-shadow.htm page or in the images file. I say almost as I added two little snippets to space out the photos in the profile, I found the positioning wasn’t quite right for me so I added .img-placer and .img_prev-placer. So I added this to Style.css /* easy drop shadow================================== */.img-placer { position: relative; left: 10px; top: 5px;}.img-prev-placer { position: relative; left: 4px; top: 4px;}.img-wrapper { background:url(http://mysite.com/files/drop/shadow.gif) no-repeat right bottom; float: left;}.img-outer {  background:url(http://mysite.com/files/drop/bottom-left2.gif) no-repeat left bottom;  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */}.img-inner {  background:url(http://mysite.com/files/drop/top-right2.gif) no-repeat top right;  padding: 0 5px 5px 0;  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */}.img-wrapper img {  background-color: #fff;  border: 1px solid #a9a9a9;  padding: 4px;  display: block;} Then in the node-uprofile.tpl I wrapped the existing code with my div’s <!-- Print the user's avatar --><div class="img-placer"> <div class="img-wrapper">  <div class="img-outer">   <div class="img-inner">    <?php print theme("user_picture",$profileuser); ?>   </div>  </div> </div></div> [Reprinted the second code snippet below as it didn't work in this post] Easy… Enjoy