body {
  counter-reset: pagenum, issue;
}

nav {
  padding: 10px;
}

div.page {
  counter-increment: pagenum;
}

div.pagenumber p:before {
  content: counter(pagenum);
}

div.page {
  width: 1000px;
  border-style: solid;
  border-width: 1px;
  border-color: LightGray;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

p {
  font-family: "Courier New", Courier, monospace;
  text-indent: 50px;
}

li {
  font-family: "Courier New", Courier, monospace;
}

p.right {
  text-align: right;
}

p.center {
  text-indent: 0px;
  text-align: center;
}

p.emphasis {
  font-size: 125%;
  font-weight: bold;
}

p.continued {
  text-indent: 0px;
}

div.text2col p.inline {
  margin-left: 50px;
  margin-right: 50px;
}

h1.editorial {
  text-align: center;
  text-decoration: underline;
  font-style: italic;
  font-weight: 1000;
  font-size: 300%;
}

h1.articleTitle {
  text-align: center;
  font-weight: 600;
  font-size: 300%;
}

h2.topic {
  text-decoration: underline;
  text-align: center;
}

h2.clean {
  font-style: italic;
  text-align: center;
  font-size: 200%;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0px;
  text-transform: uppercase;
}

div.text1col {
  margin-left:40px;
  margin-right:40px;
}

div.text2col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  margin-left:20px;
  margin-right:20px;
  padding-top: 15px;
  text-align: justify;
}

div.text2col p {
  margin-left:15px;
  margin-right:15px;
  margin-top: 0px;
  margin-bottom: 1em;
}
div.text2col p.poem {
  text-indent: 0px;
}

div.pagenumber {
  text-align: center;
}

div.bigFootnote p {
  text-align: center;
  font-weight: bold;
  font-size: 250%;
}

div.continued  p {
  text-align: right;
}

div.also p {
  text-indent: 0px;
  font-weight: bold;
  font-style: italic;
  font-size: 200%;
}

div.bigContinue p {
  text-align: right;
  font-weight: bold;
  font-size: 200%;
}
		
hr {
  margin: 30px;
  border: 0;
  height: 2px;
  background: gray;
}

/* styles for the volume pages */

div.issues {
  display: block;
  margin: auto auto auto auto;
}

div.issue {
  counter-increment: issue;
  width: 300px;
  float: left;
  margin: 25px;
  background: #f0f0f0;
}

div.issue img {
  display: block;
  margin: 0 auto 0 auto;
}

div.issue a {
  margin-right: 5px;
}

div.issue div.number p, div.issue div.description p, div.issue div.month  p{
  font-family: Cambria, Georgia, serif;
  font-size: 120%;
  margin: 10px;
  text-indent: 0px;
}

div.issue div.number p.number:after{
  content: " " counter(issue);
}

div.volume {
  background: #A34747;
  padding: 30px 3px 30px 3px;
}

div.volume table {
  width: 100%;
}
div.volume table td{
  text-align: center;
  padding: 15px;
}
div.volume p {
  font-family: Cambria, Georgia, serif;
  font-size: 300%;
  color: #FFE680;
  text-transform: uppercase;
  text-indent: 0px;
}
div.month {
  text-align: right;
}
div.number {
  width: 150px;
  float: left;
}

/* styling for index.html */

div.intro {
  width: 1000px;
}

div.intro p {
  margin: 25px 50px 25px 50px;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 150%;
  text-indent: 25px;
}

div.menu ul {
  margin: 25px 50px 25px 50px;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 150%;
}