/*	Stylesheet for #content only  */

.nonvisual {
	display: none ;	/* stylesheet for visual media only */
	}

/* FONTS */
/*@font-face {
	font-family: garamond ;
	panose-1: 2 2 4 4 3 3 1 1 8 3 ;
	}*/
body {
	font-family: "arial unicode ms" , "Liberation Sans" , Arial , sans-serif ;
	font-size-adjust: 0.51 ;	/* property removed in CSS 2.1, proposed for CSS3 */
	}
h1 , h2 , h3 , caption , th , legend {
	font-family: garamond , "book antiqua" , palatino , serif  ;
	font-size-adjust: 0.40 ;
	}
code , pre.code , samp , kbd , textarea {
	font-family: "courier new" , courier , monospace ;
	font-size-adjust: 0.40 ;
	}
h1 {
	font-size: 140% ;
	}
h2 , h3 , caption , legend {
	font-size: 120% ;
	}
#notes a.footnote {
	font-size: 100% ;
	}
code , pre.code , pre , samp , kbd , blockquote , img , cite.photo , .dateline , #notes {
	font-size: 84% ; /* 85% too big in IE */
	}
a.footnote , #copyright * {
	font-size: 70% ;
	}
#copyright * * {
	font-size: 100% ;
	}
h1 , h2 , caption , legend , strong , cite .volume {
	font-weight: bold ;
	}
h3 , th , .dateline {
	font-weight: normal ;
	}
h3 , th , cite , em {
	font-style: italic ;
	}
:lang(la) { /* :lang(la) separate so as not to confuse IE on the rest */
	font-style: italic ;
	}
:lang(la)>em {
	font-style: normal ;
	font-weight: bold ;
	}
address , span.volume , abbr, acronym , dfn.defined , .dateline {
	font-style: inherit ; /* fails in IE7b2. Tough */
	}
.dateline {
	color: gray ;
	}
/* FONTS ENDS */

/* CONTENT LAYOUT */
h2 , p , pre , table , th , td , span , dfn , img , form , div , ul , a , fieldset {
	border-width: 1px ;
}
body {
	line-height: 140% ;	/* if this changes, check the position line-height for abbr etc in iefix.css */
	}
blockquote , #copyright {
	line-height: normal ;
	}
p , ul , ol , blockquote , pre.code {
	margin: 0 0.5em 1em ;
	}
p {
	padding: 0 ;
}
fieldset {
	line-height: 160% ;
	padding: 0.5em ;
	border-style: solid ;
}
textarea {
	width: 100% ;
	vertical-align: text-top ;	/* put labels in a sensible place */
	}
ul , ol {
	margin-left: 2em ;
	padding-left: 2.5em ;
	}
ul ul , ul ol , ol ol , ol ul {
	margin: 0 ;
	}
ul {
	list-style-type: square ;
	}
ul ul {
	list-style-type: disc ;
	}
ul ul ul {
	list-style-type: circle ;
	}
.blog .intro {
	list-style-position: inside;
	padding-left: 0.5em;
}
h1 {
	text-align: center ;
	counter-reset: section ;
	}
h2 , h3 {
	margin: 0 0 0.5em ;
	text-align: left ;
	}
h2 {
	counter-reset: subsection ;
	}
.photos h2 {
	clear: both
	}
h3 {
	padding-left: 2.5em ;
	}
.divider {
	clear: both ;
	border-top-style: solid ;
	padding-top: 0.5em ;
	}
h2.numbered:before {
 	content: counter(section) ". " ;
 	counter-increment: section ;
 	}
h3.numbered:before {
	content: counter(section) "." counter(subsection) ". " ;
	counter-increment: subsection ;
 	}
blockquote {
	margin-left: 10% ;
	margin-right: 10% ;
	}
table {
	margin: 0 auto 1em ;
	width: auto ;
	border-collapse: collapse ;
	clear: both ;
	border-style: solid ;
	border-width: 2px ;
	}
caption {
	margin: 0 auto ;
	text-align: center;
	}
thead , colgroup {
	border-style: solid ;
	border-width: 2px ;
	}
td , th {
	vertical-align: top ;
	text-align: left ;
	padding: 0.25em ;
	border-style: solid ;
	}
#content img {
	border-style: solid ;
}
#content cite.photo {
	padding: 1px ; /* maintain alignment with photo */
}
.left {
	float: left ;
	clear: left ;
	}
.right {
	float: right ;
	clear: right ; 
	}
.left.sidebar {
	margin-right: 0.5em ;
	}
.right.sidebar {
	margin-left: 0.5em ;
	}
.center , #content .center {
	display: block ;
	margin: 0.5em auto ;
	text-align: center ;
	clear: both ;
	}
#content img , cite.photo {
	margin: 0.588em ; /* 0.588em @ 85% = 0.5em @ 100% */
	line-height: 100% ;
	}
#content img+cite.photo {
	margin-top: -0.5em ;
	}
#content h1+img {
	margin-top: 0 ;
	}
#content * img.left {
	margin-left: 0 ;
	} 
#content * img.right {
	margin-right: 0 ;
	} 
#content * img.center {
	margin-left: auto ;
	margin-right: auto ;
	}
img.right {
	text-align: right ;
	}
p .dateline {
	float: left ;
	margin: 0 1em 0 0 ;
}
h2 .dateline {
	float: right ;
}
code {
	margin: 0 ;	/* mozilla default seems to be margin left and right */
	}
pre.code {
	line-height: 120% ;
	overflow: auto ;
	}
.proposition , pre.code {
	display: block ;
	border-style: solid ;
	padding: 0.25em ;
	margin-left: 10% ;
	margin-right: 10% ;
	}
.proposition {
	text-align: center ;
	}
a.footnote {
	vertical-align: super ;
	}
#notes a.footnote {
	vertical-align: baseline ;
	display: block ;
	width: 4em ;
	float: left ;
	text-align: right ;
	}
#notes p {
	margin-left: 4.5em ;
	margin-right: 2.5em ;
	}
td.empty {
	background: silver ;
	}