/* --------------------------------------------------------------
 
   print.css
   * Gives you some sensible styles for printing pages.
   
   Some additions you'll want to make, customized to your markup:
   #header, #footer, #navigation { display:none; }
  
-------------------------------------------------------------- */

html body 
	{ 
	line-height: 1.5; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color:#000; 
	background: white; 
	font-size: 10pt; }

body,
#header,
/* Web Apps */
#app-container,
#mast,				
#content
	{
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	}
	
#skip,
#wayfind,
.nav,
.hidden,
/* Web Apps */
#sidebar, 
#mast p,
#mast ul,
#breadcrums { display:none }

#header h1 img { text-indent: 0; top: 0; }

/* Layout
-------------------------------------------------------------- */
hr { background:#ccc; color:#ccc; width:100%; height:2px; margin:2em 0; padding:0; border:none; }

/* Text
-------------------------------------------------------------- */
#body-wrap img { float:left; margin:1.5em 1.5em 1.5em 0; }
a img { border:none; }

blockquote { margin:1.5em; padding:1em; font-style:italic; font-size:.9em; }

/* Tables
-------------------------------------------------------------- */
/* Tables - still need 'cellspacing="0"' in HTML markup */
table
     {
     border-collapse: separate;
     border-left: 1px solid #cccccc;
     border-top: 1px solid #cccccc;
     border-spacing: 0;
     margin-bottom: 1em;
     }
     caption { line-height:1.8; font-weight: bold }
          th,td { border-bottom: 1px solid #dddddd; border-right: 1px solid #cccccc; padding:3px; text-align: left }
          th { vertical-align: bottom }
          td { vertical-align: baseline }

/* Links
Would've been nice to use this but won't work with subdomains
and we would need to change all relative links from "../" to "/"
-------------------------------------------------------------- */
 
#body-wrap a:link, #body-wrap a:visited { background: transparent; font-weight:700; text-decoration: underline; }
/*#body-wrap a:link:after, #body-wrap a:visited:after { content: " (" attr(href) ") "; font-size: 90%; }

If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) 

#body-wrap a[href^="/"]:after {
  content: " (http://www.csuci.edu" attr(href) ") ";
} */