/******************************************************************************
 * Name: infinite-carousel.css
 * Description: Styles for the infinite-carousel widget
 */


/* styles for carousel wrapper and carousel divs
   ================================================== */ 
.ic_jasons_carousel {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden;
	padding: 0 !important;
}
		
.infiniteCarousel {
	margin: 0 auto;
	overflow: visible !important;
}

.infiniteCarousel, .infiniteCarousel_item {
	height: 500px !important;
	overflow: hidden;
}

/* styles for captions
   ================================================== */
.ic_caption {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .65);
	padding: 10px;
	width: 760px;
	color: #FFFFFF;
}
		
.ic_caption .credit_line {
	font-size: 22px;
	font-weight: bold;
}

.ic_caption .byline {
	font-style: italic;
}

.ic_caption .caption {
	font-size: 11px;
	display: block;
	letter-spacing: 1px;
	line-height: 18px;
}

/* styles for carousel controls
   ================================================== */
.ic_left_nav {
	left: 50% !important;
	top: 217px !important;
	z-index: 40;
	margin-left: -415px;
	width: 15px;
	position: absolute;
}
		
.ic_right_nav {
	left: 50% !important;
	top: 217px !important;
	z-index: 30;
	margin-left: 400px;
	width: 15px;
	position: absolute;
}
		
.ic_controls {
	z-index: 20 !important;
}

/* styles for carousel thumbnails
   ================================================== */
.ic_thumbnail_tray {
	display: none;
}

/* styles for carousel frame that fades out side images
   ================================================== */
#image_carousel_frame {
	background: url("http://www.mcclatchy.com/static/images/redesign_site_images/image_carousel_frame.png") no-repeat scroll center top transparent;
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 2;
}