body {
margin:10px;
padding:0;
background:#fff;
text-shadow: 1px 1px 1px #eee;
font-family: serif;
}

ul , li{margin:0;padding:0;}

#container {
width:100%;
}

.anima-header {
text-align:center;
max-width:800px;
margin:100px auto;
}

.anima-list {
margin:0 auto;max-width:800px;
}
.anima-top {
float:left;
width:150px;height:150px;overflow:hidden;
border:5px solid #fff;
display:block;

}
.anima-top img {
margin-left:-10px;
margin-top:-10px;
width:200px;height:auto;
opacity:0.8;
-webkit-filter: grayscale(100%);
filter: gray;
-webkit-transition: all .2s ease;
-ms-transition: all .2s ease;

}

.anima-top img:hover {
margin-left:-50px;
margin-top:-20px;
opacity:1;
-webkit-filter: grayscale(0%);
filter: none; 
width:250px;

}


.footer {
border-top:1px solid #000;
width:800px;
text-align:center;
margin:0 auto;
padding:50px 0;
font-family:helvetica,sans-serif;
font-weight:bold;

}


/* footer */

.spacer {
width:800px;
margin:0 auto;
height:50px;
}

.related {
padding:50px 0;
border-top:1px solid #000;
width:800px;
margin:0 auto;
text-align:center;
height:150px;
}

.related a {
text-decoration:none;
color:#000;
}

.category {
margin:0;
padding:10px 0;
float:left;
width:250px;
text-align:center;
display:block;
height:30px;
}

/* individual */

.anima-title {
text-align:center;
margin:20px auto 20px auto;
border-bottom: 1px solid #000;

}

#center {
width:800px;
padding:20px 0;
margin:20px auto;
}

#right {
width:800px;
padding:20px 0 10px 0;
margin:0px auto;
}

.anima-img {
width:800px;
padding:10px 0;
text-align:center;
margin:0 auto 30px auto;
}

.anima-img img {
padding:10px;
border:1px solid #eee;
}

.i-content p {font-size:16px;
text-align: justify}

.i-content p img {

}

.gallery {

border-top:1px solid #000;
}

.gallery img {
max-width:150px;
max-height:150px;
padding:5px;
margin:10px;border:1px solid #eee;
}