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

a {color:#fff}

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

#container {
width:100%;
}

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

.enema-list {
margin:0 auto;max-width:800px;
}
.enema-top {

float:left;
width:150px;
height:150px;
overflow:hidden;
border:5px solid #222;
display:block;

}

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

}

.enema-top img:hover {
margin-left:-10px;
margin-top:-10px;
opacity:1;
-webkit-filter: grayscale(100%);
filter: none; 
width:160px;

}


.footer {
border-top:1px solid #999;
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:20px 0;
border-top:1px solid #999;
width:800px;
margin:0 auto;
text-align:center;
height:200px;
}

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

.category {
font-family:Oswald , sans-serif;
margin:0;
padding:10px 0;
float:left;
width:250px;
letter-spacing: 0.1em;
text-align:center;
display:block;
height:20px;
}

/* individual */

h1 {font-weight:normal;}
.enema-title {
text-align:center;
margin:20px auto 20px auto;
border-bottom: 1px solid #999;

}

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

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

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

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

.i-content {width:800px;}

.i-content img {
}
.i-content p {
font-size:16px;
}

.i-content p img {
width:800px;
height:auto;
}

.gallery {

border-top:1px solid #999;
}

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