@media screen {
	body {
		background-color:white;
		color:#630;
		margin:1em 3em;
		padding:1em;
		border:1px dotted #000;
	}

        div { color: black; }
        table { color: black; }
	.definition { font-size:x-small; } /* "Permanent Anchors" */

	/* styling for divs that will be invisible when printing */
	div.diff { padding-left:5%; padding-right:5%; }
	div.old { background-color:#FFFFAF; color:#000; }
	div.new { background-color:#CFFFCF; color:#000; }
	div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
	div.message { background-color:#dfd; color:#000; }
	img.xml { border:none; padding:1px; }
	div.sister { margin-right:1ex; background-color:inherit; }
	div.sister p { margin-top:0; }
	div.sister hr { display:none; }
	div.sister img { border:none; background-color:white; }
	div.near { background-color:#efe; }
	div.header span.gotobar { margin-bottom:1em; border-bottom:thin solid #000; display:block; }
	/* link and header colors */
	h1 { color:#666; font-size:xx-large; }
	h2 { color:#666; font-size:x-large; }
	h3 { color:#666; font-size:large; }
	h4 { color:#000; font-size:large; }
	a { text-decoration:none; font-weight:bold; color:#006600; }
	a:visited { color:#006600; }
	a:hover { background-color:#dfd; }
	a.near:link { color:#093; }
	a.near:visited { color:#550; }
	a.near:active { color:#0F0; }
	h1 a { color:#666; }
	h2 a { color:#666; }
	h3 a { color:#666; }
	h4 a { color:#666; }
	h1 a:visited { color:#666; }
	h2 a:visited { color:#666; }
	h3 a:visited { color:#666; }
	h4 a:visited { color:#666; }
	/* browser borkage */
	textarea { min-width:100%; max-width:100%; width:100%; }
	/* cal */
	pre.cal { float:left; margin:3ex; height:20ex; }
    pre.cal + hr { clear:both; }
    pre.cal a.wanted { color:#630; }
}

/* headers in the journal are smaller */
div.journal h1 { font-size:large; }
div.journal h2 { font-size:medium; }
div.journal h3 { font-size:medium; }
div.journal h4 { font-size:normal; }
div.journal hr { display:none; }

/* underlining using border-bottom */
h1 {
	border-bottom: 5px solid #000;
	padding: 2px;
	margin: 0px;
	margin-bottom: 8px;
	clear:both;
}

h2 {
	padding: 2px;
	margin-top: 5px;
	border-bottom: 2px solid #000000;
	clear:both;
}

h3 {
	padding: 2px;
	margin-top: 5px;
	border-bottom: 1px dashed #000;
	clear:both;
}

h4 {
	padding:2px;
	margin-top:5px;
	text-decoration:underline;
	clear:both;
}

/* history tables and other tables */
table.history { border-style:none; }
td.history { border-style:none; }
table.user { border:solid thin rgb(139,69,19); }
table.user tr td {
	border:dotted thin rgb(139,69,19);
	padding:5px;
	text-align:left;
}
form table td { padding:5px; }

/* search */
span.result { font-size:larger; }
span.info { font-size:smaller; font-style:italic; }

img.portrait {
	float:right;
	margin:1em;
	padding:1em;
	border:1px dotted #000;
	background-color:#fff;
}

img.logo {
	float:right;
	margin:0;
	padding:0;
	border:1px solid #000;
	background-color:white;
}

div.left { float:left; margin:1em; padding: 0.5em; border:1px dotted; }
div.left p { display:table-cell; }
div.left p + p { display:table-caption; caption-side:bottom; }
a img { border:none; }
div.right { float:right; margin:1em; padding: 0.5em; border:1px dotted; }
div.right p { display:table-cell; }
div.right p + p { display:table-caption; caption-side:bottom; }
div.pic { border:1px dotted; padding:0.5em; }
div.pic div { display:inline; margin:1ex; }
div.pic div p { display:table-cell; }
div.pic div p + p { display:table-caption; caption-side:bottom; }

@media print {
	div.diff, div.diff+hr, div.refer, div.near, div.sister, div.cal,
	    span.specialdays, span.gotobar, a.edit, a.number span { display:none; }
	body { font:12pt "Neep", "Arial", sans-serif; color:#000; }
	a:link, a:visited { color:#000; text-decoration:none; font-style:oblique; }
	a[class="url number"]:after, a[class="inter number"]:after { content:"[" attr(href) "]"; }
	a[class="local number"]:after { content:"[" attr(title) "]"; }
	a.near { font-weight:normal; text-decoration:none; font-style:oblique; }
	a.near:link { color #000; }
	a.near:visited { color #000; }
	a[class="near"]:after { content:" [" attr(title) "]"; }
	h1 { font-size:18pt; }
	h2 { font-size:16pt; }
	h3 { font-size:14pt; }
	h4 { font-size:14pt; }
}