/*
-------------------------------------------

Print Stylesheet

Contains default print styles that will render printed pages in a decent manner.  Tweak these styles to suit your application - ESPECIALLY the width, margin, and padding of the body.

This sheet is generic.  It will create a fairly decent looking document right out of the chute, provided that your markup is semantic and logical.  Obviously, its intent is not to help replicate the look and feel of the site on paper.  That would require a custom print sheet for each site.  This sheet is designed as a "drop in" solution - one that will allow you to quickly and easily implement a "better than average" print stylesheet.  

-------------------------------------------
*/

@import url(../css/reset.css); /* Reset all elements */
	

form, applet, fieldset, object
#nav, #navigation, #title ul, #comment-form, #ads, #subnav, .hide, .print-hide {
	display: none;
	}
	
html {
	text-align: center; 
	}
	
body {
	font-family: "Adobe Caslon Pro", "Adobe Caslon", Caslon, Garamond, Georgia, "Times New Roman", Times, serif; 
	
	/* Sans Serif Option follows; uncomment if sans is your preference. */
	
	/* font-family: "Neue Helvetica", Helvetica, Frutiger, Arial, sans-serif; */
	
	font-size: 12pt;
	line-height: 18pt;
	width: auto;
	margin: 0 2%;
	border-bottom: 1px dashed #000;
	text-align: left;
	color: #000 !important;
	background-color: #fff !important;
	background-image: none !important;
	}
	
/*
Headings
*/	
		
h1, h2, h3, h4, h5, h6 {
	color: #000;
	}
	
h1, h2, h3 {
	font-weight: normal;
	font-variant: small-caps;
	}	
		
h1 {
	font-size: 36pt;
	line-height: 54pt;
	border-bottom: 1px dashed #000;
	text-align: center; 
	margin: 0 0 18pt 0;
	}
	
h2 {
	font-size: 24pt;
	line-height: 36pt;
	}
	
h3 {
	font-size: 18pt;
	line-height: 36pt;
	}
	
h4, h5, h6 {
	font-weight: bold; 
	font-variant: normal; 
	font-size: 12pt;
	line-height: 18pt;
	}
	
/*
-------------------------

Links

By default, links are dark red with an underline.  Links in headings are colored black and their font weights are consistent with styles for normal headings that do not contain a link.

-------------------------
*/

a:link, a:visited {
	color: #980000;
	font-weight: normal;
	text-decoration: underline;
	}	
	
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
 { 
	color: #000;
	font-family: inherit;
	text-decoration: none;
	background: none !important;
	}	
	
h1 a:link, h2 a:link, h3 a:link,
h1 a:visited, h2 a:visited, h3 a:visited {
	font-weight: normal;
	}
	
h4 a:link, h5 a:link, h6 a:link,
h4 a:visited, h5 a:visited, h6 a:visited {
	font-weight: bold;
	}			
	
/*
-------------------------

Add the URL after a link

The following declaration adds the url (in brackets) after a link.  This is DISABLED if a link occurs in a heading.

-------------------------
*/

a[href]:after {
	content: " (" attr(href) ") ";
	font-family: inherit;
	font-size: 12pt;
	line-height: 18pt;
	font-weight: normal;
	color: #980000;
	}
	
h1 a[href]:after,
h2 a[href]:after,
h3 a[href]:after,
h4 a[href]:after,
h5 a[href]:after,
h6 a[href]:after,
/* The following is a hook for linked images.  Apply class="img" to an "a" link that is an image, and its url will NOT be displayed after the image. */
a.img[href]:after,
html.noted a[href]:after
 	{
	content: "";
	}

/*
Miscellaneous Elements
*/

em, i {
	font-style: oblique; 
	}
	
strong, b { 
	font-weight: bold;
	}

.alt {
	font-style: italic;
	}	
	
.caps {
	text-transform: uppercase; 
	}	
	
.strike {
	text-decoration: line-through;
	}	
	
sup {
	font-size: 6pt;
	vertical-align: top;
	}	
	
pre {
	margin: 0 0 18pt 0;
	}	
	
code, tt {
	font-family: "Courier New", Courier, Monaco, monospace;
	color: #585858;
	font-size: 12pt;
	line-height: 18pt;
	white-space: pre;
	}
	
p {
	margin: 0 0 12pt 0;
	text-align: left;
	}
	
img.left {
	margin: 0 12pt 12pt 0;
	float: left;
	border: none;
	}	
			 	
a img {
	border: none;
	text-decoration: none;
	}
	
ul {
	margin: 0 0 12pt 12pt;
	text-align: left;
	list-style: circle;
	}
	
ol {
	margin: 0 0 12pt 18pt;
	text-align: left;
	list-style: decimal; /* 1, 2, 3, etc */
	}	
	
ul ul {
	list-style: disc;
	}
	
ol ol {
	list-style: lower-roman;
	}		
	
dl {
	margin: 0 0 18pt 0;
	}
	
dt {
	font-weight: bold;
	}
	
blockquote {
	/* No bottom margin on blockquote because the paragraph in the blockquote should have a bottom margin of 12 points. */
	margin: 0 12pt 0 12pt; 
	font-style: italic;
	text-align: left;
	background: transparent !important;
	}							 		  
	
	