html,body { height: 100%; margin: 0px; padding: 0px; font-family: "museo-sans",sans-serif; font-style: normal; font-weight: 100; background-color: black; color: #f2f2f2;}


.wrapper {
	width: 96%;
	max-width: 1200px;
	min-height: 100%;
	margin: auto;
}

.wrapper2 {
  width: 96%;
  max-width: 1200px;
  margin: auto;
}

h1 {
  font-weight: 100;
}

h2 {
  font-weight: 300;
}

b {
  font-weight: 500;
}

a {
  text-decoration:none;
  color:black;
}

a:visited {
  color:black;
}


/* top white bar */

.top-bar {
	width: 100%;
	max-width: 100%;
	height: 70px;
	background-color: white;
	margin: auto;
	z-index: -999;
}

.heading {
	margin-top: -70px;
	color: black;
}

.nav {
	float: right;
	margin-top: -65px;
	color: black;
}

.nav ul li {
	display: inline;
  margin-left: 33px;
}

.nav li a:hover {
  text-decoration:none;
  border-bottom: 1px solid #000000;
} 

.current {
  border-bottom: 1px solid #000000;
}

/* old homepage body */

#container {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
}

#left {
  float:left;
  width:30%;
  line-height: 150%;
}

#middle-and-right {
  float:right;
  width:70%;
}

#middle {
  float:left;
  width:60%;
}

#right {
  float:right;
  width:40%;
  line-height: 150%;
}

.homepage-cover {
    max-width: 95%;
    height: auto;
    display:block;
    margin: 0 auto;
   }

.buy-links {
  text-align:center;
}

/* About */
.about-photos {
  width: 30%;
  height: 30%;
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  vertical-align:text-top;
}

.about-text {
  clear:both;
  padding-top: 70px;
  width: 96%;
  max-width: 1200px;
  min-height: 100%;
  margin: auto;
}

.about-heading {
  text-align:center;
  padding-top:50px;
  padding-bottom:20px;
}

.about-photos {
  width:100%;
  text-align: center;
}

.grid {
  width: 100%;
}

.col-B {
  width: 34%;
  float: right;
  position:relative;
  overflow:hidden;
}

a.zoom img {
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
transition: transform 0.4s ease;
}
a.zoom img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}


.col-B .caption {
  position:absolute;
  bottom:10px;
  left:10px;
  width:100%;
}

.col-A {
  width: 66%;
  float: left;
}

.top-row {
  width:100%;
  position:relative;
  overflow:hidden;
}

a.white {
  color:white;
}

.top-row .caption {
  position:absolute;
  bottom:10px;
  left:10px;
  width:100%;
}


.bottom-left {
  width: 50%;
  float: left;
  position:relative;
  overflow:hidden;
}

.bottom-left .caption {
  position:absolute;
  bottom:10px;
  left:10px;
  width:100%;
}

.bottom-right {
  width: 50%;
  float: right;
  position:relative;
  overflow:hidden;
}

.bottom-right .caption {
  position:absolute;
  bottom:10px;
  left:10px;
  width:100%;
}

.grid-photos {
  display:block;
  width: 100%;
  height:auto;
}


/* Audio homepage */

.audio-cover-left {
  width:80%;
  padding-top:0;
  padding-bottom:0;
  padding-left:12%;
}
.audio-cover-middle {
  width:57%;
  padding-top:0;
  padding-bottom:0;
  padding-left:20%;
}
.audio-cover-right {
  width:86%;
  padding-top:0;
  padding-bottom:0;
  }

#audio-container {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
}

#audio-left {
  float:left;
  width:30%;
}

#audio-middle-and-right {
  float:right;
  width:70%;
}

#audio-middle {
  float:left;
  width:60%;
}

#audio-right {
  float:right;
  width:40%;
}

.buy-links-audio {
  text-align:center;
}

#audio-descriptions-left {
  padding-left:12%;
  padding-right:5%;
}

#audio-descriptions-middle {
  padding-left:20%;
  padding-right:20%;
}

/* Novels */
.novel-category {
  padding-top:30px;
  text-align: center;
}

.book-covers-1 {
  width:19%;
  padding-top:20px;
  padding-bottom:30px;
  padding-right:8%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.book-covers-1:hover, .book-covers-2:hover, .book-covers-3:hover, .book-covers-4:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.book-covers-2 {
  width:19%;
  padding-top:20px;
  padding-bottom:30px;
  padding-right:7%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.book-covers-3 {
  width:19%;
  padding-top:20px;
  padding-bottom:30px;
  padding-right:7%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.book-covers-4 {
  width:19%;
  padding-top:20px;
  padding-bottom:30px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}


/* Appearances and Contact body */

.center {
  width: 300px;
  margin: 0 auto;
}

fieldset {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family:"pt-sans",sans-serif;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  vertical-align: baseline;
  }

input, textarea {
  margin-top:5px;
  width:300px;
  height: 20px;
  padding: 5px;
  font-size: 0.9em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

textarea {
  height: 150px;
}

#submit {
  width: 315px;
  height: 30px;
  margin-top: -7px;
}

#submit:hover {
  background-color:#A4A4A4;
}

#success, #error {
    display:none
}

#success span p {
  color:#9bd32d;
}
#error span p {
  color:#c0392b;
}

/* Individual Novel Pages */
#novel-container {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
}

#novel-left {
  float:left;
  width:50%;
  line-height: 150%;
}

#novel-right {
  float:right;
  width:50%;
  line-height: 150%;
}

.individual-novel{
    max-width: 95%;
    height: auto;
    display:block;
    margin: 0 auto;
   }

.quotes {
  text-align: center;
}

.arrows {
  padding-top:20px;
  text-align: center;
}

a.no-change:visited, a.no-change {
  color:white;
}

span {
  padding-left:40px
}

/* Mailing List */

#mc_embed_signup{
  background:transparent;
  clear:left;
  font:14px "museo-sans",Helvetica,Arial,sans-serif;
}

.clear {
  text-align: center;
}

div.mc-field-group {
  margin-left: -10px;
}

#mc_embed_signup div.response {
  font-weight:normal;
  float:none;
}

#mc_embed_signup #mce-success-response {
  color:red;
  display:none;
}

/* Media Queries */
@media screen and (max-width: 800px) {

  html, body {
    background-color: white;
    color: black;
  }

 .top-bar {
  height: 0;
  }

  .heading {
    width: 100%;
    margin-top: 0;
    color: black;
    text-align: center;
  }

  .nav {
    width: 100%;
    float: none;
    clear: both;
    margin-top: -5px;
  }

  .nav ul li {
    display: block;
    margin-left: -33px;
    padding-bottom: 5px;
    text-align: center;
  }

  .nav li a:hover {
    text-decoration:none;
    border-bottom: none;
  }

  a:active {
    color: #A4A4A4;
  } 

  a.no-change:visited, a.no-change {
  color:black;
}

  #container {
    padding-top: 0;
  }

  #left {
    display: none;
  }

  #middle-and-right {
    width:100%;
    top: 100%;
  }

  #middle {
    float:left;
    width:100%;
  }

  #right {
    float:right;
    width:100%;
    line-height: 150%;
  }

.homepage-cover {
    max-width: 100%;
    height: auto;
    display:block;
    margin: 0 auto;
   }

   #novel-left {
    width:100%;
   }

   #novel-right {
    width:100%;
   }

.center {
  text-align: center;
}

.about-photos{
  width:100%;
  height:100%;
  float: none;
  margin:0 auto;
}

.about-text {
  padding-top:15px;
}

.caption {
  color:white;
  text-align:center;
  width:90%;
  margin-left:-8px;
}

.col-A {
  width:100%;
}

.col-B {
  width:100%;
  max-height:200px;
}

.audio-cover-left {
  width:80%;
  padding-left:10%;
  padding-right:10%;
}
.audio-cover-middle {
  width:80%;
  padding-left:10%;
  padding-right:10%;
}
.audio-cover-right {
  width:80%;
  padding-left:10%;
  padding-right:10%;
  }

#audio-container {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
}

#audio-left {
  float:left;
  width:100%;
  line-height: 150%;
}

#audio-middle-and-right {
  float: none;
  margin:0 auto;
  width:100%;
}

#audio-middle {
  float: none;
  margin:0 auto;
  width:100%;
}

#audio-right {
  float:right;
  width:100%;
  line-height: 150%;
}

.buy-links-audio {
  padding-bottom:40px;
}

#audio-descriptions-left {
  display:none;
}

#audio-descriptions-middle {
  display:none;
}

#audio-descriptions-right {
  display:none;
}

.book-covers-1 {
  width:25%;
  padding-top:20px;
  padding-bottom:30px;
  padding-right:7%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.book-covers-1:hover, .book-covers-2:hover, .book-covers-3:hover, .book-covers-4:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.book-covers-2 {
  width:25%;
  padding-top:20px;
  padding-bottom:30px;
  padding-right:7%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.book-covers-3 {
  width:25%;
  padding-top:20px;
  padding-bottom:30px;
  padding-right:7%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.book-covers-4 {
  width:25%;
  padding-top:20px;
  padding-bottom:30px;
  padding-right:8%;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.contact-form-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.contact-form-wrapper form {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.form-group {
    margin-bottom: 1rem;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.form-group label {
    display: block !important;
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 0.5rem;
    float: none !important;
    width: auto !important;
}

.form-group input,
.form-group textarea {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0 !important;

}