:root
{
  font-family: 'Garamond', 'EBGaramond', 'UrzaGaramond', 'Baskerville Old Face', 'Baskerville', 'Hoefler Text', 'Bookman Old Style', 'Georgia', serif;
  background-color: #fcfcfc;
  color: #323232;
}

body
{
  width: 1000px;
  margin-left: auto;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
}

a
{
  text-decoration: none;
  color: #426999;
}

a:hover
{
  text-decoration: underline;
}

h1 
{
  margin-bottom: 8px;
  font-size: 144%;
}

h2
{
  margin-bottom: 8px;
  font-size: 128%;
}

h3
{
  margin-bottom: 8px;
  font-size: 116%;
}

h4
{
  margin-bottom: 8px;
  font-size: 110%;
}

h5
{
  margin-bottom: 8px;
  font-size: 104%;
}

h6
{
  margin-bottom: 8px;
  font-size: 100%;
}

hr
{
  margin-left: auto;
  margin-top: 32px;
  margin-right: auto;
  margin-bottom: 32px;
  width: 69%;
  border-top: 1px solid #bbbbbb;
}

textarea
{
  width: 100%;
  margin-bottom: 16px;
}

body>header
{
  float: left;
  width: 200px;
  height: 69px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid #dedede;
  font-size: 128%;
}

body>header>h1
{
  display: none;
}

body>header>a>img
{
  width: 172px;
  height: 69px;
  padding-bottom: 15px;
}

body>header>a>img:hover
{
  border-bottom: 4px solid #426999;
}

body>nav
{
  position: relative;
  float: left;
  width: 800px;
  height: 69px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid #dedede;
  font-size: 144%;
}

body>nav>div
{
  position: absolute;
  right: 0px;
  bottom: 16px;
  text-align: right;
}

body>nav>div>a
{
  margin-left: 32px;
  padding-bottom: 17px;
  font-weight: bold;
  color: #426999;
}

body>nav>div>a.important
{
  color: #bb2222;
}

body>nav>div>a:hover
{
  text-decoration: none;
  border-bottom: 4px solid #426999;
}

body>main
{
  float: left;
  width: 712px;
  margin-top: 16px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  text-align: justify;
}

body>main h1
{
  margin-bottom: 16px;
  text-align: left;
  color: #bb2222;
  font-size: 169%;
}

body>main>article>p a
{
  color: #2244dd;
}

body>main>article>h1
{
  margin-bottom: 8px;
}

body>main>article>h1 + .paperMetadata
{
  margin-top: 8px;
  margin-bottom: 16px;
}

body>main h2
{
  margin-top: 16px;
  text-align: left;
  color: #bb2222;
}

body>main h2:first-child
{
  margin-top: 0px;
}

body>main>h2:first-child
{
  font-size: 144%;
  margin-bottom: 16px;
}

body>main a.authorSite
{
  display: block;
  margin-bottom: 16px;
  font-size: 128%;
  font-weight: bold;
}

body>main div.buttons
{
  margin-top: 42px;
  margin-bottom: 16px;
  text-align: center;
}

body>main div.misesMemberCardL
{
  position: relative;
  width: 48%;
  height: 128px;
  float: left;
  margin-top: 16px;
  margin-bottom: 32px;
  border-bottom: 2px solid #426999;
  text-align: left;
}

body>main div.misesMemberCardR
{
  position: relative;
  width: 48%;
  height: 128px;
  float: right;
  margin-top: 16px;
  margin-bottom: 32px;
  border-bottom: 2px solid #426999;
  text-align: left;
}

body>main div.boardMemberCardL
{
  position: relative;
  width: 48%;
  height: 200px;
  float: left;
  margin-bottom: 32px;
  border-bottom: 2px solid #426999;
  text-align: left;
}

body>main div.boardMemberCardR
{
  position: relative;
  width: 48%;
  height: 200px;
  float: right;
  margin-bottom: 32px;
  border-bottom: 2px solid #426999;
  text-align: left;
}

body>main div.misesMemberCardL h4
{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 128%;
}

body>main div.misesMemberCardR h4
{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 128%;
}

body>main div.misesMemberCardL p
{
  margin-top: 0px;
  margin-bottom: 0px;
}

body>main div.misesMemberCardR p
{
  margin-top: 0px;
  margin-bottom: 0px;
}

body>main div.boardMemberCardL img
{
  float: left;
  margin-right: 8px;
}

body>main div.boardMemberCardR img
{
  float: left;
  margin-right: 8px;
}

body>main div.misesMemberCardL .buttons
{
  position: absolute;
  right: 0px;
  bottom: 0px;
}

body>main div.misesMemberCardR .buttons
{
  position: absolute;
  right: 0px;
  bottom: 0px;
}

body>main div.boardMemberCardL .buttons
{
  position: absolute;
  right: 0px;
  bottom: 0px;
}

body>main div.boardMemberCardR .buttons
{
  position: absolute;
  right: 0px;
  bottom: 0px;
}

body>main p
{
  margin-top: 16px;
  margin-bottom: 16px;
}

body>main article img
{
  max-width: 100%;
}

body>main img.authorPicture
{
  float: left;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 8px;
}

body>main>table
{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #aaaaaa;
  font-size: 69%;
}

body>main>table th
{
  border: 1px solid #aaaaaa;
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  background-color: #eeeeee;
  font-weight: bold;
}

body>main>table td
{
  border: 1px solid #aaaaaa;
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
}

body>section
{
  float: right;
  width: 256px;
  margin-left: 15px;
  margin-top: 16px;
  padding-left: 16px;
  padding-bottom: 8px;
  border-left: 1px solid #dddddd;
  text-align: left;
}

body>section>header
{
  display: none;
}

body>section>form>div>input
{
  margin-top: 4px;
  margin-bottom: 8px;
}

body>section>form>div>[type=checkbox]
{
  margin-top: 8px;
}

body>section>div
{
  margin-bottom: 8px;
}

body>section a
{
  font-weight: bold;
}

body>aside
{
  float: right;
  clear: right;
  width: 256px;
  margin-left: 15px;
  margin-bottom: 32px;
  padding-top: 8px;
  padding-left: 16px;
  border-left: 1px solid #dddddd;
  text-align: left;
}

body>aside>h2
{
  margin-top: 32px;
  color: #bb2222;
}

body>aside>div.lastPapers
{
  margin-top: 9px;
}

body>aside>div.lastBooks
{
  margin-top: 8px;
}

body>aside>div.lastBooks h3
{
  margin-bottom: 0px;
}

body>aside>p
{
  margin-top: 8px;
  text-align: justify;
}

body>aside>img
{
  margin-top: 16px;
}

body>footer
{
  clear: both;
  width: 1000px;
  margin-left: auto;
  margin-top: 2px;
  margin-right: auto;
  padding-top: 2px;
  border-top: 2px solid #426999;
  text-align: center;
  color: #aaaaaa;
  font-size: 80%;
}

body>footer>div
{
  margin: 8px;
}

body>div
{
  margin-top: 69px;
  padding: 16px;
  border: 2px solid #000000;
  text-align: center;
  font-weight: bold;
  color: #ff0000;
  background-color: #ffffff;
}

.brackets
{
  position: relative;
  margin-bottom: 16px;
}

.leftBracket
{
  position: absolute;
  width: 8px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  border-left: 8px solid #dddddd;
  border-top: 4px solid #dddddd;
  border-bottom: 4px solid #dddddd;
}

.rightBracket
{
  position: absolute;
  width: 8px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-top: 4px solid #dddddd;
  border-right: 8px solid #dddddd;
  border-bottom: 4px solid #dddddd;
}

.inBrackets
{
  padding-left: 42px;
  padding-top: 16px;
  padding-right: 42px;
  padding-bottom: 16px;
  font-style: italic;
  font-size: 128%;
  line-height: 1.69;
  color: #4f4f4f;
}

.paperCard
{
  margin-bottom: 16px;
  background-color: #698999;
  color: #f8f8f8;
}

.paperCard:hover
{
  background-color: #093969;
}

.paperCard>div
{
  padding: 16px;
}

.paperCard>div.closing
{
  padding: 0px;
}

.paperCard>div>h2>a
{
  color: #ffffff;
}

.paperCard>div>p
{
  margin-right: 8px;
  padding-bottom: 8px;
}

.paperCard img
{
  width: 200px;
  height: 300px;
  float: right;
  margin-left: 16px;
}

.paperCard .paperMetadata
{
  font-size: 100%;
  font-style: italic;
  color: #bbbbbb;
}

.paperCard .paperMetadata a
{
  font-size: 100%;
  font-style: italic;
  color: #bbbbbb;
}

.paperMetadata
{
  font-size: 90%;
  text-align: left;
  color: #999999;
}

.comment
{
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #bbbbbb;
}

.comment>h3
{
  margin-top: 24px;
  margin-bottom: 16px;
}

.comment>h3>a
{
  color: #bb0000;
}

.comment>q
{
  display: block;
  margin-left: 8px;
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 4px;
  padding: 8px;
  border: 1px solid #dddddd;
  font-size: 90%;
  font-style: italic;
  color: #888888;
}

.wastedComment
{
  padding: 16px;
  margin-top: 16px;
  border: 1px solid #bbbbbb;
  background-color: #ff0000;
}

.wastedComment>h3
{
  margin-bottom: 16px;
}

.wastedComment>h3>a
{
  color: #ffd700;
}

.commentMetadata
{
  float: right;
}

.commentMetadata>.commentTime>a
{
  color: #999999;
  font-style: italic;
}

.commentMetadata>.commentReact>a
{
  font-weight: bold;
}

.commonInput
{
  width: 100%;
  margin-bottom: 16px;
}

.bookCardL
{
  width: 50%;
  float: left;
  clear: right;
  margin-bottom: 8px;
  text-align: left;
}

.bookCardR
{
  width: 50%;
  float: right;
  clear: right;
  margin-bottom: 8px;
  text-align: left;
}

.bookCardL h2
{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 110%;
  line-height: 1.16;
}

.bookCardR h2
{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 110%;
  line-height: 1.16;
}

.bookCardL img
{
  width: 70px;
  height: 99px;
  float: left;
  margin-right: 8px;
}

.bookCardR img
{
  width: 70px;
  height: 99px;
  float: left;
  margin-right: 8px;
}

.bookCardL p
{
  margin-top: 2px;
  margin-bottom: 0px;
}

.bookCardR p
{
  margin-top: 2px;
  margin-bottom: 0px;
}

.downloadImage
{
  width: 71px;
  height: 77px;
}

.leftColumn
{
  width: 49%;
  float: left;
  border-right: 1px solid #dddddd;
  text-align: left;
}

.rightColumn
{
  width: 49%;
  float: right;
  text-align: left;
}

.buttonPaper
{
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 16px;
  padding-top: 8px;
  padding-right: 48px;
  padding-bottom: 8px;
  border: 2px solid #bbbbbb;
  background-image: url('./../img/butt.paper32x48.png');
  background-position: right 50%;
  background-repeat: no-repeat;
  line-height: 32px;
  font-size: 128%;
  font-weight: bold;
}

.buttonBook
{
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 16px;
  padding-top: 8px;
  padding-right: 48px;
  padding-bottom: 8px;
  border: 2px solid #bbbbbb;
  background-image: url('./../img/butt.book32x48.png');
  background-position: right 50%;
  background-repeat: no-repeat;
  line-height: 32px;
  font-size: 128%;
  font-weight: bold;
}

.buttonComment
{
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 16px;
  padding-top: 8px;
  padding-right: 48px;
  padding-bottom: 8px;
  border: 2px solid #bbbbbb;
  background-image: url('./../img/butt.comm32x48.png');
  background-position: right 50%;
  background-repeat: no-repeat;
  line-height: 32px;
  font-size: 128%;
  font-weight: bold;
}

.buttonNext
{
  padding-left: 16px;
  padding-top: 8px;
  padding-right: 48px;
  padding-bottom: 8px;
  border: 2px solid #bbbbbb;
  background-image: url('./../img/butt.next32x48.png');
  background-position: right 50%;
  background-repeat: no-repeat;
  line-height: 64px;
  font-size: 110%;
  font-weight: bold;
}

.buttonPrevious
{
  padding-left: 48px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  border: 2px solid #bbbbbb;
  background-image: url('./../img/butt.prev32x48.png');
  background-position: left 50%;
  background-repeat: no-repeat;
  line-height: 64px;
  font-size: 110%;
  font-weight: bold;
}

.tinyButton
{
  margin-left: 16px;
  margin-right: 16px;
  font-size: 55%;
}

.brokenButton
{
  font-size: 32%;
}

.leftThirdCorner
{
  width: 33%;
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: left;
}

.midThirdCenter
{
  width: 34%;
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: center;
}

.midThirdCenter .buttonBook
{
  line-height: 64px;
  font-size: 110%;
}

.rightThirdCorner
{
  width: 33%;
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: right;
}

.userWithoutPassword
{
  color: #888888;
}

.mid
{
  text-align: center;
}

.right
{
  text-align: right;
}

.voidFrame
{
  margin: 16px;
}

.closing
{
  clear: both;
}

.tinyGapClosing
{
  clear: both;
  padding-top: 8px;
  padding-bottom: 0px;
}

.smallerGapClosing
{
  clear: both;
  padding-top: 16px;
  padding-bottom: 0px;
}

.gapClosing
{
  clear: both;
  padding-top: 42px;
  padding-bottom: 0px;
}

.biggerGapClosing
{
  clear: both;
  padding-top: 69px;
  padding-bottom: 0px;
}

.sideSmallBox
{
  margin-top: 8px;
}

.messageBox
{
  font-size: 128%;
  font-weight: bold;
}

.errorBox
{
  color: #ff0000;
}


@media only screen and (max-width: 1000px)
{
    body,body>footer{width:100%}
    body>nav{width:calc(100% - 200px); font-family: 'Georgia', serif; font-size:18px;}
    body>main{width:calc(66% - 20px);padding:10px;background:white;text-align:left;}
    body>section,body>aside{width:calc(30% - 25px);padding-right:10px;}
    body>nav>div{right:10px;}
}

@media only screen and (max-width: 840px)
{
    body>nav{font-size:16px;}
    body>nav>div>a{margin-left:25px;}
}

@media only screen and (max-width: 860px) and (min-width:728px)
{
    .bookCardL,.bookCardR{float:none; width:100%}
}

@media only screen and (max-width: 728px)
{
    body>main h1{line-height: 1.25;}
    main a:hover, footer a:hover, section a:hover{color:#bb2222;}
    body{background:#eee;}
    body, body>header, body>nav, body>footer{min-width:320px;max-width:728px;width:auto; float:none;text-align:center;height:auto;}
    body>header{padding-bottom: 1px;margin-bottom:0;}
    body>nav>div{position:relative;text-align:center;right: 0;}
    body>nav{font-size: 16px;padding: 30px 1px 1px 1px;background: white;margin-top:0;}
    body>main{width:100%;float:none;margin:0 auto;border:none;line-height:1.5;background:white;max-width:calc(100% - 20px);padding:10px;text-align:left;}
    body>main a{text-decoration:underline}
    body>main>h2{text-align:center;}
    .paperCard{display: flex;max-width: 720px;flex-direction: row-reverse;background: #fafafa;color: black;border-top: 1px solid #ddd;box-shadow: 1px 1px 5px rgba(0,0,0,.1);transition: all 2s;margin: 20px auto;}
    .paperCard:hover{background:#fff;}
    .paperCard>div>h2>a{color:#426999;}
    .paperCard>div>h2>a:hover{color:#bb2222;}
    .paperCard a img{min-width:20%;float:none;margin:0;display:block;}
    body>main article img{max-width:inherit;}
    body>nav>div>a {margin:0;padding:10px 10px 5px 10px;display:inline-block;border-bottom:4px solid transparent;}
    body>section,
    body>aside{float:left;max-width:50%;width:45%;border:none;padding:0;}
    .paperCard .paperMetadata, .paperCard .paperMetadata a {color: #777;}
    .paperCard .paperMetadata a:hover{color:#bb2222;}
    body>main article img{max-width:100% !important; height:auto !important;}
    .paperCard a img{display:none;}
}

@media only screen and (max-width: 650px)
{
    .bookCardL,.bookCardR{float:none; width:100%}
    body>main{overflow-wrap: break-word;}
}

@media only screen and (max-width: 500px)
{
    .rightColumn,
    .leftColumn{float:none;width:100%}
}

@media only screen and (max-width: 450px)
{
    body>header{margin-top:0;}
    body>header>a>img {width: 130px;height: auto;padding-bottom: 10px;}
    body>section,
    body>aside{float:none;max-width:100%;width:auto;border:none;padding:0;margin:10px;}
    body>aside>p{text-align:left;}
    .buttonComment,.buttonBook,.buttonNext,
    .buttonPaper{font-size:90%; display:inline-block;margin-bottom:10px;}
    .inBrackets {font-size: 115%;}
    body>nav{padding: 8px 1px 1px 1px}
    body>nav>div{bottom:0;}
    body>nav>div>a{padding:5px 10px;}
}

@media only screen and (max-width: 728px)
{
	.bookCardR img, .bookCardL img{box-shadow:2px 2px 5px rgba(0,0,0,.2);margin-bottom:12px;margin-right:12px;}
	sup{vertical-align: super !important;font-size: smaller;}
	sup a{text-decoration:underline;}
	body>main h2, body>main h3 {margin-top: 26px;}
	body>main{text-align:left}
	body>main>article p a,
	body>main a{color:#426999;text-decoration:underline}
	body>header>a>img{border-bottom:4px solid transparent}
}