/*
  holyhash.css — additions to Bold Life for Hugo-specific features.
  Loaded after style.css.
*/

/* Fluid images: the main content column is fixed-width (span-18 = 710px).
   WordPress exported images keep their full pixel width (e.g. 1024px) via the
   width attribute, so without this they overflow the column and get clipped.
   Scale them down to the column; height auto keeps the aspect ratio. */
.content .span-18 img {
    max-width: 100%;
    height: auto;
}
/* WordPress wp-caption divs carry an inline style="width: NNNpx" (the source
   image width + 10px). That can exceed the column and get clipped by
   .entry_inner's overflow:hidden. max-width clamps the inline width. */
.content .span-18 .wp-caption {
    max-width: 100%;
}

/* Tag cloud */
.tagcloud {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    line-height: 1.8;
}
.tagcloud a {
    color: #da0a0a;
    text-decoration: none;
    margin: 0 4px 2px 0;
    white-space: nowrap;
}
.tagcloud a:hover {
    color: #000;
    text-decoration: underline;
}

/* Search box (sidebar) — replaces the WP form with a client-side one */
.search-box {
    margin-bottom: 20px;
}
.search-box input[type="text"] {
    display: block;
    width: 171px;
    height: 24px;
    background: url(images/search_input.gif) top left no-repeat;
    padding: 6px 0 0 15px;
    border: 0;
    color: #909090;
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
}
.search-box input[type="text"]:focus {
    color: #292934;
    outline: none;
}
.search-results {
    margin-top: 10px;
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    color: #292929;
}
.search-results a {
    color: #da0a0a;
    text-decoration: none;
    font-weight: bold;
}
.search-results a:hover {
    color: #000;
    text-decoration: underline;
}
.search-results .no-results {
    color: #909090;
    font-style: italic;
}

/* 404 page */
.error404 {
    margin: 0 0 20px;
}
.error404 strong {
    color: #292929;
}

/* Author archive: year headings */
.author-year {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-style: italic;
    color: #909090;
    margin: 30px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e6e0bb;
}
.author-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}
.author-posts li {
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    color: #474534;
    padding: 3px 0;
    background: url(images/dots.gif) bottom left repeat-x;
    padding-bottom: 8px;
}
.author-posts li a {
    color: #da0a0a;
    text-decoration: none;
}
.author-posts li a:hover {
    color: #000;
    text-decoration: underline;
}
.author-posts .post-date {
    color: #909090;
    font-size: 12px;
    margin-right: 8px;
}

/* Sidebar: top tags list (replaces blogroll/meta) */
.sidebar .top-tags {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
}
.sidebar .top-tags li {
    background: url(images/dots.gif) bottom left repeat-x;
    padding: 0 0 5px 0;
    margin: 0 0 2px 0;
    font-size: 13px;
    line-height: 20px;
}
.sidebar .top-tags a {
    color: #da0a0a;
    text-decoration: none;
}
.sidebar .top-tags a:hover {
    color: #000;
    text-decoration: underline;
}

/* Pagination: match Bold Life's navigation style */
.navigation {
    margin: 20px 0;
    overflow: hidden;
}
.navigation h5 {
    font-family: Georgia, serif;
    font-size: 16px;
    font-style: italic;
    margin: 0;
    padding: 5px 0;
}
.navigation h5 a {
    color: #da0a0a;
    text-decoration: none;
}
.navigation h5 a:hover {
    color: #000;
    text-decoration: underline;
}