#content {
    text-align: center;
}
a:link, a:visited,
a:hover, a:active {
    color: #663366;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
table.plant-search-results,
table.plant-search-results td,
table.plant-search-results th,
table.plant-search-results caption {
    border: 1px solid grey;
}
table.plant-search-results {
    width: 100%;
    margin: auto;
    margin-bottom: 2em;
    border-spacing: 1px;
    border-collapse: separate;
}
table.plant-search-results caption {
    padding: 5px;
    margin-top: 0;
    font-size: x-large;
    font-weight: bold;
    min-height: 2em;
    border-bottom: 0;
    background-color: #CCCC99;
}
table.plant-search-results tr {
    height: 2.5em;
    vertical-align: middle;
}
table.plant-search-results th {
    background-color: #E5E5CC;
    text-decoration: underline;
}
table.plant-search-results td {
    padding: .25em .5em;
}
table.plant-search-results img.camera-icon {
    /* /images/grafs/2010/camera.gif */
    max-width: 25px; /* not actual width */
    max-height: 25px; /* not actual height */
}
table.plant-search-results img.drawing-icon {
    /* /images/grafs/2010/drawing.gif */
    max-width: 25px; /* not actual width */
    max-height: 25px; /* not actual height */
}
table.plant-search-results input[type=number] {
    width: 5em;
    text-align: center;
}
td.availability {
    min-width: 8em;
}
td.availability input[type=submit] {
    height: 2em;
}
p.plant-search-results-nav {
    font-size: x-large;
    font-weight: bold;
}

a.quicklink {
    margin: 0 .5em;
}
h2.feedback {
    margin-bottom: 0;
}

#planting-dogs {
    /* /images/grafs/2015/plantingdogs.png */
    width: 700px;
    height: 517px;
    margin: auto;
}

/* Plant search results in table form are not good at small screen
   sizes at all, so we use a list format instead.  Terribly
   ineffecient approach, but it gets the job done and looks decent
   both ways. */
ul.plant-search-results { display: none; }
@media only screen and (max-width: 750px) {
    ul.plant-search-results { display: initial; }
    table.plant-search-results { display: none; }

    ul.plant-search-results {
        margin: auto;
        margin-top: 0;
    }
    ul.plant-search-results h1 { color: #006600; }
    ul.plant-search-results li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    ul.plant-search-results ul.plant {
        padding: 0;
        margin: auto;
        margin-bottom: 1em;
        background-color: #CCCC99;
    }
    ul.plant-search-results li.attrs img {
        width: auto;
        height: 20px;
    }
    ul.plant-search-results ul.plant form {
        padding: .5em 0;
    }
    #search-box {
        width: 100%;
        margin: auto;
    }
    #planting-dogs,
    #planting-dogs img {
        width: 100%;
        height: auto;
        margin: auto;
    }
}