/*
 * Default print-based style sheet
 * ===============================
 */

/* Remove the background colour (most web browsers ignore it as a default
 * option, but even if selected it just looks nasty).
 */

body {
  background-color: transparent;
}

/* Important - make sure Lightwindow components are invisible, else web
 * browser interpretation for printing can have Hilarious Consequences
 * (two pages of solid near-black output is not a good look).
 */

div#lightwindow, div#lightwindow_overlay {
  display: none;
}

/* Hide the header navigation and the footer - they're not useful in print */

div#header_navigation, div#footer_background {
  display: none;
}

/* With the navigation strip hidden the header looks wrong unless the
 * title and subtitle text are lowered. We leave the total header height
 * intact as it continues to make sense in print and looks whether or not
 * printing of backgrounds is enabled in the web browser.
 */

div#header_title_text {
  margin-top: 54px;
}

/* Don't let narrow printing shrink the sidebar. This causes it to become
 * taller, which increases the chances of undesirable page split points and
 * paper wastage.
 */

div#sidebar {
  max-width: none;
  width: 260px; /* To fit 2 96x96 thumbnails in a curved box with padding */
}

/* Make better use of the page width; the user's print border settings can
 * take care of the printable width without us overriding it beyond a small
 * amount for a visual distinction between header and content. Override a
 * bottom edge padding set for footer purposes in the 'all' stylesheet too.
 */

div#content {
  padding-bottom: 0;
  margin-left: 3%;
  margin-right: 3%;
}

/* Download buttons aren't much use when printed out */

div.button.download {
  display: none;
}

/* The DSA logo tends to overlap text making things hard to read if A4 pages
 * are used (which is a very common configuration) and background printing
 * is enabled. Hide it.
 */

div#specification.approved {
  background: transparent;
}

/* Feature illustrations floated next to sidebars need to be small enough
 * to avoid being wrapped onto another page. The style below is tuned for
 * A4 portrait but uses a percentage to look OK-ish in wider paper; it
 * may not work so well with narrower paper.
 */

div.featured.illustration img {
  max-width: 50%;
  height: auto;
}

/* Hide 'Contents' back-links in pages with auto-generated contents tables */

a.TOCBackLink { display: none; }