/* Changes to CSS so Gallery thumbs can utilize almost 100% of the available width - will override any WP media settings */

.entry-content img[class*="wp-image-"] { /* This should (not necessarily) affects all images in a post entry, i.e. ones not in a gallery */
	padding: 0 !important;
/*	margin: 0 !important;*/
	border-width: 0 !important; 
	line-height: 0 !important;
}
.gallery,
.gallery-item,
.gallery-icon,
.gallery-icon a,
.gallery-icon img {
	padding: 0 !important;
	margin: 0 !important;
	border-width: 0 !important; 
	line-height: 0 !important; 

	/* Box Sizing tells browser to include padding & border in the size calculations */
	-moz-box-sizing: border-box !important; /* FireFox */
	-webkit-box-sizing: border-box !important; /* Safari on iOS <= 4, Android Chrome <= 2.3 */
	box-sizing: border-box !important; /* CSS3 all browsers */
}
.gallery, .gallery-icon img { float: none !important; }
.gallery-item, .gallery-icon, .gallery-icon a  { float: left !important; }
.gallery, .gallery-item, .gallery-icon {
	/*float: left !important;*/
	width: auto !important;
	height: auto !important;
}
.gallery-icon a {
	/*float: left !important;*/
	width: none !important;
	height: none !important;
}
.gallery-icon img { /* This controls the size of gallery thumbnails */
	/*float: none !important;*/
	/*font-size: 125% !important; /*float: left !important;*/
	min-width: 5em !important;
	max-width: 5em !important;
	min-height: 5em !important;
	max-height: 5em !important;
} /*min-height, max-height, min-width & max-width to keep look scalable (min-width is also a required workaround for IE7)*/
/*.entry-content { clear: both !important; display: inline !important; } /*display: inline-block !important;*/
/*.entry-content p { clear: both !important; display: inline !important; } /*display: table !important;*/
/*.gallery { float: left !important; }/*display: table !important;*/
.gallery-caption, .gallery br { display: none !important; }
/*.gallery-item { width: auto !important; }*/
/*.gallery-icon { line-height: 0 !important; }/*float: left !important; min-width: 5em !important; max-width: 5em !important;*/
.gallery-icon a { /*float: left !important;*/ display: table !important; }
.gallery {
	margin-bottom: 1em !important;
	
	/* Center align the gallery within the content - Note: does not center in IE7 */
	margin-left: auto!important; /* explicit auto margin required to be able to reliably center */
	margin-right: auto!important; /* explicit auto margin required to be able to reliably center */
	float: none!important; /* floating not allowed if we want to center */
	display: table!important; /*display: inline-block !important;*/ /* 'display' should 'block' or 'table' to be able to reliably center */
	width: auto!important; /* width cannot be auto unless element has layout or when display is 'table' then the browser will calculate minimum required width */
	/* As of 10/16/2012 some builds Chrome ignore the box-sizing property of child elements when computing gallery width,
		resulting in a centered but slightly less wide table if margins, paddings or borders of those elements are not zero */
}

/*********** BASIC ELEMENTARY & NECESSARY Customization is Above, SPECIAL Customization is Below *************/


/* Rounded corners for all thumbnails & images appearing in Post Content */
.entry-content img[class*="wp-image-"] { /* This should (not necessarily) affects all images in a post entry, i.e. ones not in a gallery */
	border-radius: 1em !important;
}
.gallery-icon img { /* thumbnail images in gallery */
	border-radius: .5em !important;
}

/* Dim on hover */
.gallery-icon img:hover { /* thumbnail images in gallery */
	/*Note: -ms-filter should come 1st for opacity to work in IE8 compatibility mode */
	-ms-filter: "alpha(opacity=75)" !important; /* IE8 */
	filter: alpha(opacity=75) !important; /* IE7 */
	opacity: 0.75 !important; /* IE9+ & all other broswers. */
}

/* Margins between thumbnails in gallery */
.gallery-item { margin: .3em !important; }