/* -------------------------------------------------------------- 
  
   CUSTOM Blueprint CSS Framework Print Styles
   * Cascades over the Blueprint CSS for print
   * THIS IS A BETA VERSION. SEE MOCKUPS FOR INFO.
      
	 reference:
	 
	 http://mezzoblue.com/tests/revised-image-replacement/
	 Phark Method Revisited
-------------------------------------------------------------- */
* {
  background-color: white;
  background-image: none;
  float:none;
}


body {
	color:#000;
	background: none;
	font: 10pt/1.5 "Times New Roman", Times, serif;
	width:7in;
}

/*body:before {content:url(/_images/page-layout/print-header.gif);} use an image for the masthead*/

/*, body:after*/

div#primary-content {
/*	margin-right: .5in; margin-left:.5in;
 border-top:#071E90 1px solid;*/
 width: 7in;
}

/*div#primary-content p:first { margin-top:-90px;}*/

h1,h2,h3,h4,h5,h6 {font-family: Geneva, Arial, Helvetica, sans-serif;line-height:normal; margin-bottom:2pt;;}
	
h1 { /*float:left;margin-left:-20%; */ /*position:relative; bottom:90px;*/}/* position the title within the masthead*/

h1 a {text-decoration:none!important;color:#071E90 !important;}
	

div#header, div#secondary-content, div#footer, a#donate-button, div#video, embed {display:none;}

#print-header {width:100%; margin-top:-30px;}


/* Print link URLs, but only when they occur within a paragraph:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
   
p a:link, p a:visited, ul a:link, ul a:visited {
	background: transparent;
	font-weight:normal;
	text-decoration: none;

}
   
p a:link:after, p a:visited:after, ul a:link:after, ul a:visited:after {
	content: " [" attr(href) "] ";
	font-size: 90%;
	text-decoration: none !important; 
	color:#333;
	 
}

p a[href^="/"]:after,  ul a[href^="/"]:after{
  content: " [ http://crs.org" attr(href) " ] ";
text-decoration: none !important; 
color:#333;
}

/*div#primary-content {float:right; width:66%;}*/

/*div.photoblock-wide {  width:33%; float:left; position:relative; right:40%; margin:0; page-break-inside:avoid; margin-right:-40%;}*/

div.photoblock-wide {width:75%; /*float:left;position:relative; right:40%; margin:0; page-break-inside:avoid; margin-right:-40%;*/ }

div.photoblock-wide  img, div.photoblock img {width:100%; margin:0;}

p.caption {
font-size:11px;
font-style:oblique;
line-height:1.44em;
margin-bottom:1.5em;
margin-top:0pt;
}

div.photoblock  {  width:33%; float:left; position:relative; right:55%; margin:0; page-break-inside:avoid; margin-right:-55%;}
div.photoblock img {width:100%; margin:0;}

div.callout {
	float:left;
	position:relative;
	right:40%;
	width:50%;
	margin-right: -30%;
	padding:1em;
	border-top: 1px solid #CCCCCC;;
	border-right: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;;
}

div.callout * {
	font-size:10px !important;

}
