.gallery { margin:10px 0; width:473px; border-bottom: 1px solid #ccc; }
.gallery img { display:block; }
.gallery ul li { background:none transparent; }
.gallery .showing { border-bottom: 1px solid #ccc; }
.gallery .showing ul { margin:0; padding:0; }
.gallery .showing ul li { display:none; margin:0; padding:0; list-style:none; width:280px; }
.gallery .showing ul li img { margin:0 auto; }
.gallery .showing ul li a { border:0; }
.gallery .showing ul li p { background:#000; color:#f5f5f5; text-align:center; padding:.4em 0; margin:-5em 0 0 0; position:absolute; height:5em; width:280px; }
.gallery .showing ul li p .credit { position:absolute; bottom:3px; right:5px; font-size:.72em; }
.gallery .showing ul li.current { border-bottom: 1px solid #fff; display:block; #display:inline; /* :hack:fixed gap in IE6+7 */ }
.gallery .thumbs { position:relative; background:url(/magazine/graphics/large_gradient_bg.png) no-repeat bottom; border: solid #fff; border-width: 1px 0; padding:8px 49px 11px; width:375px; zoom:1; /* :hack:make buttons align in IE */ }
.gallery .thumbs_sleeve { width:190px; height:30px; overflow:hidden; position:relative; }
.gallery .thumbs ul { margin:0; padding:0; width:400px; position:relative; left:0; }
.gallery .thumbs ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:clearing floats for standards compliant */
.gallery .thumbs ul li { float:left; margin:0 20px 0 0; padding:0; background:#000; list-style:none; }
.gallery .previousButton, .gallery .nextButton { cursor:pointer; position:absolute; top:26px; display:block; width:27px; height:20px; text-indent:-9999px; background:no-repeat 0 0; }
.gallery .previousButton { left:8px; background-image:url(/magazine/graphics/buttons/b_arrow_left.gif); }
.gallery .nextButton { right:19px; background-image:url(/magazine/graphics/buttons/b_arrow_right.gif); }
.js-disabled .gallery .thumbs { display:none; }
.js-enabled .gallery .showing ul li p { display:none; }

/*Large Gallery Styles*/
.gallery.large { margin-top:0; }
.gallery.large .showing ul li { width:473px; }
.gallery.large .showing ul li p { width:473px; margin-top:-5.7em; }
.gallery.large .thumbs_sleeve { height:40px; width:340px; margin-left: 16px; }
.gallery.large .thumbs ul { padding:0; width:436px; }
.gallery.large .previousButton, .gallery.large .nextButton { top:19px; width:22px; }
.gallery.large .previousButton { left:10px; }
.gallery.large .nextButton { right:10px; }

.ajax_loading { background:#000 url(/magazine/graphics/ajax_loader.gif) 50% 50% no-repeat; position:absolute; z-index:100; display:none; }
.gallery.large .showing ul li p { height:auto; }
.gallery.large .showing ul li.loaded { background:#f5f5f5; }