Footer wont stay at bottom of page

I’m trying to get the footer of my page to stick to the bottom, If anyone could please look at he code and tell me if they see something wrong, the theme im modifying is “MagazineStyle”, I have already tried changing the positions from “Relative” to “Absolute” both do not work.

/* ===================== bottom-menu ===================== */
#footerads{
padding:30px;
}
#bottom-menu {
z-index: 1;
list-style-type: none;
margin: 0 auto;
padding-bottom: 10px;
width: 90%;
overflow: hidden;
padding-top: 15px;
}
#bottom-menu-inner {
margin: auto;
width: auto;
position: relative;
}
#bottom-menu a {
text-decoration: none;
}
#bottom-menu a:hover {
text-decoration: none;

}
#bottom-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#bottom-menu ul li a {
}
#bottom-menu ul li li {
padding-left: 10px;
border-bottom: none;
}
#bottom-menu h4 {
margin: 0 0 10px;
line-height: 22px;
padding: 10px 11px;
font-weight: bold;
color: #FFF;
margin-bottom: 15px;
background: #696969;
border-radius: 8px;
}
#bottom-menu-1 {
width: 23.5%;
margin-right: 2%;
float: left;
display: inline;
overflow: hidden;
}
#bottom-menu-2 {
width: 23.5%;
margin-right: 2%;
float: left;
display: inline;
overflow: hidden;
}
#bottom-menu-3 {
width: 23.5%;
margin-right: 2%;
float: left;
overflow: hidden;
display: inline;
}
#bottom-menu-4 {
width: 23.5%;
float: left;
display: inline;
overflow: hidden;
}
/* ===================== footer ===================== */
#footer {
margin: 0 auto;
z-index: 1;
list-style-type: none;
border-top: 1px solid #333;
background: #333;
color: #FFF;
}
#footer-inner {
width:100%;
position: relative;
bottom:0;
left:0;
text-align: center;
}

/* ===================== pagenavi ===================== */
#pagenavi {
text-align:left;
height:0px;
font-weight:bold;
line-height:24px;
padding-top: 25px;
padding-bottom: 20px;
}
#pagenavi a {
padding: 5px 14px 5px 14px;
margin: 2px;
text-decoration: none;
color: #fff;
line-height:24px;
background-color: #FD4326;
}
#pagenavi span {
padding: 5px 14px 5px 14px;
margin-right: 10px;
text-decoration: none;
color: #ffffff;
line-height:24px;
background-color: #FD4326;
}
#pagenavi a:hover {
color:#fff;
text-decoration: none;
background:#333;
}
#pagenavi span.current {
padding: 5px 14px 5px 14px;
margin: 2px;
line-height:25px;
font-weight: bold;
color: #fff;
background-color: #333;
}
/* ===================== Scroll to top ===================== */
.backtop {
background: #F5F5F5;
color: #333;
width: 30px;
text-align: center;
height: 26px;
padding-top: 4px;
display: inline-block;
zoom: 1;
border-radius: 10em;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}
.backtop:hover{
text-decoration:none;
opacity: 0.5;
}