@import "reset.css";
@import "typography.css";
@import "layout.css";
@import "color.css";
@import "archives-2015.css";

@media only screen and (device-width: 768px) {
    p, blockquote, pre, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 20px; line-height: 1.5em; }
    h1 { font-size: 28px; line-height: 1.5em; }
    h2 { font-size: 24px; line-height: 1.5em; }
    h3 { font-size: 22px; line-height: 1.5em; }
    h4, h5 { font-size: 20px; line-height: 1.5em; }
    #mainNav { padding-bottom: 7px; padding-top: 12px; }
    #mainNav li { font-size: 19px; }
    #mainNav li ul { width: 15em; font-size: 20px; }
    #mainNav ul.livevideo { margin-left: -12em; }
    #mainNav ul.directory { margin-left: -10em; }
    #siteSearch { float: left; margin-top: -7px; width: 218px; border: 1px solid #747781; padding: 5px; font-size: 16px; line-height: 18px; height: 20px; }
    #header .search { margin-top: -7px; line-height: 15px; }
    #billSearch, #addr, #city { border: 1px solid #747781; padding: 5px; width: 130px; font-size: 16px; height: 20px; }
    .search { color: #fff; background: url(none); border: 1px solid #fff; cursor: pointer; padding: 5px; height: 30px; text-indent: 0px; text-transform: lowercase; background-color: #093772; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
    .search:hover { background-color: #333; }
    #fml { margin: 0 0 1em 0px; width: 200px; }
    #fml input { margin-bottom: 4px; padding: 5px; font-size: 16px; }
    .home #col1, .home #col2, .home #col3, .home #col4, .home #col5 { width: 30%; float: left; min-height: 220px; }
    .home #content h2 { line-height: normal; color: #333; font-size: 24px; }
    .home #content { background: url(none); border-top: 1px solid #9DA8B1; padding: 10px 0 0; }
    .home p, .home li { font-size: 16px; }
    #content #contentInner { background: #D7DDE4 url(none); overflow: auto; padding: 0 18px 20px; -webkit-box-shadow: 0px 0px 4px 4px rgba(100, 100, 100, .3); -moz-box-shadow: 0px 0px 4px 4px rgba(100, 100, 100, .3); box-shadow: 0px 0px 4px 4px rgba(100, 100, 100, .3); }
    #billboard #sidebar h2 { margin-top: 1em; }
    #billboard #sidebar ul li { font-size: 13px; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
}