div#footer
{
display: inline-block;
position: relative;
margin: 0 auto 0px;
width: 100%;
height: 84px;
background: #444444; /* for IE */
background: linear-gradient( #042F6A 5%, #000000 100% ) ;
color: #CCCCCC;
border-style: solid;
border-width: 4px 0px 0px 0px;
border-color: #FFFFFF;
text-align: center;
font-size: 85%;
line-height: 80%;
padding: 0;
}

div#footer > ul
{
list-style-type: none;
display: block;
padding: 0;
}

ul#footnav > li
{
display: inline-block;
margin: 4px 2% 0px;
}

a.foot,a.foot:link,a.foot:visited,a.foot:hover,a.foot:active
{
display: block;
padding: 2px;
color: #C9E2FF;
text-decoration: none;
}

div#footer > span
{
display: block; 
font-size: 80%;
text-align: center;
}

/* -- MOBILE ADAPTIVE -- */

@media all and (max-width:600px) and (min-width:0px) {

div#footer { font-size: 80%; line-height: 70%; } 

div#footer span {text-align: left; margin-left: 5%;}

}