@media screen {

    html { font-size: 100%; }

    body { margin: 10px; font-size: 0.68em; background-color: #F1F0EE; }

    body * {
        font-family: Verdana, Arial, sans-serif;
        font-size: 1em;
        line-height: 140%;
    }

    h1 { font-size: 1.2em; color: #46617E; }

    a { color: #46617E; }
    a:hover { color: #E58316; }

    td, th { padding: 5px; }

    td { border-right: 1px solid #B5B5B5; }

    thead th { background-color: #667588; color: white; text-align: left; font-weight: normal; }
    thead a { color: white; text-decoration: none; }

    table { border-style: solid; border-color: #B5B5B5; border-width: 1px 0 1px 1px; max-width: 775px; }

    tr.highlight { background-color: #E6E6E6; }

    table.category    col.category    { background-color: #F1F1F1; }
    table.subcategory col.subcategory { background-color: #F1F1F1; }
    table.name        col.name        { background-color: #F1F1F1; }
    table.date        col.date        { background-color: #F1F1F1; }

    th a { background-position: right center; background-repeat: no-repeat; padding-right: 20px; }

    table.category    thead.ascending  th.category    a { background-image: url(/explore/ascending.gif);  }
    table.category    thead.descending th.category    a { background-image: url(/explore/descending.gif); }
    table.subcategory thead.ascending  th.subcategory a { background-image: url(/explore/ascending.gif);  }
    table.subcategory thead.descending th.subcategory a { background-image: url(/explore/descending.gif); }
    table.name        thead.ascending  th.name        a { background-image: url(/explore/ascending.gif);  }
    table.name        thead.descending th.name        a { background-image: url(/explore/descending.gif); }
    table.date        thead.ascending  th.date        a { background-image: url(/explore/ascending.gif);  }
    table.date        thead.descending th.date        a { background-image: url(/explore/descending.gif); }

    col.date { width: 80px; }
    col.category { width: 180px; }
}