#av-listing h2 { font-size: 115%; padding: 9px; background: #eee6fa; }
#av-listing div.clearfloat { clear: left; }

#av-listing ul { margin: 0 -15px 0 0; padding: 0; list-style-type: none; }
#av-listing li { position: relative; float: left; height: 225px; width: 200px; }
#av-listing li.notranscript { height: 205px; }
#av-listing li h3 { display: table-cell; height: 40px; padding: 0 0 0.5em; margin: 0; color: #3f3f3d; vertical-align: bottom; }
body.large #av-listing li h3 { height: 45px; }
#av-listing li p { margin: 0 0 3px; }
#av-listing li a.play, #av-listing li a.transcript { display: block; height: 29px; line-height: 29px; padding: 0 10px; font-size: 110%; font-weight: bold; color: white; }
#av-listing li a.play:hover, #av-listing li a.transcript:hover { text-decoration: none; }
#av-listing li a.play { background: url(../graphics/play-link.gif) no-repeat; }
#av-listing li.audio a.play { }
#av-listing li a.transcript { background: url(../graphics/transcript-link.gif) no-repeat; }

#av-media h2 { font-size: 115%; padding: 9px; margin: 0; background: #eee6fa; }
#av-media h3 { clear: left; color: #0069d2; }
#av-media a.back { font-size: 110%; font-weight: bold; float: left; width: 159px; padding: 0 0 0 25px; height: 29px; margin: 2px 0 0.5em; line-height: 29px; background: url(../graphics/back-link.gif) no-repeat; color: #5923ae; }
#av-media a.back:hover { text-decoration: none; }

#av-media-container { background: black url(../graphics/media-top.gif) no-repeat; }
#av-media-container div.inner { background: url(../graphics/media-base.gif) no-repeat left bottom; padding: 20px 0 10px; }
#av-media-container h3, #av-media-container div.media { clear: none; width: 470px; margin: 0 auto 1em; font-size: 120%; }
#av-media-container h3 { position: relative; color: white; }

#sidebar-img { position: absolute; left: 12px; top: 385px; }