body {
	-webkit-font-feature-settings: 'clig', 'onum';
	font-feature-settings: 'clig', 'onum';
}

/* 	This is slow. Best to put it in a timeout to give the UI time to update. */
html, body {
	text-rendering: optimizeLegibility;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	-webkit-font-feature-settings: 'clig', 'dlig', 'lnum', 'pnum';
	font-feature-settings: 'clig', 'dlig', 'lnum', 'pnum';
}
textarea, 
.title, 
.tagline, 
ul, 
ol {
	-webkit-font-feature-settings: 'clig', 'lnum', 'pnum';
	font-feature-settings: 'clig', 'lnum', 'pnum';
}

table {
	-webkit-font-feature-settings: 'tnum';
	font-feature-settings: 'tnum';
}

ul:not(.buttons) > li,
ol > li,
dd {
	line-height: 1.5;
}
dd {
	text-align: justify;
}
p, 
dd, 
blockquote,
li {
	max-width: 50em;
}

/* p */
p:not(.parent):not(.title):not(.tagline) {
	margin-bottom: 0em !important;
	line-height: 1.7 !important;
	padding-bottom: 0 !important;
	display: block;
	
	/* light hyphenation. Real estate is cheap on screens and paragraphs can get wide */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-after: 4;
	-webkit-hyphenate-limit-before: 4;
	-moz-hyphenate-limit-after: 4;
	-moz-hyphenate-limit-before: 4;
	hyphenate-limit-after: 4;
	hyphenate-limit-before: 4;
}
/* move to the normal area when Chrome supports hyphenation */
html.eotss_enabled.eotss_safari p {
	text-align: justify;
}

p:not(.parent):not(.title):not(.tagline)+ *:not(p) +p:not(.parent):not(.title):not(.tagline) {
	margin-top: 1em !important;
}

/* paragraphs and common float classes
/* p+ p */          p:not(.parent):not(.title):not(.tagline)+p:not(.parent):not(.title):not(.tagline),
/* p+ img  +p */  p:not(.parent):not(.title):not(.tagline)+ img +p:not(.parent):not(.title):not(.tagline),
/* p+ aside  +p */  p:not(.parent):not(.title):not(.tagline)+ aside +p:not(.parent):not(.title):not(.tagline),
/* p+ in page link anchor +p */  p:not(.parent):not(.title):not(.tagline)+ a[name]:not([href]) +p:not(.parent):not(.title):not(.tagline),
/* p+ .left  +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=left] +p:not(.parent):not(.title):not(.tagline),
/* p+ .right +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=right] +p:not(.parent):not(.title):not(.tagline),
/* p+ .float +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=float] +p:not(.parent):not(.title):not(.tagline),
/* p+ .thumb +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=thumb] +p:not(.parent):not(.title):not(.tagline),
/* p+ .side  +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=side] +p:not(.parent):not(.title):not(.tagline),
/* p+ .rail  +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=rail] +p:not(.parent):not(.title):not(.tagline),
/* p+ .ad  +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=ad] +p:not(.parent):not(.title):not(.tagline),
/* p+ .inline  +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=inline] +p:not(.parent):not(.title):not(.tagline),
/* p+ .narrow  +p */  p:not(.parent):not(.title):not(.tagline)+ [class*=narrow] +p:not(.parent):not(.title):not(.tagline) {
	text-indent: 1.25em !important;
	padding-top: 0 !important;
	margin-top: 0em !important;
}
/*
I can't remember what this solved, but it breaks whenever an image is used for an ideograph.
p:not(.parent):not(.title):not(.tagline) img {
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}
*/

/* 	p + anything else. Make sure there's space after the p */
p:not(.parent):not(.title):not(.tagline)+*:not(p),
p:not(.parent):not(.title):not(.tagline)+a[name]:not([href])+*:not(p) {
	margin-top: 1em !important;
}

/* (block level elements that were given display:inline) inside a p will inherit the 1.25em text indent. This removes that. */
p * {
	text-indent: 0; 
}
/* sub, sup should not push lines around */
sub, sup {
	line-height: 0;
}