* { margin: 0; padding: 0; line-height: 1.4em;}
a img { border: none; }
body { font: 12px/1.4em "Helvetica Neue", arial, sans-serif; color: #7d7d7d; background:#ccc url('images/containerbg.png') repeat left top; overflow:hidden;}

#wrapper { margin: 120px auto; width: 500px; border-bottom:1px solid #ccc; text-align:center;}

h1 { font-size: 46px; font-weight: 300; }
h1 a { color: #333; text-decoration: none; padding: 5px; }
h1 a:hover { color: #fff; }

h1.heading { text-shadow: 0px 1px 0px #e5e5ee; margin-bottom:-10px;}
h1.subheading { font-size:3em; width:500px; padding-left:5px; letter-spacing:0.31em; text-shadow: 0px 1px 0px #e5e5ee;}

#wrapper span {display:inline-block;}

#social {width:500px; margin:0 auto; margin-top:-110px; }
#social ul {list-style:none; text-align:center;}
#social ul li {display:inline; margin-right:30px;}

#social ul li a img, #wrapper span{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}
#social ul li a img:hover, #wrapper span:hover {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}