*{ margin:0; padding:0; }

body{
	font-family: 'Clicker Script', cursive;
	background:#000 url(../bg.jpg) repeat center center;
	font-size:30px;
	color: #fff;
	overflow:hidden;
}

img{
    pointer-events: none;
}

#pp_title{
	z-index:900;
	position: fixed;
	width: 100%;
	text-align:center;
	
	font-family: 'Clicker Script', cursive;
	font-size:9vw;
	color: #FFF;
	text-shadow: 4px 4px 3px #666;
	margin-top:20px;
}

#pp_firstpic{
	position:fixed;
	top: 50%;
	left:50%;
	z-index: -5;
	width: 720px;
	margin-top: -240px;
	margin-left: -360px;
	padding: 10px;
	transform: rotate(1deg);
	
	background-color: white;
	
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
	
	line-height:22px;
	font-size:25px;
	font-weight: bold;
	text-align:center;
	color:#00021c;
}
#pp_firstpic img{
	width: 720px;
	height: 405px;
}

#pp_thumbContainer{
	position:fixed;
	bottom:0px;
	left:0px;
	height:90px;
	width:100%;
}

.pp_loading{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#fff url(../icons/loader.gif) no-repeat center center;
	width:100px;
	height:100px;
	z-index:999;
	opacity:0.7;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.pp_next, .pp_prev, .pp_lock{
	z-index:1000;
	cursor:pointer;
	top:50%;
	margin-top:-16px;
	width:80px;
	height:128px;
	position:fixed;
	text-align:center;
	border:1px solid #111;
	color:#fff;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	box-shadow:0px 0px 3px #000;
}
.pp_next{
	right:-80px;
	border-radius: 8px 0px 0px 8px;
	background:#222 url(../icons/next.png) no-repeat center center;
}
.pp_prev{
	left:-80px;
	border-radius: 0px 8px 8px 0px;
	background:#222 url(../icons/prev.png) no-repeat center center;
}
.pp_lock{
	height:80px;
	top:90px;
	right:-85px;
	border-radius: 8px 0px 0px 8px;
	background:#222 url(../icons/lock.gif) no-repeat center center/75%;
}

.album .descr,
.pp_back{
	position:absolute;
	background:#222;
	text-align:center;
	border:1px solid #111;
	padding:5px;
	cursor:pointer;
	color:#fff;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}

#pp_thumbContainer .album{
	position:absolute;
	width:100%;
	height:125px;
}

.album .descr{
	bottom:0px;
	width:256px;
	margin-left: -128px;
}

.pp_back{
	/* text-transform:uppercase; */
	bottom:120px;
	left:-200px;
	width:164px;
}

#pp_thumbContainer .content{
	position:absolute;
	top:0px;
	height:180px;
	margin-left:-115px;
	cursor:pointer;
}
#pp_thumbContainer img{
	border:5px solid #fff;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
	width: 220px;
	height: 220px;
}
#pp_thumbContainer .content span{display:none;}

.pp_preview{
	position:fixed;
	top:150%;
	left:50%;
}
.pp_preview img{
	position:absolute;
	top:0px;
	left:0px;
	border:10px solid #fff;
	border-bottom:65px solid #fff;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
.pp_descr{
	height:55px;
	vertical-align: middle;
	line-height:22px;
	font-size:25px;
	font-weight: bold;
	width:100%;
	bottom:0px;
	left:0px;
	position:absolute;
	text-align:center;
	color:#00021c;
}