/*

File: print.css
Purpose: CSS styles for print
Contents:
  - Structure
  - Colors & images
  - Typography
  - General
    - Form elements
    - hCard
Colors:

*/



/*------------------------------------------------------------------------------
Page
------------------------------------------------------------------------------*/

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) */
}
#header {
}
html {
  background: #fff;
  color: #0a0a0a;
}


/*------------------------------------------------------------------------------
Typography
------------------------------------------------------------------------------*/

body {
  font-size: 9pt;
}

html.noted {
  xpadding: 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://doverfriendsnh.org" 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;
}
