html {background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#cover {
	height: 150px;
	width: 100%;
	background-color: #000;
	position: fixed;
	bottom: 0;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#social {width: 100%; height: 50px; background-color: #000; position: fixed; bottom: 0}
#social a {width: 40px; height: 40px; background-size: 40px; display: block; float: right; margin-right: 40px}
#social a:first-child {margin-right: 0}
#social a.f {background-image: url(../img/f2.png)}
#social a.i {background-image: url(../img/i2.png)}
#social a.p {background-image: url(../img/p2.png)}
#social a.t {background-image: url(../img/t2.png)}