General bloging

In the following you will see the css necesarry to do this. This changes the thumbs on the album listings, the thumbs on the photos listing (inside the album), and the userpicture on the about page...

In the first piece of code we fix the frames around photoalbum covers. We define new height and width (of the frame), and we add margins and move the picture 15px to the left, so we don't see the unnecessary part of it. There are two classes in the block (.albumthumb1, .albumthumb2) because the even and odd albums can have different frames.
Similar applies to the userpic (2nd block), and the photo view (3rd and 4th block). There are two parts for the photos (left and right). I am guessing this is done to give options for greater flexibility in complex designs.
The fifth block is for the images that you see inside the frames (the actual photos), they all need to be moved by the width of the frame around them. In the original layout they had larger values, because the frames were biger.
The final block is for the view counter below the photos, being that it has a fixed distance from the bottom edge of the frame, and we have changed the size of the frame below the picture.

.albumthumb1, .albumthumb2{
  height:192px;
  width:252px;
  margin: 0px 15px 20px 15px;
  background-position:-15px 0px;
}

#userpic{
  height:218px;
  width:285px;
  margin: 0px 18px 20px 18px;
  background-position:-18px 0px;
}

#mypix .thumb1,#mypix .thumb2{
  width:280px;
  height:228px;
  background-position:-7px 0px;
}

#mypix .thumb1 div,#mypix .thumb2 div{
  background-position:109px 0px;
  height:228px;
  padding-left:7px;
  padding-right:7px;
}

.albumthumb1 .albumimage, .albumthumb2 .albumimage, 
#userpic img, #mypix .thumb1 div img, 
#mypix .thumb2 div img {
  margin-left:7px;
  margin-right:7px;
}

#mypix .thumb1 .photoviews,#mypix .thumb2 .photoviews{
  bottom:4px;
}

Do report if you try this and it doesn't work. Of course you can also report if it works