/* This is nwadvanced.css tweaked for printing */

/* This sets the page backgound image, colour, typeface etc */
body
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12pt;
	color: #000;
	background-color: transparent;
	/* I want content to touch the viewport edge */
	position: relative;
	margin: 0pt;
	padding: 0pt;
}

/* Basic style modifications */
h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16pt;
	color: #69C;
	background-color: transparent;
	page-break-after: avoid;
}

h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14pt;
	color: #69C;
	background-color: transparent;
	margin: 14pt 0pt 6pt 6pt;
	page-break-after: avoid;
}

h3
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 12pt;
	color: #69C;
	background-color: transparent;
	margin: 6pt 0pt 2pt 18pt;
	padding: 0pt;
	page-break-after: avoid;
}

p
{
	font-family: "Bitstream Vera Sans", Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-indent: 24pt;
	margin: 0pt 0pt 12pt 30pt;
	font-size: 12pt;
	background-color: transparent;
}

/* link pseudo classes enhance links */
a:link
{
	color: #006;
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	background-color: transparent;
}

a:visited
{
	color: #006;
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	background-color: transparent;
}

/* opprints specific classes and id's  */
/* Start declaration of header */
.header
{
	margin: 0pt;
	padding: 0pt;
	background-color: transparent;;
	color: #FFF;
	text-align: left;
}

.header img { border-style: none; }

/* End declaration of header */
/* Start declaration of content styles */
#contentwrap
{
	margin: 0pt 0pt 20pt 12pt;
	padding: 0pt 0pt 40pt 0pt;
	position: relative;
	border-bottom: #69C;
	border-width: 0pt 0pt 2pt 0pt;
	border-style: none none dotted none;
}

/* This tells the browser to print the url after the link text */
#contentwrap a:link:after, #contentwrap a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 10pt;
   }


/* List styles */
ul { 
	font-family: "Bitstream Vera Sans", Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	margin: 12pt 0pt 12pt 24pt; }

li
{
	list-style-type: circle;
	list-style-image: url(../media/bullet_blue69c.gif);
	list-style-position: outside;
	padding: 0pt 0pt 12pt 0pt;
}

/* End List styles */
/* Style the book descriptions */
.bookdesc
{
	margin: 0pt 0pt 12pt 30pt;
	padding: 0pt 0pt 24pt 0pt;
}

.bookdesc img
{
	float: left;
	clear: left;
}

.booktransltn
{
	margin: 0pt 0pt 12pt 60pt;
	padding: 0pt 0pt 24pt 0pt;
	text-align: right;
}

.booktransltn img
{
	float: right;
	clear: right;
	margin: 0pt 0pt 10pt 10pt;
}

/* Used in the gallery intro pages */
.thumbwrap
{
	padding: 0pt;
	margin: 6pt 0pt 0pt 24pt;
}

.thumb
{
	margin: 0pt;
	padding: 0pt;
/* declaring width on this div prevents the thumbnails from wrapping at narrow window widths, but makes them display horizontally rather than vertically in ie5mac - it can't float unless a width is set grrr - also makes thumbs look more evenly spaced in all other browsers
*/
	width: 33%;
	float: left;
}

.thumb a
{
	font-family: "Bitstream Vera Sans", Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 10pt;
	margin: 0pt;
	padding: 0pt;
}

.clearfloats
{
	margin: 0pt 0pt 0pt 0pt;
	padding: 0pt;
	clear: both;
}

/* End declaration of content styles */
/* no need for navigation box */
.menuwrap, .menu { display: none; }
/* End declaration of right navigation */
/* Start declaration of footer */
.footwrap
{
	margin: 0px 40px 0px 0px;
	padding: 2px 0px 2px 0px;
}

.footer
{
	color: #69C;
	font-weight: normal;
	font-size: 10pt;
	text-align: center;
	background-color: transparent;
}

/* link pseudo classes for links in the footer */
.footer a:link
{
	color: #69C;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	background-color: transparent;
}

.footer a:visited
{
	color: #69C;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	background-color: transparent;
}
/* End declaration of footer */
/* Format the table on the known problems page */
#problems
{
	margin: 12pt auto 12pt auto;
	border-color: #69C;
	border-width: 2px;
	border-style: solid;
}

#problems tr
{
	font-size: 10pt;
	text-align: left;
	font-family: "Bitstream Vera Sans", Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#problems thead
{
	color: #FFF;
	background-color: #69C;
	font-weight: bold;
}

#problems td
{
	padding: 3pt 4pt 3pt 4pt;
	vertical-align: top;
}

#problems .grey
{
	background-color: #CCC;
}

/* Styles used on the pages with illusion graphics */
/* Layout the illusion graphic */
#illusionwrap
{
	position: relative;
	display: block;
	height: auto;
	margin: 12pt;
	padding: 0pt;
}

/* print a gif or jpeg, not flash */
#illusion
{
	height: 0pt;
}

.illforprint
{
	display: block;
}

/* style the description */
#illusiondescol
{
	width: auto;
	position: relative;
	display: block;
	margin: 0pt;
	padding: 0pt;
	text-align: left;
}

#illusiondescol h2
{
	margin: 12pt 0pt 8pt 0pt;
}

.illusdesc
{
	margin: 12pt 0pt 12pt 0pt;
	font-family: "Bitstream Vera Sans", Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #666;
	background-color: inherit;
}

.illusdesc a:link, .illusdesc a:visited
{
	text-decoration: none;
}

.illusdesc p
{
	margin: 0pt;
	padding: 0pt 0pt 10pt 0pt;
	text-align: left;
	color: #000;
	background-color: inherit;
	font-size: 12pt;
}

/* end layout of illusion graphcs*/

/* menu is not printed, screen footer not printed */
/* don't need to print the javscript warning message */
/* hide the next illusion and previous illusion links */
/* don't print header */
/* don't print illusion description text giving interaction help */
.menuillwrap, .menuill, #warning, .prev, .next, .illfooter, .head, .noprint
{
	display: none;
}

.printcopyr
{
	display: inline;
	text-align: center;
}

.printcopyr h2
{
	text-align: center;
}