/* Image alignment for blog post bodies. Loaded by the blog editor (contentsCss) and by the public
   post page, so what the editor shows is what readers see. Class names match image2_alignClasses
   and image2_captionedClass in CKEDITOR_CONFIGS['blog']. In the editor the left/right class sits on
   the widget wrapper (.cke_widget_wrapper) instead of the img, so both are covered. */
img.blog-img-left, .cke_widget_wrapper.blog-img-left { float: left; margin: 0.3rem 1.2rem 0.8rem 0; }
img.blog-img-right, .cke_widget_wrapper.blog-img-right { float: right; margin: 0.3rem 0 0.8rem 1.2rem; }
.blog-img-center { text-align: center; }
.blog-img-center img { display: block; margin-left: auto; margin-right: auto; }
figure.blog-img-captioned { margin: 0 0 1.5rem; }
figure.blog-img-captioned figcaption { font-size: 0.9rem; color: #666; text-align: center; }