/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Typography */
/* http://drewish.com/tools/vertical-rhythm 12/18 -- 48,34,24,17 */
/* http://modularscale.com/scale/?px1=12&px2=&ra1=1.414&ra2=0 */

body {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}

p, ol, ul, dl, input, td, th {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0 0 1.5em 0;
}
/* 48px - The quick brown fox jumps over the lazy dog */
.h0 {
  font-size: 4em; /* 48px */
  line-height: 1.125em; /* 54px */
  margin-top: 0.375em;
  margin-bottom: 0em;
}
/* 34px - The quick brown fox jumps over the lazy dog */
h1 {
  font-size: 2em;          /* 24px */
  line-height: 1.2em;      /* 28.8px */
  margin-top: 0em;         /* 0px */
  margin-bottom: 0.6667em; /* 16px */
}
/* 24px - The quick brown fox jumps over the lazy dog */
h2 {
  font-size: 1.4167em;     /* 17px */
  line-height: 1.3588em;   /* 23px */
  margin-top: 1.0588em;    /* px */
  padding-top: 1.86em;
  margin-bottom: 1.1em;
}
/* 17px - The quick brown fox jumps over the lazy dog */
h3 {
  font-size: 1.4167em; /* 17px */
  line-height: 1.0588em; /* 18px */
  margin-top: 2.2em;
  margin-bottom: 1em;
}
/* 12px - The quick brown fox jumps over the lazy dog */
h4 {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0 0 1.5em 0;
}
h5 {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0 0 0.5em 0;
}

/* 8px - The quick brown fox jumps over the lazy dog */
.small {
  font-size: 0.6667em; /* 8px */
  line-height: 2.25em; /* 18px */
  margin-top: 0em;
  margin-bottom: 0em;
}

h1, h2, h3, h4 {
	font-weight: bold;
    font-family: Georgia, serif;
}
h5 {
	font-style: italic;
}
.title {
	font-style: italic;
}
.author {
	
}
.journal {
	font-style: italic;
}
p+p {
}
b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
a {
	text-decoration: underline;
}
.ejcjs {
	color: #e60012;
}
sup {vertical-align: super; font-size:70%;}


/* layout */

body {
	background-color: #f5f5f5;
}
.container {
	width: 960px;
	margin: 0 auto;
}


/* Main content section */

.main {
	width: 658px;
	float: right;
	background-color: #ffffff;
	padding: 3em 40px 2em 40px;
	min-height: 1500px;
    box-shadow: 0 0 3px 3px rgba(192,192,192,0.5);
}
.main a {
	color: #000;
	text-decoration: underline;
}
.backtotop {
	margin-top: 4em;
	background-color: #e60012;
	border-radius: 5px;
	padding: 0.5em 10px;
	width: 5em;
    box-shadow: 1px 1px 1px 1px rgba(150,150,150,0.5);
}
.backtotop a {
	color: #fff;
	text-decoration: none;
}
ol {
	list-style: decimal;
	margin-left: 16px;
}

/* Footer */

.footer {
	border-top: 1px solid #e60012;
	padding: 2.25em;
	color: #777;
	text-align: center;
	margin-top: 4.5em;
	clear: both;
}
.footer p {
	margin: 0 0 0 0;
}
.footer .supportlogos {
	padding-bottom: 2.25em;
}
.footer .supportlogos img {
	margin-right: 18px;
	vertical-align: bottom;
}
.footer .supportlogos:last-child {
	margin-right: 0;
}



/* Navigation */

.nav {
	width: 200px;
	padding: 3em 10px 10px 10px;
}
.nav .logo {
	margin-bottom: 3em;
	height: 3em;
}
.nav .social {
	height: 3em;
}
.nav ul {
	margin-top: 3em;
}
.nav ul li {
	padding: 0 0 0 0;
	font-weight: bold;
}
.nav ul li ul li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style-image: url("images/arrow-right_blue.gif");
	font-weight: normal;
}
.nav ul li ul {
	padding-left: 15px;
	margin-top: 0;
}
.nav a {
	text-decoration: none;
	color: #333;
}





/* Top page */

.toppage h1 {
	color: #e60012;
}
.toppage h2 {
	background: url('images/dot.png') no-repeat;
}
.toppage dl {
	padding-bottom: 1.5em;
}
.toppage dd {
	padding-bottom: 1.5em;
}
.toppage.advertisement {
}

.toppage.whatsnew {
}
.toppage .splash {
	margin-bottom: 3em;
}


/* Search page */

.searchpage .submit {
	color: #fff;
	background-color: #e60012;
	padding: 0 6px 0 6px;
	border: 1px solid #ddd;
}
.searchpage input {
	border: 1px solid #ddd;
}

/* About pages */

.about dt {
	float: left;
}
.about dd {
	margin-left: 200px;
}


/* Index pages */

.index h1 {
}
.index h2 {
	background: url('images/dot.png') no-repeat;
}
.index h3 {
	padding-bottom: 1.0588em;
}
.index dl {
	padding-left: 0;
}
.index a {
	font-style: italic;
}
.index ul.years {
	padding: 0 0;
	border-top: 1px solid #e60012;
	border-bottom: 1px solid #e60012;
	text-align: center;
    line-height: 1.3333em; /* 18px */
    margin-top: 0em;
}
.index .years li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #000;
}
.index .years li:first-child {
	border-left: 1px solid #000;
}
.index .years a {
	text-decoration: none;
	letter-spacing: 1px;
	font-style: normal;
}
.index .year {
	margin-bottom: 2em;
	padding-bottom: 2em;
}
.index dd+dt {
	padding-top: 1.5em;
}
.index .indexcontent {
	min-height: 700px;
}
.index .indexitem {
	width: 210px;
	height: 15em;
	float: left;
}


/* Article pages */

.article .forematter {
}
.article h1 {
	margin-bottom: 0;
}
.article h2 {
}
h2.subtitle {
	padding-top: 0;
	margin-bottom: 0.5em;
}
.article .author {
	margin-bottom: 0;
}
.article .issue {
	margin-bottom: 1em;
}
.sns {
	float: right;
	width: 100px;
	height: 3em;
	margin: 0 0 1em 1em;
}
.sns div {
	padding-bottom: 0.25em;
}

.article .articlecontent h2 {
}
.article .abstract {
	margin: 6em 0 6em 0;
	padding: 0 5em 0 2em;
	border-left: 3px solid #000;
}
.article .abstract h2 {
	padding-top: 0;
	line-height: 1em;
}
.article .abouttheauthor {
	margin: 3em 0;
}
.article .copyright {
	text-align: center;
	font-size: 0.9em;
}
.article .quotation {
	margin: 1.5em 3em;
}
.article .endnote {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
	color: #e60012;
	text-decoration: none;
}
.article .endnotereturn {
	color: #e60012;
}
.article .amazon {
	float: right;
}

.article .figure {
	width: 658px;
	text-align: center;
}
.article .figure table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}
.article .figure th {
	font-weight: bold;
	text-align: left;
}
.article .figure td {
	text-align: right;
}
.article .left td {
	text-align: left;
}

.article tr.black {background-color: black;}
.article tr.black td {background-color: black; color: white;}

.article .figure th, .article .figure td {
	border: 1px solid #000;
	padding: 0 5px;
}
.article .figure p {
	margin-bottom: 0;
	font-style: italic;
	text-align: left;
	font-size: 0.9em;
}
.article .figure table p {
	margin-bottom: 0;
	font-style: normal;
}
.article .figure img {
	margin: 0 auto 0 auto !important;
	text-align: center;
}
.article div.figure {
	margin-bottom: 1.5em;
}
.article .figure .headerrow th {
	text-align: center;
}
.article .figure .caption {
	font-weight: bold;
	text-align: center;
	font-style: normal;
	padding-bottom: 1em;
}
.articlecontent ul {
	list-style: disc;
	margin-left: 1.3em;
}
.article .left ol {
	text-align: left;
	counter-reset: item;
}

.article .left ol li { display: block }
.article .left ol li:before { content: counters(item, ".") " "; counter-increment: item }
.article .left ol li ol li ol li { list-style-type: lower-roman; }

.alignleft { text-align: left !important; }
.aligncenter {text-align: center !important; }
.right {float:right; padding:0 0 10px 10px;}

.center th, .center td {text-align: center !important; }

/* Links */

.links li ul li {
	padding-left: 1em;
}
.links li ul {
	margin-bottom: 0;
}


/* MailChimp form */
.button {
	margin-top: 4em;
	background-color: #e60012;
	border-radius: 5px;
	padding: 0.5em 10px;
    box-shadow: 1px 1px 1px 1px rgba(150,150,150,0.5);
	color: #fff;
	text-decoration: none;
}