body {

    margin: 0;
}

a, a:visited {
    text-decoration: none;
}

h1, h2, h3, footer, .gallery {
    text-align: center;
}

pre {
    width: 300px;
    margin: 0 auto;
    border: dashed 1px #aaa;
    padding: 12px;
    margin-bottom: 10px;
}

header, footer {
    padding: .2em 0;
    background: #555;
    box-shadow: 0 0 8px #222;
}

footer {
    margin-top: 1em;
}

.content {
    max-width: 1160px;
    margin: 0 auto;
}

.gallery img {
    height: 200px;
    transition: -webkit-filter .4s, filter .4s;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.gallery img:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.gallery a {
	width: 230px;
	display: inline-block;
	overflow: hidden;
	margin: 4px;
	
    /*height: 180px;box-shadow: 0 0 8px -1px #000;*/
}
.gallery a .zzt {
	font-size: 14px;
	color: #000;
	line-height: 30px;
}