.p5 {height:1px;padding:2px 0;clear:both;}

.gallery {
position:relative;
overflow:hidden;
float left;
font-size:14px;
width:90%;
margin:40px 20px 20px 40px;
padding:20px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.gallery a:link,
.gallery a:active,
.gallery a:visited {
color:#555;
outline:0;
text-decoration:none;
}

.gallery a:hover {color:black;} 

.gallery img {border:0;}
.gallery .float-left {float:left;}
.gallery .float-right {float:right;}
.gallery .clear {clear:both;}
.gallery .clearb10 {padding-bottom:10px;clear:both;}

.gallery .titlebar {
height:24px;
line-height:24px;
margin:0 5px;
width:800px;
}

.gallery .title {
font-size:18px;
font-weight:400;
}

.gallery .thumb-album {
overflow:hidden;
width:200px;
height:180px;
float:left;
margin:8px;
padding:5px;
background-color:#222;
color:#bbb;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
.gallery .thumb-album img{
	height:160px;
	width:200px;
	}
.gallery .thumb-album a {color:#fff;}

.gallery .thumb-album:hover {
background-color:#fff;
color:#333;
}

.gallery .thumb-album a {color:#bbb;}
.gallery .thumb-album:hover a {color:#444;}

.gallery .thumb {
overflow:hidden;
float:left;
width:190px;
height:160px;
margin:8px;
background-color:#444;
border:5px solid #222;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.gallery .thumb img{
	height:160px;
	width:100%;
	}
.gallery .thumb:hover {
border:5px solid #f6f6f6;
}

.gallery .thumb-wrapper {
width:100%;
height:160px;
overflow:hidden;
}

.gallery .thumb-wrapper img {height:100%;}

.shadow {
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

/***** pagination style *****/
.gallery .paginate-wrapper {
padding:10px 0;
font-size:14px;
}

.gallery a.paginate {
color:#555;
padding:0;
margin:0 2px;
text-decoration:none;
}

.gallery a.current-paginate, 
.gallery a.paginate:hover {
color:#333;
font-weight:700;
padding:0;
margin:0 2px;
text-decoration:none;
}

.gallery a.paginate-arrow {
text-decoration:none;
border:0;
}

@media screen and (min-width:700px)
{
	.gallery{
		width:100%;
	}
}
@media screen and (max-width:700px)
{
	.gallery{
		width:100%;
		padding:0;
	}
}

@media screen and (max-width:480px)
{
	.gallery{
		width:100%;
		padding:0;
	}
}