/* Footer. */

#footer { font-family: National; font-weight: 200; width: 100%; color: #b2b2b2; background-color: #3c3c3c; clear: both;
          font-size: 100%; padding-top: 0.5em; padding-bottom: 0.5em; line-height: 150%; margin-top: 1em;}

#footer p { font-size: 100%; margin: 0.25em 0; }
#footer .footertitle { font-size: 120%; color: #f0f0f0; margin-top: 1em; }
#footer a { color: #b2b2b2; }
#footer a:hover { color: white; }
#footer td { vertical-align: top; }

#footer #contactinfo, #footer #feeds, #footer #social, #footer #tools { padding: 0 10px 1em 10px; }
#footer #contactinfo img.googlemaps { height: 22px; width: 22px; padding-top: 2px; opacity: 0.40; filter: alpha(opacity=40); vertical-align: middle; }
#footer #contactinfo img.googlemaps:hover { opacity: 1.0; filter: alpha(opacity=100); }
#footer #contactinfo img.contact { height: 20px; width: 20px; padding-right: 3px; opacity: 0.40; filter: alpha(opacity=40); vertical-align: middle; }
#footer #contactinfo img.contact:hover { opacity: 1.0; filter: alpha(opacity=100); }
#footer #contactinfo img.phone { height: 20px; width: 20px; padding-right: 3px; opacity: 0.40; filter: alpha(opacity=40); vertical-align: middle; }
#footer #contactinfo img.information { height: 25px; width: 20px; opacity: 0.40; filter: alpha(opacity=40); vertical-align: middle; }
#footer #contactinfo img.information:hover { opacity: 1.0; filter: alpha(opacity=100); }
#footer #feeds img.rss { height: 16px; width: 16px; padding-right: 4px; vertical-align: middle; opacity: 0.75; filter: alpha(opacity=75); }
#footer #social img { height: 40px; width: 40px; opacity: 0.40; filter: alpha(opacity=40); }
#footer #social img:hover { opacity: 1.0; filter: alpha(opacity=100); }

#footer #footer-sig, #footer #legal-stuff { margin: 1em 10px; }

@media (min-width: 768px) { #footer { font-size: 90%; }
                            #footer-cells { display: table; width: 100%; }
                            #footer-cells div { display: table-cell; width: 22%; }
                            #footer-cells div#contactinfo { display: table-cell; width: 34%; }
                            #footer #contactinfo, #footer #social, #footer #feeds, #footer #tools { padding: 0 1.5em; }
                            #footer #footer-sig, #footer #legal-stuff { margin: 1em 1.5em; } }

@media (min-width: 900px) { #footer { font-size: 100%; }
                            #footer #contactinfo, #footer #feeds, #footer #social, #footer #tools { padding: 0 2em; }
                            #footer #footer-sig, #footer #legal-stuff { margin: 1.5em 2em; } }