To centre a footer

#footer {
            font-size: 100%;
            font-family: 'Droid Sans','Trebuchet MS', Arial, sans-serif;
            letter-spacing: -1px;
            padding: 25px 20px 0 20px;
            margin: 0 auto;
            width: 830px;
            height: 45px;
            text-align: center;
            color: #ffffff;
            background: #676767;
            background: -moz-linear-gradient(#676767, #1D1D1D);
            background: -o-linear-gradient(#676767, #1D1D1D);
            background: -webkit-linear-gradient(#676767, #1D1D1D);
            border-radius: 15px 15px 0px 0px;
            -moz-border-radius: 15px 15px 0px 0px;
            -webkit-border: 15px 15px 0px 0px;
            border: 1px solid #000;
            -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
            -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
            box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
        }
 
            #footer a, #footer a:hover {
                color: #FFF;
                text-decoration: none;
            }
 
                #footer a:hover {
                    text-decoration: underline;
                    color:#FFAAD7;
                }

 <div id="footer">
            Copyright &copy; <a href="http://www.mySite.com">My Site</a> 2014
        </div>