/*

File: print.css
Purpose: CSS styles for print
Contents:
  - Structure
  - Colors & images
  - Typography
  - General
    - Form elements
    - hCard
Colors:

*/




/*------------------------------------------------------------------------------
Page
------------------------------------------------------------------------------*/

#footer {
  page-break-after: avoid;
  page-break-inside: avoid;
}
h1, h2, h3, h4, h5, h5 {
  page-break-after: avoid;
  page-break-inside: avoid;
}
ol, ul {
  page-break-inside: avoid;
}



/*------------------------------------------------------------------------------
Colors & images
------------------------------------------------------------------------------*/

.alpha {
  background-image: none !important;                                            /* 24-bit PNGs with transparency don't print well from some browsers (e.g., Opera 9) */
}
#footer {
  border-top: 1px solid #999;
}
#header {
  display: none;
}
html {
  background: #fff;
  color: #000;
}


/*------------------------------------------------------------------------------
Typography
------------------------------------------------------------------------------*/

body {
  font-size: 9pt;
}

#header h1 {
  font-style: italic;
  line-height: 1.5em;
  margin: 1.5em 0;
}

html.noted {
  padding: 0 2em;                                                               /* Enough to fit two-digit list numbers */
}

/* Vertical spacing */
/* body {
  background: #fff url(/images/css/grid.print.png) 0 0 repeat !important;
}
body * {
  background: transparent !important;
}
*/

/*------------------------------------------------------------------------------
General
------------------------------------------------------------------------------*/

a {
  text-decoration: none;
}

/*#content a:not([href^="#"])::after {*/
#content a[href]:after {
  content: " <" attr(href) "> ";
}
#content a[href^="/"]:after {                                                   /* Make local links show the full URI */
  content: " <http://dhkfinancial.com" attr(href) "> ";
}
html.noted #content a[href]:after,                                              /* If footnoteLinks.js runs, it will make <html class="noted">, and then CSS isn't needed for URIs */
html.noted #content a[href^="/"]:after {
  content: "";
}

.box {
}
.screen_only {
  display: none;
}

/* hCard ---------------------------------------------------------------------*/

#footer .vcard .url {
  margin-right: 1em;
}
