IE 6~8 ignoring font, background, and margins on sidebar [closed]

You have added this CSS in below css3 media query and this css3 media rule does not support IE8 and below browsers so it is not applying css contained in its block.

/* Minimum width of 600 pixels. */
@media screen and (min-width: 800px) { 
.widget-area, #secondary{
float: right;
width: 210px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0 15px 0 15px;
border-bottom: 1px solid #cacaca;           
border-top: 1px solid #cacaca;
background-color: #efefef;
margin-top: 45px; }
}

To make it work just declare this css rule outside this media query block as following .

/* Minimum width of 600 pixels. */
@media screen and (min-width: 800px) { 

}
.widget-area, #secondary{
float: right;
width: 210px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 0 15px 0 15px;
border-bottom: 1px solid #cacaca;           
border-top: 1px solid #cacaca;
background-color: #efefef;
margin-top: 45px; }