autofocus: how to integrate with existing design?

I too would like to integrate other designs with autofocus. I’ve been trying to do this for a long time…but I just cant figure it out.

I added a shadow to my posts…but I can only get it to work on the right side and bottom of the post. Anddd of course it doesn’t work for IE users.
example http://miabaker.com/blog/?p=725 scroll down until you get to the next picture.

How I did it: I added the bold text in the single section.
/* =single */
.single .post .entry-content, .single .attachment .entry-content {background:#FFF;color:#888;font-size:1.2em;float:left;padding:0 10px 0 0;margin:0;width:890px;position:relative;z-index:10;min-height:200px;box-shadow: 5px 5px 7px #999;
-webkit-box-shadow: 5px 5px 7px #999;
-moz-box-shadow: 5px 5px 7px #999;
}

Any ideas of how to get the shadow only on the left and right side of the post? And to make it visible for IE users?

well in that same area you can change the bg color by changing the FFF to whatever color you want.

/* =single */
.single .post .entry-content, .single .attachment .entry-content {background:#000;color:#888;font-size:1.2em;float:left;padding:0 10px 0 0;margin:0;width:890px;position:relative;z-index:10;min-height:200px;

If you want a solid line, dotted, dashed, ect just type this code right at the end of the code above. You can change the color, width, or style by typing in dotted instead of solid.
border-right:2px solid #888;
border-left:2px solid #888;