#blog { margin: 0 -15px; }

#blog-posts { float: left; width: 765px; }
* html #blog-posts { position: relative; overflow: hidden; }
#blog-posts div.post { background: url(../graphics/post.gif) no-repeat right top; }
#blog-posts div.post h3.date { float: left; width: 76px; height: 89px; padding: 37px 0 0; margin: 0; background: url(../graphics/date.gif) no-repeat; text-align: center; font-weight: normal; color: white; text-transform: uppercase; font-size: 1.6em; }
#blog-posts div.post h3.date strong { display: block; margin: 0 0 13px; font-weight: normal; font-size: 2em; }
#blog-posts div.post h3.date span { display: block; margin: 3px 0 0; font-size: 0.8em; color: #808d95; }
#blog-posts div.content { margin: 0 0 20px 76px; padding: 30px 40px 0; }
#blog-posts div.content h2.title { font-size: 180%; line-height: 1.2em; }
#blog-posts div.content div.tac { padding: 5px 10px; background: #e3e6e8; text-align: right; }
#blog-posts div.content div.foot { padding: 5px 10px; background: #e9f8cf; text-align: right; }

#blog-posts-sidebar { float: right; width: 170px; }
#blog-posts-sidebar h3 { margin: 0 0 0.5em; font-weight: normal; font-size: 1.4em; }
#blog-posts-sidebar h4 { margin: 0; font-size: 1em; }
#blog-posts-sidebar ul { margin: 0 0 1em; padding: 0; list-style-type: none; }
#blog-posts-sidebar ul li { position: relative; padding: 1px 0; border-bottom: 1px solid #c6d8a3; }
#blog-posts-sidebar ul li:last-child { border-bottom: 0; }
#blog-posts-sidebar ul li span { position: absolute; right: 0; top: 0; display: block; font-size: 0.8em; color: #878787; }
#blog-posts-sidebar p { margin: 0; }

#page-comments { width: 610px; padding: 0 40px 0 0; }

a.rss { padding: 0 0 0 20px; background: url(../graphics/rss.gif) no-repeat left center; font-weight: bold; }