Css Düzenleme

Arkadaşlar bi site yapıyorum tema free onun üzerinde bir kaç editleme yaptım lakin slider ve footer kısmını tam yapamadım yardımcı olurmusunuz

site www.touchmakine.com/beta

footer alanındaki twitter ikonunu değiştir

olmuyor ki .s onu denedim

Ek Olarak:

Ek Olarak:

Ek Olarak: *---- footer -----*/
.footer{
background:#2f3837;
padding:1em 0 1em 0;
border-top: 2px solid #008ad1;
}
.footer-grid h3{
color:#999;
font-weight:300;
text-transform:uppercase;
font-size:15px;
}
.footer-grid ul{
margin:1.3em 0 0 0;
padding:0;
}
.footer-grid ul li{
display:block;
}
.footer-grid ul li a{
color:#777;
text-decoration:none;
padding:0.15em 0;
display:block;
text-transform:uppercase;
font-size:0.875em;
}
.footer-grid ul li a:hover{
color:#008bd2;
}
.footer-grid ul li a span{
width: 10px;
height: aouto;
display:inline-block;
margin-right:0.5em;
}
.footer-grid ul li a.twitter span{
background:url(../images/splits.png) no-repeat -210px -12px;
vertical-align:middle;
}
.footer-grid ul li a.facebook span{
background: url(../images/splits.png) no-repeat -81px -12px;
vertical-align: middle;
font-size: 0.875px;
}
.footer-grid ul li a.googlepluse span{
background:url(../images/splits.png) no-repeat -118px -12px;
vertical-align:middle;
}
ul.social-icons li a{
padding:0.5em 0;
}
.location{
margin-top:1.3em;
}
.location ul li {
display: block;
}
.location ul li a:hover {
color: #008bd2;
}
ul.location li a {
padding: 0.5em 0;
}
.location ul li a {
color: #777;
text-decoration: none;
padding: 0.15em 0;
display: block;
text-transform: uppercase;
font-size: 0.875em;
}
ul.location li a span{
width: 27px;
height: 27px;
display:inline-block;
margin-right:0.5em;
}
ul.location li a.hm span {
background: url(../images/splits.png) no-repeat -9px -12px;
vertical-align: middle;
}
ul.location li a.phn span {
background: url(../images/splits.png) no-repeat -45px -12px;
vertical-align: middle;
}
/*----*/ footer alanın css kodları