@charset "utf-8";

html, body, div, h3, p, ul, li, img{
	margin:0;
	padding:0;
}

.hits{
	color:white;
	text-align:center;
background-color:#000066;
}
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

body {
	background:#969fab;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
}


header {
	background:#42517f;
	border-bottom:1px solid#000;
}

header h3{
	color:#fff;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	font-size:16px;
	word-spacing:1px;
	text-shadow:1px 1px 2px #000;
}

#content{
	background:#848c9c;
	background:linear-gradient(to top, #484c9c, #687080 50%, #a7b1c5 100%);
	background:-webkit-linear-gradient(bottom, #484c9c, #687080 50%, #a7b1c5 100%);
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
}

.gallery {
	width:740px;
	margin:auto;
}

.gallery ul {
	list-style:none;
}

.gallery li {
	float:left;
	margin:10px;
}

.gallery img {
	display:block;
	padding:5px;
	background:#42517f;
	border:1px solid #99abed;
	box-shadow:1px 1px 2px #000;
}

.gallery img:hover {
	border:1px solid #fff;
}

footer {
	background:#222222;
}

footer p {
	color:#fff;
	text-align:center;
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}


img {
padding-bottom:2px;
}



.foote {
padding-top:20px;
padding-bottom:10px;

}
#pop{
height:auto;
width:40%;
position:fixed;
margin-top:20px;
bottom:50%;
right:50%;
border:2px solid;
background:grey;
border-radius:9px;
padding:5px;
}
#close{
right:10;
top:10;
float:right;
}