ul, li, h1, h2, h3{
	margin:0;
	padding:0;
}

body{
	/*background:#121212;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-size:11px;*/
	/*color:#fff;*/
	/*overflow-x:hidden;*/
}
#ps_overlay{
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#111;
    opacity:0.5; /* 0.5 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* 50 */
}

/*************************/
/* Image container style */
#ps_container{
	/* those lines specify that the picture show preview
	 * will be center in the browser window.
	 */
	position:fixed;
	
	top:30px;
	left:50%;
	width:720px;
	margin-left:-360px;
	
	z-index:900;
	display:none;
	background-color: #fff;
	
	/* border:30px solid #fff; */
	padding:30px 30px 10px 30px;
	
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
/* Close button for preview mode */
#ps_close{
	position:absolute;
	background:#fff url(../images/close.png) no-repeat center center;
	cursor:pointer;
	top:-18px;	/* -36px / 2 */
	right:-18px;/* -36px / 2 */
	width:36px;
	height:36px;
	z-index:1000;
	
	-moz-border-radius:18px;	/* 10px */
	-webkit-border-radius:18px;	/* 10px */
	border-radius:18px;	/* 10px */
}
/* Displayed image part */
#ps_image {
	position:relative;
	text-align:center;
	width:720px;
	height:480px;
	margin:auto;
	z-index:100;
}
#ps_image img{
	-moz-box-shadow:1px 1px 10px #000;
	-webkit-box-shadow:1px 1px 10px #000;
	box-shadow:1px 1px 10px #000;
}
/* Next photo button for preview mode */
#ps_next_photo,
#ps_prev_photo {
	position:absolute;
	top:50%;
	
	width:48px;
	height:48px;
	cursor:pointer;
	
	z-index:200;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	
	opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);	
}
#ps_next_photo {
	right:0px;
	background:#000 url(../images/next_photo.png) no-repeat 50% 50%;
}
#ps_prev_photo {
	left:0px;
	background:#000 url(../images/prev_photo.png) no-repeat 50% 50%;
}
#ps_next_photo:hover {
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#ps_prev_photo:hover {
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

/* Thumbnails part */
#thumbnails {
	position:relative;
	text-align:left;
	width:720px;
	margin:auto;
	z-index:200;
}
#ps_thumbnails {
	height:50px;
	width:100%;
}
#ps_thumbnails img {
	border:2px solid #fff;
	
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#ps_thumbnails img.selected,
#ps_thumbnails img:hover {
	cursor:pointer;
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
#ps_next_thumb,
#ps_prev_thumb{
	position:absolute;
	top:50%;
	width:16px;
	height:16px;
	z-index:60;
	
	background-color: #000;
    background-position: center center;
	background-repeat: no-repeat;
	
	-moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    
	cursor:pointer;
    outline:none;
	
    opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
#ps_prev_thumb{
	left:-16px;
    background-image:url(../images/prev_thumb.png);
}
#ps_next_thumb{
	right:-2px;
    background-image:url(../images/next_thumb.png);
}
#ps_prev_thumb:hover,
#ps_next_thumb:hover{
    opacity:0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

#ps_container a.disabled,
#ps_container a.disabled:hover{
    cursor:default;
    opacity:0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

/* Diaporama part */
#ps_diapo {
	position:absolute;
	left:0px;
	bottom:-26px; /* 24px + (1px border) * 2 */
	
	width:100%;
	height:24px;
	z-index:200;
	
	border:1px solid #777;
	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
	
    cursor:pointer;
    outline:none;
	
    opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
#ps_diapo.pause {
	background-image:url(../images/play.png);
}
#ps_diapo.play {
	background-image:url(../images/pause.png);
}

/**************************/
/* Thumbnail slider style */
#ps_slider{
	width:845px;
	height:300px;
	position:relative;
	margin:0px auto 0px auto;
}
#ps_slider a.next,
#ps_slider a.prev{
	position:absolute;
	background-color:#000;
    border:1px solid #232323;
    width:12px;
    height:16px;
	top:50%;
	
	padding:0px;
	
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    cursor:pointer;
    outline:none;
	
    opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#ps_slider a.prev{
	left:-16px;
}
#ps_slider a.next{
	right:-16px;
}

#ps_slider a.prev img,
#ps_slider a.next img {
	margin-top:0px;
	max-width:12px;
	max-height:12px;
}

#ps_slider a.prev:hover,
#ps_slider a.next:hover{
    border:1px solid #333;
    opacity:0.9;
}
#ps_slider a.disabled,
#ps_slider a.disabled:hover{
    opacity:0.4;
    border:1px solid #111;
    cursor:default;
}
#ps_slider .loading{
	background:#121212 url(../images/loading.gif) no-repeat 50% 50%;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:900;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/*****************/
/* Album element */
figure {
	-webkit-margin-start:0px;
	-webkit-margin-end:0px;
	-webkit-margin-before:0px;
	-webkit-margin-after:0px;
	margin: 0px;
}
figure.ps_album{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;

	width:140px;
	height:270px;
	padding:10px;
	margin:0px;
	background-color:#333;
	border:1px solid #444;
	position:absolute;
	text-align:center;
	cursor:pointer;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
	-webkit-box-reflect:
		below 5px 
		-webkit-gradient(
			linear, 
			left top, 
			left bottom, 
			from(transparent), 
			color-stop(0.6, transparent), 
			to(rgb(18, 18, 18))
		);
}
figure.ps_album:hover{
	background-color:#383838;
}
figure.ps_album img{
	height:90px;
	border:1px solid #444;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
figure.ps_album figcaption{
	display:inline-block;
	color:#666;
	background:#111 url(../images/overlay.png) no-repeat bottom right;
	height:167px;
	margin-top:10px;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	border:1px solid #393939;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
figure.ps_album figcaption:hover {
	background-image:none;
}
figure.ps_album figcaption span {
	display:block;
	margin:0px 10px 10px 10px;
	border-top:1px solid #333;
	padding-top:5px;
}
figure.ps_album figcaption h2 {
	margin:10px 10px 0px 10px;
	text-align:left;
	padding-bottom:5px;
	font-weight:normal;
	color:#ddd;
	text-shadow:0px 0px 1px #fff;
	border-bottom:1px solid #000;
}
@media (max-width: 1024px), (max-height:600px) {
	#ps_container{
		top: 30px;
		margin-left:-340px;
		width:680px;
		padding:10px 10px 5px 10px;
	}
	#ps_image {
		width:600px;
		height:400px;
	}
	#ps_image img{
		max-width:600px;
		max-height:400px;
	}
	#thumbnails {
		width:640px;
	}
	#ps_slider{
		width:600px;
		height:300px;
		position:relative;
		margin:0px auto 0px auto;
	}
}
@media (min-height: 530px) and (max-height:600px) {
	#ps_container{
		top: 30px;
		margin-left:-210px;
		width:420px;
		padding:10px 10px 5px 10px;
	}
	#ps_image {
		width:400px;
		height:267px;
	}
	#ps_image img{
		max-width:400px;
		max-height:267px;
	}
	#thumbnails {
		width:400px;
	}
	#ps_slider{
		width:400px;
		height:200px;
	}

}
@media (max-width: 480px), (max-height:530px) {
	#ps_container{
		top:10px;
		width:320px;
		margin-left:-160px;				
		padding:5px;		
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	#ps_close{
		background-size:50% 50%;
		top:0px;
		right:9px;
		width:18px;
		height:18px;		
		-moz-border-radius:9px;
		-webkit-border-radius:9px;
		border-radius:9px;
	}
	#ps_image {
		width:300px;
		height:200px;
	}
	#ps_image img{
		max-width:300px;
		max-height:200px;
		-moz-box-shadow:1px 1px 10px #000;
		-webkit-box-shadow:1px 1px 10px #000;
		box-shadow:1px 1px 10px #000;
	}
	#ps_next_photo,
	#ps_prev_photo {
		background-size: 50% 50%;
		width:24px;
		height:24px;
	}

	#thumbnails {
		width:300px;
	}
	#ps_thumbnails {
		height:50px;
	}
	#ps_slider{
		width:480px;
		height:220px;
	}
	figure.ps_album{
		font-size:6pt;
		width:90px;
		height:205px;
		padding:5px;
	}
	figure.ps_album img{
		height:45px;
	}
	figure.ps_album figcaption{
		height:150px;
		margin-top:5px;
		line-height:10px;
	}
	figure.ps_album figcaption span {
		margin:0px 3px 3px 3px;
		padding-top:2px;
	}
	figure.ps_album figcaption h2 {
		font-size:8pt;
		margin:3px 3px 0px 3px;
		padding-bottom:2px;
	}
}
@media (max-width: 320px) {
	#ps_slider{
		width:320px;
		height:220px;
	}
}