/* Research Site Style
 * Jonathan Gordon, 2013-08-05
 */

body {
    position: relative;
    border-top: 0.14286em solid black;
	background-color: #ebebeb;
	color: #1b2230;
    padding: 2em 0px 3em 0px;
	margin: 0;
	/* The "Helvetica" on Linux makes me cry. Use good fonts if you've
	 * got them. */
	font-family: 'MyP', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 12pt;
	line-height: 16pt;
    /* Stops Mobile Safari from auto-adjusting font-sizes */
    -webkit-text-size-adjust: 100%;
	/* Use ligatures and kerning. */
	text-rendering: optimizeLegibility;
	/* Better rendering in WebKit. */
	-webkit-font-smoothing: antialiased;
	/* If you know how to do good hyphenation, do it. */
	hyphenate: auto;
	hyphenate-before: 2;
	hyphenate-after: 3;
	hyphenate-lines: 3;
}

article, header, address {
    width: 520px;
    margin: 0 auto 1em 10%;
}

@media only screen and (max-width: 767px) {
  article, header, address {
    margin: 0 auto 1em auto;
    width: 90%;
    max-width: 520px;
  }
}

article {
	background-color: #fff;
	padding: 10px 10px 15px 10px;
}

section + section {
	margin-top: 1em;
}

a, a:link {
	color: #669;
	text-decoration: none;
}

a:visited {
	color: #757;
	text-decoration: none;
}

a:hover {
	color: #000;
	border-bottom: 1px solid #ccc;
	text-shadow: #ccc 0 0 2px;
}

header h1 a:hover { text-shadow: none; }

h1, h2, h3, h4, h5, h6, h1 a, h1 a:link, h1 a:visited {
	color: #353639;
	font-family: 'MP', 'MyP', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

header h1 {
	margin: 0;
	padding: 2pc 0px 0px 0px;
	text-transform: uppercase;
	font-size: 16pt;
	line-height: 1.15;
	text-shadow: #fff 0 0 4px;
	font-family: 'MyP', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
}

header h2 {
    font-size: 14pt;
  	font-family: 'MyP', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-weight: normal;
}

article h1 {
	font-size: 15pt;
	line-height: 1.14;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: .5em;
}

article h2 {
	font-size: 12pt;
	line-height: 1.14;
	font-weight: normal;
	font-style: italic;
	margin-top: .5em;
	margin-bottom: .5em;
}

h1 a { text-decoration: none; }

p {
	margin-bottom: 0;
	margin-top: 0;
}

p + p {
	text-indent: 1.5em;
}

ul, dl {
	margin-left: 1.5em;
	padding-left: 0;
	list-style: none;
}

ul li:before, dl di:before {
	content: "\00BB \0020";
}

ul li {
	text-indent: -.57em;
}

ul+li {
    margin-top: 1em;
}

li+li {
	margin-top: 1em;
}

dd { margin-bottom: .5em; }


blockquote {
	margin: 2em;
}

#self {
	border: 2px solid #fff;
	position: absolute;
	left: 15px;
	top: 31px;
}

div.caption {
	font-style: italic;
	font-size: smaller;
}

address { font-size: smaller; font-style: normal; margin-top: 15px; }

acronym {
	font-size: 92%;
	letter-spacing: 0.06em;
	border: 0; /* To avoid dotted underlining when title= is used. */
}

code, pre {
	font-family: "Monaco", Monospace;
	font-size: smaller;
    color: #303336;
    background: #ddeeff;
}

span.latin {
	font-style: italic;
}

.latex {
  letter-spacing: 1px;
}

.latex sup {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85em;
  vertical-align: 0.15em;
  margin-left: -0.36em;
  margin-right: -0.15em;
}

.latex sub {
  text-transform: uppercase;
  vertical-align: -0.5ex;
  margin-left: -0.1667em;
  margin-right: -0.125em;
  font-size: 1em;
}

table { color: #000; }
tr:hover { color: #000; background: #ccc; }
td { padding: 4px 4px 4px 10px; }
th { padding: 6px 12px 6px 12px; }
tr.divide td { border-bottom: 1px solid #aaa; }
th { border-bottom: 1px solid #aaa; }
td { border-bottom: 1px solid #444; }
th.label { text-align: right; border-right: 1px solid #aaa; background: #ccc; }
td.label { text-align: right; border-right: 1px solid #aaa; background: #ccc; }
td.label { padding-right: 12px; }
th.label { font-style: italic; }
th, td.label { font-family:  'MP', 'MyP', 'Helvetica Neue', 'DejaVu Sans', 'Helvetica', 'Arial', sans-serif; font-weight: normal; }

span.outof { font-size: smaller; padding-left: 1px; color: #666; }

span.paren { font-style: normal; }


@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'MP';
	font-weight: normal;
	font-style: normal;
	src: url('fonts/mp-n-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'MP';
	src: url(//:) format('no404'),
	     url('fonts/mp-n-webfont.woff') format('woff'),
		 url('fonts/mp-n-webfont.ttf') format('truetype'),
		 url('fonts/mp-n-webfont.svg#webfontEh4WQvJ9') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'MP';
	font-weight: bold;
	src: url('fonts/mp-b-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'MP';
	font-weight: bold;
	font-style: normal;
	src: url(//:) format('no404'),
	     url('fonts/mp-b-webfont.woff') format('woff'),
		 url('fonts/mp-b-webfont.ttf') format('truetype'),
		 url('fonts/mp-b-webfont.svg#webfontzyqgHEql') format('svg');
}


@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'MyP';
	src: url('fonts/myp-n-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'MyP';
	src: url(//:) format('no404'),
	     url('fonts/myp-n-webfont.woff') format('woff'),
		 url('fonts/myp-n-webfont.ttf') format('truetype'),
		 url('fonts/myp-n-webfont.svg#webfont7aRtMPSj') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'MyP';
	font-style: italic;
	src: url('fonts/myp-i-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'MyP';
	src: url(//:) format('no404'),
	     url('fonts/myp-i-webfont.woff') format('woff'),
		 url('fonts/myp-i-webfont.ttf') format('truetype'),
		 url('fonts/myp-i-webfont.svg#webfontnUikw7Xx') format('svg');
	font-weight: normal;
	font-style: italic;
}
