/* CSS Document */

/* gallery-specific styles */

/* gallery container */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	margin-left: auto;
	margin-right: auto;
	background-color: #ffe;
	padding: 0;
}

.gallery a img {
	border-width: 0;
	height: 80px;         /* a bit larger than highest img */
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
	text-align:center;
	font-size: 9px;
/*	border: 1px solid red;*/
}

/* For the <a> container, the best default display value is inline-table, but browser support 
   isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, 
   so that is set by default and the preferred display values are at the end of this stylesheet, 
   within hacks that hide them from those Opera versions. No other browsers tested seemed to have 
   any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell;	/* default, for gecko & Opera6- */
	margin: 0 3px 0 3px;
	padding: 0 3px 0 3px;			/* defines the space between images */
	vertical-align: top;   	/* aligns the img/caption container */
/*	width: 2em;*/ 			/* adjusts with text size */
/*	min-width: 90px; */       	/* not always honored, but that's OK */
	font-size: 9px;
	text-align: center;
	text-decoration: none; 
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 2.5em;         	/* makes each box a consistent height */
	padding: 0px 2px 0 2px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-style: normal;
	padding-top: 1.1em;
	line-height: 120%;     	/* standard spacing */
}

/* uncomment to show borders for debug */

/*.gallery { border: 1px solid #999; } */
/*.gallery span { border: 1px solid #f00; }*/
/*.gallery i { border: 1px dashed #00f;}*/
/*.gallery a { border: 1px solid #ccc; } */
/*.gallery p { border: 1px dashed #0f0; }*/


/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   	/* gecko & Opera6- */
	display: inline-table; 	/* Safari & some other browsers */
	display: inline-block;	/* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   	/* gecko & Opera6- */
	display: inline-table; 	/* Safari & some other browsers */
	display: inline-block; 	/* WinIE & some other browsers */
}

/* end WinIE hacks */

/* end hacks */


