#mainPicSlides{
	
}

#container {
	width:470px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}


/*
	Slideshow
*/

#slides {

	
	position:relative;	
	width: 600px;
	height: 400px;
	padding: 10px;
	
	background: #444;
	border: 1px solid #000;
	padding: 5px;
}

#slides .ribbonPopular{
	position: absolute;
	z-index: 10;
	top: -32px;
	left: -6px;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:600px;
	height: 400px;
	overflow:hidden;
	position:relative;
	display:none;
	
	
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container .slide {
	width:600px;
	height:400px;
	display:block;
}

	
	.slides_container .slide img{
		max-width: 600px;	
		
		/*vertically center align, for portrait pics to center */
		position:absolute;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	
	.slides_container .slide  .caption {
		z-index:2;
		position:absolute;
		bottom:0px;
		left:0;
	
		padding:5px 20px 0 20px;
		background:#000;
		background:rgba(0,0,0,0.7);
		width:560px;
		font-size:13px;

		
		color:#fff;
		border-top:1px solid #000;
		text-shadow:none;
	}
	.slides_container .slide  .caption a{
			color: #0393FF;	
	}
		.slides_container .slide  .caption a:hover{
			color: #90C3E9;	
		}
	
	.slides_container .slide  .caption .leftCol{
		float: left;	
	}
		.slides_container .slide  .caption .text{
			font-size: 13px;
			width: 450px;				
		}
		.slides_container .slide  .caption .like{
			
			margin-top: 2px;
		}
		.slides_container .slide  .caption .rest{
			font-weight: bold;
			margin-top: 7px;
		}
		
	.slides_container .slide  .caption .rightCol{
		
	}
		.slides_container .slide  .caption .username{
			position:absolute;
			bottom:5px;
			right: 100px;	
		}
/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:11;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	width:113px;
	right:-15px;
	top: 5px;
	position: absolute;
	z-index:5;
	
	background: url(../img/web/bg_50percentBlack.png); /*fallback for ie8 */
	background: rgba(0, 0, 0, 0.4);
	padding: 5px 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.pagination li {
	float:left;
	margin:1px 2px;
	list-style:none;
}
		.pagination li a {
			display:block;
			
			padding:2px;
			/*background-image:url(../img/pagination.png);
			background-position:0 0; */
			background: #FFF;
			
			float:left;
			overflow:hidden;
			
			border: 1px solid #666;
			border-radius: 3px;
			-moz-border-radius: 3px;
			
			/*drop shadow */
			-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
			-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
			box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
			
		}
		
		.pagination li.current a {
			
			background: #F30;
			border-color: #930;
		}
			.pagination li img{
				width: 45px;	
			}
/*
	Caption
*/