/* RJO'S SIDEBAR STYLE SHEET - (c) Robert J. O'Hara - rjohara@post.harvard.edu */

/* Special styles for sidebars on RJO's pages, cascaded in after rjo.css. The master copy of this document is https://rjohara.net/rjo-sidebar.css. This stylesheet (rjo-sidebar.css) contains only layout rules that override rules contained in RJO's main stylesheet (rjo.css); the main stylesheet contains the majority of the rules that are in use on any page. */

/* Created 16 August 2000 - Last updated 20 February 2008 */


/* BODY AND LAYOUT DIVs */

body {
color: black;
background: transparent;
padding: 0.75em 1.39em;
margin: 0 auto;
max-width: 56.69em;
font: normal normal normal 97%/1.3 Palatino, "Book Antiqua", serif;
} /* Identical to rjo.css except with max-width changed from 43 to 56.69em. */


/* Needed changes to go to Georgia: line-height to 1.4; line wrap on sidebar, news headline, etc. May have to widen max-width for everything. */


/* Layout of pages with sidebars is based on three special divs: masthead, menu, and main, all contained within the div.content of rjo.css.

Ratio of column widths: main/menu = 43/13.69 = pi/1

Horizontal scale (successive multiples of pi): 0.14 0.44 1.39 (3.14) 4.36 13.69 43.00 */

div.content {
color: black;
background: #F5F5F5;
padding: 0;
margin: 0;
border: #555555 solid 1px;
} /* Identical to rjo.css except for background color and deletion of padding. */

div.masthead {
color: silver;
background: #660000;
border-bottom: 1px solid #E0E0E0;
padding: 0 0.44em;
margin: 0;
} /* New element, not in rjo.css. */
div.masthead p { font-size: 1em; line-height: 2em; padding: 0; margin: 0; }
div.masthead a { background: transparent; color: silver; padding: 0; margin: 0; text-decoration: none; }

div.menu {
width: 13.69em;
float: right;
margin: 0.75em 0;
} /* New element, not in rjo.css. */
div.menu h4 { font-size: 0.89em; padding: 0 1.83em; margin: 0.75em 0 0 0; }
div.menu h5 { font-size: 0.89em; padding: 0 1.83em; margin: 0.75em 0 0 0; }
div.menu ul { font-size: 0.89em; padding: 0 1.83em; margin: 0 0 0 1.83em; list-style-type: none; text-indent: -1.83em; }
div.menu ul ul, div.menu div.layout ul ul { padding: 0; margin: 0 0 0 0.88em; }
/* The above rules are heavy with box-model hackage to avoid setting both width and padding on div.menu. Ordinarily it would be best to have margin and padding set on div.menu, but Wintel IE5 breaks when an element has both width and padding set. For this reason, padding is shifted to the internal h4's and ul's. And by setting font-size on these internal elements rather than on the div.menu, the em proportions of div.main and div.menu can be more easily maintained (setting font-size:small on the div.menu itself apparently causes the 13.69em width to be calculated in small ems). */
div.topmenu a.here { font-weight: bold; } /* to be replaced? */
div.menu p { text-indent: 0; font-size: 0.89em; padding: 0 1.39em; margin: 0.63em 0; }
div.menu a.this-section { font-weight: bold; }
div.menu a.this-page, div.menu a#this-page  { font-weight: bold; color: black; background: transparent; } /* to be deleted?; this rule is duplicated at a higher level? */

div.main {
position: relative; /* to get contained blocks to position correctly */
color: black;
background: #FCFCFC;
border: 1px solid #FCFCFC;
border-right: 1px solid gray;
padding: 1em 3.14em 1em 3.14em;
margin: 0 13.69em 0 0;
} /* New element, not in rjo.css. */
/* The above rule uses the border over-write hack to work around width calculation errors in Wintel IE5. Only the border-right should be needed, but IE5 displays this incorrectly. By declaring a complete border and then over-writing one side the failing in IE5 is countered. */

div.topmenu {
font-family: Verdana, Arial, sans-serif;
font-size: 0.75em;
text-align: right;
margin: -0.89em -3.14em 0.5em 0;
padding: 0;
} /* Positioned differently in rjo-sidebar.css because it is contained in div.main rather than div.content. */


/* SPECIAL STYLES FOR WORDPRESS ELEMENTS */

div.post { padding: 0 0 1em 0; }
/* div.post in WordPress is a complete entry with all its furniture. It appears only in the CW news pages. */


/* SPECIAL CW TABLES - all to be eliminated and replaced with figure divs; concentrated in CSC albums, and two or three other places. */

/* Figure-tables */

table.figure {
border: none;
} /* works */

table.figure td {
vertical-align: bottom;
text-align: center;
} /* For the image itself; works; must be enclosed in tr. */

table.figure th {
vertical-align: top;
font-family: verdana, sans-serif;
font-size: smaller;
} /* For the caption/legend; works; must be enclosed in tr. */

th.caption { text-align: center; }
th.legend { text-align: left; padding-left: 2%; padding-right: 2% }
/* Chicago distinguishes caption (fragment) from legend (sentences) and that is followed here; works. */

table[align="left"] { margin: 0.67em 1em 0.67em 0; float: left; }
table[align="right"] { margin: 0.67em 0 0.67em 1em; float: right; }
table.figure[align="center"] { margin: 0.67em auto; }
/* Most figure-tables are marked up align=right; this styles them and redundantly floats them. */

p+table.third+p, p+table[align="right"]+p, p+table[align="left"]+p {
margin-top: -0.67em; text-indent: 1.5em; }
/* Closes up inter-paragraph space beside floated tables; not reliable across browsers. */


/* END CW TABLES */


/* MEDIA-SPECIFIC STYLES - All to be eliminated as all pages are brought under rjo.css. */

@media print {
	html { 
		color: black;
		background: none transparent 0% 0% no-repeat scroll;
		padding: 0;
		margin: 0; }
	body {
		color: black;
		background: none transparent 0% 0% no-repeat scroll;
		max-width: none;
		font-family: "Palatino", "Book Antiqua", serif;
		padding: 0;
		margin: 0; }
	div.content { color: black;
background: transparent;
padding: 0;
margin: 0;
border: none; }
	div.menu { width: 0; float: none; display: none; }
	div.main { width: auto; padding: 0; margin: 0; border: none; }
	iframe, div.masthead, div.topmenu { display: none; }
	h1, h2, h3, h4, h5, h6 {
		color: black;
		background: transparent;
		page-break-after: avoid;
		page-break-inside: avoid; }
	img { page-break-inside: avoid; }
	blockquote, ol, p, ul { widows: 2; orphans: 2; }
	table, caption, thead, tbody, tr, th, td { font-size: 10pt; }
	blockquote.epigraph p, p.note { font-size: 9pt; line-height: 1.25; }
	div.colophon {
		color: black;
		background: transparent;
		text-align: right;
		border-top: none;
		font-style: italic;
		page-break-before: avoid;
		page-break-inside: avoid; }
	div.colophon a { color: black; background: transparent; border-bottom: none; }
	div.colophon img { display: none; }
	div.figure { page-break-inside: avoid; }
	div.pre { font-size: 10pt; }
	span.incipit { text-transform: uppercase; letter-spacing: normal; }
/* Should force all l.c. first and then force cap on first letter only so no internal letters are capitalized. (Can't do this because :first-letter only applies to block level elements! That makes no sense at all.) */
	strong.small-caps { letter-spacing: normal; }
	a { color: black; background: transparent; /*border-bottom: thin solid silver;*/ }
	a:link[href|=mailto] { border-bottom: none; }
	a:link, a:visited, code, ins, strong { color: black; background: transparent; }
	address.print { display: block; }

}