@charset "utf-8";
/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 5
   Tutorial Case

   Filename: tf_print.css

   This file contains the printer styles used with the Trusted
   Friends page on articles of interest
*/

/* ======================= */
/* Hidden Objects          */
/* ======================= */
nav.horizontal, aside, footer {
    display: none;
}

/* ======================= */
/* Page Box Styles         */
/* ======================= */
@page {
    size: 8.5in 11in;
    margin: 0.5in;
}

@page wideMargins {
    margin: 1in;
}

/* ======================= */
/* Header Styles           */
/* ======================= */
body > header {
   text-align: right;
}

body > header > img {
   display: block;
   width: 100%;
}

/* ======================= */
/* Typography Styles       */
/* ======================= */
body {
    font-size: 12pt;
    line-height: 1.4; 
}

h1 {
    font-size: 28pt;
    line-height: 30pt;
    margin: 0.3in 0 0.2in 0;
}

h2 {
    font-size: 20pt;
    margin: 0 0 0.05in 0.3in;  
    page-break-after: avoid;
    page-break-before: avoid;
}

ul {
    page-break-inside: avoid;	
}

ul {
    list-style-type: disc;
    margin-left: 0.5in;
    margin-top: 0;  
}

p {
    font-size: 12pt;
    margin: 0 0 0.1in 0.3in;
    widows: 3;
    orphans: 3;
}

article p {
    page-break-inside: avoid;
}

article:last-of-type p:last-of-type {
    margin-bottom: 0;  
}

/* ======================= */
/* List Styles             */
/* ======================= */
ol {
    margin-left: 1in;
}

ul {
    list-style-type: disc;
    margin-left: 0.5in;
	margin-top: 0;
	margin-bottom: 0;
}

/* ======================= */
/* Image Styles            */
/* ======================= */
   article img {
    border: 2px solid rgb(191,191,191);
    display: block;
    margin: 0.25in auto;
    width: 65%;
	page-break-inside: avoid;
}

/* ======================= */
/* Hypertext Styles        */
/* ======================= */
a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a::after {
    content: " (" attr(href) ")";
    font-weight: bold;
    font-size: 10pt;
}

/* ======================= */
/* Page Break Styles       */
/* ======================= */
blockquote {
    page: wideMargins;
    page-break-before: always;
}

article:nth-of-type(n+2) {
    page-break-before: always;
}

.no-break {
    page-break-inside: avoid;
}