/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2007.10.04
   PURPOSE: Styles the page for print.
 **************************************************************/

body {
  font: 400 10pt verdana, arial, sans-serif;
  color: #000;
  background-color: #FFF;
}

h1 {
  margin-top: 30px;
  font-size: 13pt;
}

h2 {
  font-size: 12pt;
}

h3 {
  font-size: 10pt;
}

acronym {
  border: 0;
}

a {
  color: #00F;
}

blockquote {
  margin: 10px;
}


/* Move header above content */
#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


#container {
  padding: 80px 0 0 0;
}



/* Tables */
table {
  width: 100%;  
  margin-bottom: 20px;  
  border-collapse: collapse;
}

table caption {
  margin-top: 10px;
  padding: 10px 0 0.5em 10px;

  font: 0.8em arial, sans-serif;
  text-align: left;  
}

table th,
table td {
  text-align: left;
  vertical-align: top;  
  padding: 6px 10px;
  border-bottom: 1px solid #DDD;
}

tbody tr.dark {
  background-color: #F5F5F5;
}

tbody tr:hover {
  background-color: #FDF8BE;
}




/* Big Image links */
ul.bigImageLinks {
  list-style: none;
  padding: 20px 0;
}


ul.bigImageLinks li a {
  text-decoration: none;
  color: #111;
}

ul.bigImageLinks li a span.title {
  display: block;
  font: bold 10pt arial, sans-serif;
}

ul.bigImageLinks li a span.link {
  text-decoration: underline;
  color: #00F;
}


/* Prints the URL after a link in CSS2 supporting browsers */
a:link:after, 
a:visited:after {
   content: " (" attr(href) ") ";
}

/* Don't want link printing after these */
#header #breadcrumbs a:link:after,
#header #breadcrumbs a:visited:after,
ul.bigImageLinks li a:link:after,
ul.bigImageLinks li a:visited:after {
  content: "";
}


/* Don't display these elements since they're not useful on paper */
#header #logo h2,
#header .home,
#header .actions,
#header #menu,
#header .bottom,
#header #date,
#left,
#right,
#footer, 
#preloader {
  display: none;
}