.slideshow-outer { margin: 13px auto; }
.slideshow-main {  }
.slideshow-desc-inner-wrap { padding: 5px; line-height: 1.4em; font-size: 16px; }
h2.slideshow-title { margin-bottom: 10px; }

/* not using the title of prettyphoto, collapse to slightly improve vertical centering */
div.ppt { display: none !important; }

/* overriding circle skin */
/* bottom and margin-top need to be in-sync, i.e. adjusted together. if adjusting here, probably also need to adjust
   ThumbnailSectionTopMargin property in Slideshow class.  */
.circle .thumbnail-scroller.horizontal { bottom: 10px; margin-top: 20px; }

.circle .thumbnail-scroller .arrows a,
.circle .slide-arrows a
	{ border-bottom: none; }

div.pp_default .pp_description { font-size: 14px; }

.advanced-slider .layer.black {
	/* could alternatively add this IE8 filter to ie8.css */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
}

@media (max-width: 500px) {

	.slide-desc {
		/*display: none;*/
	}
	.advanced-slider .layer.black {
		/*background: rgba(0, 0, 0, 0.4);*/ /* make it even less dark so you can see the image better since it's smaller */
		padding-top: 0;
		max-height: 47px; /* based on the font-size of 14px below, allowing up for to 2 lines */
	}
	.slideshow-desc-inner-wrap {
		font-size: 14px;
	}
}