body {
   font-family: baramond, garamond, "Palatino Linotype", "Book Antiqua", Palatino, serif;
   background: #fffefc;
   background: -moz-linear-gradient(top, #fffefc 0%, #ebf9fc 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffefc), color-stop(100%,#ebf9fc));
   background: -webkit-linear-gradient(top, #fffefc 0%,#ebf9fc 100%);
   background: -ms-linear-gradient(top, #fffefc 0%,#ebf9fc 100%);
   background: -o-linear-gradient(top, #fffefc 0%,#ebf9fc 100%);
   background: linear-gradient(top, #fffefc 0%,#ebf9fc 100%);
   background-attachment: fixed;
   font-size: .9em;
   }

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

a:hover {
   color: #407096;
   }

a:active {
   color: #325775;
   }

a.button {
   color: #407096;
   font-size: 1.5em;
   font-style: italic;
   }

a.button:hover {
   color: #325775;
   }

p {
   line-height: 1.2em;
   }

.submissions a {
   text-decoration: underline;
}

.submissions li {
   list-style-type: disc;
}

/* ------------------ HEADER ------------------ */

header {
   min-width: 750px;
   width: 100%;
   padding: 5px 0;
   overflow-x: hidden;
   overflow-y: visible;
   }

header div {
   position: relative;
   z-index: 5;
   float: left;
   width: 50%;
   background: #306C60;
   vertical-align: top;
   border-top: 1px solid #739b83;
   -moz-box-shadow: 0 2px 3px #969696;
   -webkit-box-shadow: 0 2px 3px #969696;
   box-shadow: 0 2px 3px #969696;
   }

header div:first-of-type {
   margin: 35px 0 0;
   }

header div:nth-child(2) {
   margin: 70px 0 0;
   }

header h1 {
   text-align: right;
   }

header h1, header h3 {
   margin: 0 65px;
   min-width: 300px;
   text-shadow: -1px 1px 3px #393939;
   color: #fefefe;
   font-weight: normal;
   }

header img {
   position: relative;
   z-index: 10;
   position: absolute;
   left: 50%;
   margin: 0 0 0 -60px;
   }


/* ------------------ NAV ------------------ */

nav {
   position: relative;
   z-index: 5;
   width: 750px;
   height: 85px;
   margin: -61px auto 15px;
   clear: both;
   }

nav > ul:first-of-type {
   position: absolute;
   top: 28px;
   left: 63px;
   }

nav > ul:last-of-type {
   position: absolute;
   top: 0;
   right: 51px;
   }

nav > ul > li {
   position: relative;
   float: left;
   }

nav a {
   display: block;
   margin: 1px 1px 1px 0;
   padding: 5px 10px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   }

nav a:hover, nav .active a {
   color: #fff;
   background: #306C60;
   }




/* ------------------ SECTION ------------------ */

section {
   position: relative;
   overflow: hidden;
   width: 650px;
   padding: 90px 50px 25px;
   margin: -72px auto 0;
   background: -moz-linear-gradient(left center , rgba(235, 249, 252, 0.5) 0%, rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0.5) 90%, rgba(235, 249, 252, 0.5) 100%) repeat scroll 0 0 transparent;
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebf9fc), color-stop(10%,#ffffff), color-stop(90%,#ffffff), color-stop(100%,#ebf9fc));
   background: -webkit-linear-gradient(left, #ebf9fc 0%,#ffffff 10%,#ffffff 90%,#ebf9fc 100%);
   background: -o-linear-gradient(left, #ebf9fc 0%,#ffffff 10%,#ffffff 90%,#ebf9fc 100%);
   background: -ms-linear-gradient(left, #ebf9fc 0%,#ffffff 10%,#ffffff 90%,#ebf9fc 100%);
   background: linear-gradient(left, #ebf9fc 0%,#ffffff 10%,#ffffff 90%,#ebf9fc 100%);
   -moz-box-shadow: 0 2px 6px #969696;
   -webkit-box-shadow: 0 2px 6px #969696;
   box-shadow: 0 2px 6px #969696;
   color: #606060;
   }

.contents {
   min-height: 650px;
   }

.contents > .currentVol:after {
   content: "";
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 20;
   pointer-events: none;
   background: #fffefc;
   background: -moz-linear-gradient(top, #fffefc 0%, #ebf9fc 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffefc), color-stop(100%,#ebf9fc));
   background: -webkit-linear-gradient(top, #fffefc 0%,#ebf9fc 100%);
   background: -ms-linear-gradient(top, #fffefc 0%,#ebf9fc 100%);
   background: -o-linear-gradient(top, #fffefc 0%,#ebf9fc 100%);
   background: linear-gradient(top, #fffefc 0%,#ebf9fc 100%);
   }

.contents > article > h2 {
   position: relative;
   top: -100px;
   margin: 0 0 25px;
   font-size: 5.5em;
   letter-spacing: -3px;
   text-shadow: 2px 2px 2px #c9c9c9;
   z-index: 30;
   font-weight: normal;
   text-align: center;
   }

.contents > article > img {
   position: absolute;
   top: 65px;
   left: 50%;
   display: none;
   width: 500px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -moz-box-shadow: 0 0 10px #696969;
   -webkit-box-shadow: 0 0 10px #696969;
   box-shadow: 0 0 10px #696969;
   cursor: pointer;
   z-index: 25;
   }

.contents > article > img:hover {
   -moz-box-shadow: 0 0 10px #030303;
   -webkit-box-shadow: 0 0 10px #030303;
   box-shadow: 0 0 10px #030303;
   }


.contents > div, .links > div, .about > div  {
   float: left;
   width: 290px;
   margin: 0 0 25px;
   vertical-align: top;
   }

.contents > div:nth-of-type(even), .links > div:nth-of-type(even), .about > div:nth-of-type(even) {
   text-align: left;
   margin-left: 30px;
   clear: right;
   }

.about > div:nth-of-type(even) {
   margin: 2px 0 25px 15px;
   }

.contents > div:nth-of-type(odd), .links > div:nth-of-type(odd), .about > div:nth-of-type(odd) {
   text-align: right;
   margin-right: 30px;
   clear: left;
   }

.contents > div.grocerylist {
   width: 216px;
   float: left;
   clear: none;
   margin: 0 0 25px;
   text-align: center;
   }

.contents > div a, .about > div > a {
   display: block;
   margin-bottom: 4px;
   }

.contents > div:nth-of-type(even) > a {
   margin-left: 15px;
   }

.contents > div:nth-of-type(odd) > a {
   margin-right: 15px;
   }

.about > div p {
   text-align: justify;
   margin: 0 0 10px;
   }


section h1, .archives h3 {
   font-style: italic;
   letter-spacing: -1px;
   margin:  0 0 25px;
   text-shadow: 1px 1px 2px #ccc;
   clear: both;
   }

.about > h1 {
   text-align: center;
   margin: 0 0 8px;
   }

.about > h6 {
   text-align: center;
   padding: 0 0 35px 85px;
   }

.contents h1, .links h1 {
   text-align: center;
   margin: 0 0 35px;
   border-bottom: 2px solid #E9E9E9;
   }

.lit h6 a {
   display: block;
   margin: 0 0 25px;
   padding: 15px 0 0;
   font-variant: small-caps;
   text-transform: lowercase;
   letter-spacing: 1px;
   border-bottom: 2px solid #e9e9e9;
   }

.lit h6 a span {
   display: none;
   float: right;
   margin: 8px 0 0;
   font-size: .8em;
   font-variant: normal;
   letter-spacing: 0;
   text-transform: capitalize;
   background: #fff;
   }

.lit h6:first-child a:hover span {
   display: inline-block;
   }

.lit h6:last-child a span {
  float: left;
  }

.lit > p, .news > p {
   white-space: pre-wrap;
   }

.lit > div:first-of-type {
   line-height: 1.2em;
   white-space: pre-wrap;
   }

.lit blockquote {
   margin: -15px 0 0 150px;
   font-size: .85em;
   }

.lit > footer {
   margin: 100px 0 0;
   text-align: center;
   border-top: 2px solid #e9e9e9;
   }

.lit > footer > a:first-child {
   float: left;
   }

.lit > footer > a:last-child {
   float: right;
   }

.lit > footer a {
   display: inline-block;
   position: relative;
   top: -9px;
   font-size: .9em;
   font-variant: bold;
   letter-spacing: 0;
   text-shadow: 1px 1px 1px #ccc;
   background: #fff;
   }

.lit > .gallery {
   position: relative;
   height: 500px;
   margin: 0;
   border: 0;
   text-align: center;
   }

.lit > .gallery div {
   margin: 0 auto;
   width: 600px;
   height: 500px;
   }

.lit > .gallery img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   max-width: 600px;
   max-height: 500px;
   margin: 0 auto;
   padding: 2px;
   border: 1px solid #efefef;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   cursor: pointer;
   }

.lit > .gallery a {
   position: absolute;
   top: 0;
   opacity: 0;
   width: 10%;
   height: 75%;
   padding: 185px 0 0;
   font-size: 5em;
   background: transparent;
   z-index: 10;
   }

.lit > .gallery a:first-child {
   text-align: left;
   left: 0;
   }

.lit > .gallery a:last-child {
   text-align: right;
   right: 0;
   }

.lit > .thumbs {
   border: 0;
   margin: 5px 0 0;
   }

.lit > .thumbs img {
   max-height: 100px;
   }

.lit > .explode {
   display: none;
   text-align: center;
   padding: 50px 0;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
   z-index: 25;
   background: rgba(255, 255, 255, .85);
   margin: 0;
   }

.lit > .explode > img {
   max-width: 850px;
   max-height: 850px;
   background: #fefefe;
   border: 10px solid #fefefe;
   -webkit-box-shadow: inset 0 0 2px 1px #afafaf, 0 0 1px #696969, 0 0 2px 1px #efefef;
   -moz-box-shadow: inset 0 0 2px 1px #afafaf, 0 0 1px #696969, 0 0 2px 1px #efefef;
   box-shadow: inset 0 0 2px 1px #afafaf, 0 0 1px #696969, 0 0 2px 1px #efefef;
   padding: 10px;
   }

.table:before,
.table:after {
    content: " ";
    display: table;
   }

.table:after {
    clear: both;
   }

.lit .table div {
   float: left;
   height: 40px;
   padding: 10px;
   border-bottom: 1px solid #000;
   }

.lit .table div:nth-of-type(odd) {
   text-align: center;
   width: 90px;
   border-right: 1px solid #000;
   border-left: 1px solid #000;
   font-weight: bold;
   }
.lit .table div:nth-of-type(even) {
   border-right: 1px solid #000;
   width: 517px;
   }

.lit .table div:nth-of-type(1),
.lit .table div:nth-of-type(2) {
   border-top: 1px solid #000;
   text-align: center;
   font-weight: bold;
   }

section > p {
   margin: 0 0 15px;
   }

section > p > span {
   display: inline-block;
   margin: 0;
   }

.contributors > p a, .news > p a {
   font-style: italic;
   font-weight: bold;
   color: #407096;
   }

.contributors > p a:hover, .news > p a:hover {
   color: #325775;
   }

.contributors > p a.vol {
   text-decoration: none;
   font-size: .9em;
   display: inline-block;
   margin: 0 0 0 5px;
   font-variant: small-caps;
   }


.archives > div {
   position: relative;
   margin: 0 75px -215px;
   padding: 10px;
   overflow: auto;
   text-align: center;
   background: #fff;
   -moz-box-shadow: 0 0 6px #c9c9c9;
   -webkit-box-shadow: 0 0 6px #c9c9c9;
   box-shadow: 0 0 6px #c9c9c9;
   -moz-transition: all 0.4s ease;
   -webkit-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
   }

.archives > div:hover, .archives > .active  {
   -moz-border-radius: 0 20px 0 0;
   -webkit-border-radius: 0 20px 0 0;
   border-radius: 0 20px 0 0;
   -moz-box-shadow: 0 0 6px #696969;
   -webkit-box-shadow: 0 0 6px #696969;
   box-shadow: 0 0 6px #696969;
   }

.archives > div:last-child {
   margin-bottom: 50px;
   }

.archives > div h3 {
   margin: 0 0 15px;
   }

.archives > div img {
   height: 200px;
   padding: 2px;
   border: 1px solid #efefef;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   }

.archives > div:nth-child(odd) img {
   float: left;
   margin: 0 20px 0 0;
   }

.archives > div:nth-child(even) img {
  float: right;
  margin: 0 0 0 20px;
  }

.archives > div > a:last-child {
   position: absolute;
   bottom: 15px;
   }

.archives > div:nth-child(odd) > a:last-child {
   right: 15px;
   }

.archives > div:nth-child(even) > a:last-child {
   right: 180px;
   }

.archives > div p {
   text-align: justify;
   margin: 10px 0 0;
   }


.news h1 {
   margin: 0 0 30px;
   }


/* ------------------ FOOTER ------------------ */

body > footer {
   position: relative;
   z-index: 5;
   margin: 0 auto;
   min-width: 650px;
   padding: 6px 50px 7px;
   background: #306C60;
   border-top: 1px solid #739b83;
   -moz-box-shadow: 0 2px 3px #969696;
   -webkit-box-shadow: 0 2px 3px #969696;
   box-shadow: 0 2px 3px #969696;
   text-align: center;
   font-size: .8em;
   }

body > footer ul {
   width: 700px;
   margin: 0 auto;
   }

body > footer ul li {
   display: inline-block;
   }

body > footer ul li a {
   padding: 3px 6px;
   color: #fefefe;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   }

body > footer ul li a:hover {
   background: #fefefe;
   }