/*force a vertical scrollbar*/
html {
height: 100.5%;
}

.powered-by {
  display: none;
}

.entry-title {
  display: none;
}

.entry-header {
  display: none;
}

/*div.site-info {
  border: none !important;
}*/

/* HIDE all the stuff at the bottom of the pages */
aside.widget-area, footer#colophon.site-footer {
display: none;
}
/* END HIDE stuff at bottom*/

/*position the 'Sneak a Peak' and 'Purchase' buttons at the bottom of the About pages*/
/*.about-bottom-nav {
text-align: center;
}*/

.peek-purchase-buttons-container {
  background-color: black;
  margin-top: 25px; 
  text-align: left;
}

.peek-purchase-buttons-container img {
margin-top: 5px;
margin-bottom: 5px;
}

/* sneak a peak and purchase buttons opacity settings */
img.selector-button, img.selector_button_alignnone {
opacity: 0.8; 
}
img.selector-button:hover, img.selector_button_alignnone:hover {
opacity: 1.0; 
}

/* Series - book covers images */
.test-gallery img {
  border: 1px solid red;
  opacity: 0.8;
}
/*THIS NEEDS WORK!!! ALSO, SHOULD APPLY ONLY TO THE PUBLISHED CLASS*/
.test-gallery img:hover {
  border:1px solid white; 
  opacity: 1;
  box-shadow: 0px 0px 45px #fff;
/*-webkit-box-shadow:  0px 0px 45px #fff;
-moz-box-shadow:  0px 0px 45px #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#ffffff')";/* Show a box shadow. Use Robert Nyman's universal CSS*/
}

.gutentor-gallery-item-desc {
  text-align: center;
}

/* HREF characteristics*/
a:link{
  color: red;
  background-color: black !important;
  text-decoration: none !important;
}
a:visited {
  color: red;
  text-decoration: none !important;
  background-color: black !important;
}
a:hover {
  color: gold !important;
  text-decoration: none !important;
}
a:active {
  color: gold !important;
  text-decoration: none !important;
  background-color: black !important;
}
/* END HREF characteristics */

body {
  background-attachment: fixed !important;
  padding-top: 0;
  /*allow hyphenation: this helps with text wrap around floated elements*/
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/*.selector_button_alignnone:active {
 backgrouond-color: black; 
}*/

#mugshots_container {
  float: left; 
  width: 20%; 
  max-height: 453px; 
  margin-right: 20px; 
  margin-bottom: 20px;
  overflow: hidden;
}

#mugshots_container img{
  border: 2px solid red;
}

/*light box styling*/
.slb_container {
  border: 2px solid red !important;
  border-radius: 20px !important;
}

.JHT {
font-size: 175%;
}

#author_first_paragraph {
  font-size: 1em; 
  position: relative; 
  top:-50px;
  margin-bottom: -50px;
}

.custom-divider { 
  margin-left: auto;
  margin-right: auto;
}

#inner-page-header-blinking {
  margin-top: 0px;
}

#inner-page-title-container {
  padding-right: 20px;
  color: red;
}

#content_wrapper {
  min-height: 800px;
  color: orange;
  padding: 30px 5% 30px 5%;   
  background-color: black;
  /*margin-bottom: -250px !important;*/
  box-shadow: 0 0 30px 15px red;
}

#contact-list {
  min-width: 250px;
}

#masthead {
  display: none;
}

#footer-copyright {
  color: red;
}

#trivia {
  margin-top: 0px;
  width: 50%; 
  margin-left: auto;
  margin-right: auto;
  border: 1px solid red; 
  border-radius: 20px; 
  box-shadow: 0px 0px 40px #b89054; 
  font-size: 14px; 
  color:#b89054; 
  /*background-color: #1E1E1E; */
  padding: 15px;
}

/*adjust the width of the animated graphic figure*/
.wp-image-186 {
  /*border: 1px solid gold;*/
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

/*Allow the body text to not block out the animated graphic container. Do this by making the text background transparent*/
#rer-custom-column {
  background-color: transparent;
  z-index: 100 !important;
  margin-top: 50px;
}

#menu-custom-gallery img {
  opacity: 0.8;
}

#menu-custom-gallery img:hover {
  opacity: 1;
}

.sub1-menu-container-blog {
font-family: "Times New Roman", Georgia, serif;
margin-top: 15px;
color: red;
}

.sub1-menu-container-series {
  margin-bottom: -75px !important; 
  margin-top: 15px !important; 
  width: 100%; 
  height: 100px; 
  color: red; 
  font-size: 1.05em; font-family: 'Times New Roman', Georgia, serif;
}

.series-sub-summary-paragraph {
  padding: 50px 5% 50px 5%; 
  line-height: normal; 
  margin-top: 50px;
}

#post-title {
padding-top: 0px;
font-style: italic;
}

#post-back, #post-prevnext{
  padding-bottom: 5px;
}

.block-quote {
  margin-left: 5%;
  margin-right: 8%;
  text-align: justify;
  font-style: italic;
}



/*####################################################################################################################*/
/*######################## BEGIN Custom manipulation of certain elements for responsiveness ##########################*/
/*####################################################################################################################*/

/*FOR TROUBLESHOOTING PURPOSES ONLY. Turns all applicable borders OFF...helpful for visualizing the @media screen change points*/
/*Normal setting is for display: none to be deactivated. Activate for troubleshooting, only*/
.troubleshooter {
  /*Default is to hide the troubleshooter: display property = none. To activate the troubleshooter: display property = inline. */
  display: none;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  font-size: .7em;
  color: white;
  font-weight: bold;
}

/* RED: Extra small devices (phones, 650px and down) */
@media only screen and (max-width: 650px) {
.troubleshooter {
background-color: red;
}

/* eliminate some of the text in the "About" pages custom navigation menu */
.about-hide-me-elements {
 display: none; 
}

#mugshots_container {
  width: 25%; 
}

.JHT {
  font-size: 125%;
}

#author_first_paragraph {
  top:-35px;
}

#inner-page-title-container {
font-size: 25px;
}


#contact-list {
  margin-left: 20%;
}

#menu-custom-gallery {
margin-top: 30px;
}

#inner-page-title-container {
  padding-bottom: 10px;
}

img.wp-image-495 { /*the blinking cat eyes*/
  width: 120px;
}

.wp-image-155 {
height: 600!important; 
}
  
/* Home page */
.page-id-585 #rer-custom-column {
  margin-top: 170px !important;
}
  #statue {
  width: 125px !important; 
 margin:-50px -20px 10px 10px !important;
  }
}

/* GREEN: Small devices (portrait tablets and large phones, 651px and up) */
@media only screen and (min-width: 651px) {
.troubleshooter {
background-color: green;
}

#mugshots_container {
  margin-bottom: 40px; 
}

#inner-page-title-container {
font-size: 30px;
}

#contact-list {
  margin-left: 30%;
}

#menu-custom-gallery {
  width: 100%;
}

img.wp-image-495 { /*the blinking cat eyes*/
  width: 200px;
}

.page-id-585 #rer-custom-column {
  margin-top: 235px;
}
#statue {
 width: 140px; 
 margin: -80px -20px 10px 10px !important;
  }
}

/* BLUE: Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.troubleshooter {
background-color: blue;
}

#mugshots_container {
  margin-bottom: 20px; 
}

#inner-page-title-container {
font-size: 35px;
}

#contact-list {
  margin-left: 35%;
}

#menu-custom-gallery {
  width: 90%;
}

img.wp-image-495 { /*the blinking cat eyes*/
  width: 240px;
}

.page-id-585 #rer-custom-column { /*home page, only*/
  margin-top: 280px;
}

#statue {
  width: 145px;  
  margin:-100px -20px 10px 10px !important;
  }
}

/* CYAN: Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.troubleshooter {
background-color: cyan;
}

#inner-page-title-container {
font-size: 40px;
}

#contact-list {
  margin-left: 35%;
}

#menu-custom-gallery {
  width: 65%;
}

img.wp-image-495 { /*the blinking cat eyes*/
  width: 250px;
}

.page-id-585 #rer-custom-column {
  margin-top: 350px;
}
#statue {
  width: 165px;
  margin: -125px 0px 10px 10px !important;
  }
}

/* PURPLE: Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.troubleshooter {
background-color: purple;
}

#inner-page-title-container {
font-size: 45px;
margin-left: 30px;
}

#contact-list {
  margin-left: 40%;
}

#menu-custom-gallery {
  width: 50%;
}

img.wp-image-495 { /*the blinking cat eyes*/
  width: 250px;
}

.page-id-585 #rer-custom-column { /*this is the home page*/
  margin-top: 450px;
}
#statue, .inner-page-title {
  width: 200px;
  margin: -150px 0px 10px 10px !important;
  }
 } 

  
/*####################################################################################################################*/
/*######################### END Custom manipulation of certain elements for responsiveness ###########################*/
/*####################################################################################################################*/