body { padding: 0; margin: 0; background: #fff; color: #000; }
a:link, a:visited, .pseudoLink { color: #09f; }
.pseudoLink { border-bottom: dotted 1px #09f;cursor: pointer; }
a:hover, .pseudoLink:hover { text-decoration: none; color: #f66; border-bottom-color: #f66; }
#layout { width: 400px; margin: 3em auto; }
#logo { text-align: center; margin: 0 0 3em; }
.center { text-align: center; }
.b-social {
width: 600px;
margin: 0 auto; padding: .7em 0 1em;
border-top: solid 1px #ccc;
text-align: center;
line-height: 1.2em;
}
.b-social, .b-social * { color: #999!important; }
.b-social a {
font-family: Arial, sans-serif;
font-size: 12px;
white-space: nowrap;
margin: 0 1.3em;
position: relative;
padding: 0 0 0 23px;
text-decoration: none;
}
.b-social_img {
display: block; border: none; height: 15px;
position: absolute; left:0; top: -.1em; *top: .2em;
opacity:0.8;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%) opacity(85%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
a:hover { color: #000!important; }
a:hover .b-social_img {
opacity: 1;
filter: url("data:image/svg+xml;utf8,#grayscale");
/*filter: none;*/
-webkit-filter: grayscale(0%) opacity(100%);
}