/*
 * create a printable page at Michael Horowitz . com 
 * 
 * Invoked automatically when printing, no need to click on anything 
 *
 *DONE
 * added printonly class to main Style Sheet 
 * added new link tag in HEAD for the printing style sheet 
 * page header is screenonly class thanks to JS including it 
 * page footer is screenonly class due to PHP footer include 
 * indented div is much less indented, no padding, no borders 
 * font is serif and 100% 
 * 
 * next and prev newsletter pointers are screeonly 
 * top of page links are screenonly 
 * <td valign="middle" align="right" class="screenonly"><a href="#TopHdr" class="top">TOP</a></td></tr>
 * add Formatted for printing under the newspaper guy 
 * "all articles on this page" is screenonly
 * headings in diff font,  
 * add more stuff to footer script 
 * page footer: display current URL,my name,current time both on server and locally 
 * 
 * a:link, a:visited {color:#520; background: transparent; 
 *   font-weight: bold; text-decoration: underline;}  
 * #contentdiv ==> restricts formatting to a div named contentdiv
 *
 * change link rel=stylesheet to a PHP include  <? include 'gripeheader.mike'; ?>
 * F on t - for font sizes - change cursor for each: small medium large 
 * A document needs a larger font-size on a screen than on paper, and 
 *   serif fonts are easier to read on paper. <======= NEXT 
 */ 

body 
{	background-color: white;   
	font-family: Georgia, serif;
	font-size: 100%; 		   
	border-left-width: 0em;  border-right-width: 0em; border-top-width: 0px; border-bottom-width: 0px;
	padding-top: 0px; padding-left: 0px; padding-right: 0px;
	margin-left: 0px;  margin-right: 0px; margin-top : 0px;     
        float: none; 	
} 
P  { font-family: serif; font-size: 100%; }
TD { font-family: serif; font-size: 100%; }
UL { font-family: serif; font-size: 100%; }
H1 { font-family:'Arial Rounded MT Bold','sans serif'; font-size: 140%; font-weight:bold; }  
H2 { font-family:'Arial Rounded MT Bold','sans serif'; font-size: 130%; font-weight:normal;}  
H3 { font-family:'Arial Rounded MT Bold','sans serif'; font-size: 120%; font-weight:normal;}  
H4 { font-family:'Arial Rounded MT Bold','sans serif'; font-size: 110%; font-weight:normal;}  

.indented { margin-left: 2px;  margin-right: 0px; }  

.h3orangeunderline 
    {font-family:'Arial Rounded MT Bold', serif; font-size:140%; color:#000000; font-weight: normal;
    border-bottom: 2px solid #000000; } 

.point8      {font-family:Verdana, geneva, Helvetica, sans-serif; font-size: 75%;}    
.whitestripe {font-family:Verdana, geneva, Helvetica, sans-serif; font-size: 75%;} 

/* If these were not specified here, they defaulted to looking like all other text */ 
.scheduletitle {text-align:center; border-top:    1px solid #808080; font-size:110%;  }  
.scheduledata  {text-align:center; border-bottom: 1px solid #808080; line-height:120%;}  


.screenonly {display: none; }   
.printonly  {display: block;} 
.tiny       {display: none; } /* used for Top Of Page links */  
 	
/* always underline for visual clue
 *  links are dark color - close to black - while still dark red for color printers
 */  	
 a:link, a:visited {color:#520; background: transparent; 
     font-weight: bold; text-decoration: underline;}   
     
/*
 * print actual URL! works in FF v1, not in IE6 which ignores it. 
 * maybe make a class for this so that it doesn't happen all the time 
 * spaces b4 and after parens are critical 
 * a:link:after, a:visited:after 
 *     { content: " (" attr(href) ") "; font-size: 90%;  } 
 */ 
 /* show where links go - added June 2008  */  
 /* Works in Firefox 2 and 3, not in IE 6 or IE 7  */ 
 a:link:after, a:visited:after { content:" (LINK: " attr(href) ") "; }