/*
Theme Name: Jay Kristoff
Theme URI: http://thecodefox.com
Description: author site
Version: 1
Author: Tessa Elwood
Tags: book

## BASICS */
* {margin: 0;}
*, *:before, *:after {box-sizing: inherit;}
html,body {margin:0px;padding:0px;height:100%;}

body {
position: relative;
text-align:center;  /* because IE7 is picky */
background: #33373e url(i/background3.png) repeat-x top left fixed;
background-size:3px 1518px;
}

p {margin-bottom:20px;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.clearfixleft::after {
  content: "";
  clear: left;
  display: table;
}


/* ## LINKS */
a, a:visited {color: #ffdb7a;text-decoration: none;}
a img {border: none;}
a:hover {color: #ffdb7a;text-decoration: none;}
#navtxt a, #navtxt a:visited {color:#fff;}
#navtxt a:hover {color:#ffdb7a;}
.postinfo a:hover, #sidebar a:hover {color:#fff;}
.postinfo a:visited, .postinfo a, #sidebar a:visited, #sidebar a {color: #cebe93;text-decoration: none;}
h2 a:visited, h2 a {color: #9b7d42;text-decoration: none;}
h3 a:visited, h3 a {color:  #9b7d42;text-decoration: none;}
h2 a:hover {color:  #fff;text-decoration: none;}


/* ## BASE LAYOUT & HEADERS */
#overall {position:relative; margin:0 auto; width:100%;
 min-height: 100%;margin-bottom: -50px;

 }

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

}

#mainslideshow {position:relative;z-index:1;}
#insideheader {position:relative;
background: url(i/jayinside.jpg) #0f0f0f no-repeat left top;
height:110px;
background-size:100% 100%;
text-align: left;}
.sitelogo {width:554px;height:89px;margin:10px 0px 10px 40px;}

@media only screen and (max-width: 600px) {
#insideheader {position:relative;
background: url(i/jayinside.jpg) #0f0f0f no-repeat left top;
width:100%;
background-size:100% 100%;
text-align: left;}
.sitelogo {width:90%;height:auto;margin:50px auto 40px auto;}

 }


.parallax {
  background-image: url("i/woods.jpg");
  height: 300px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#booktop {position:relative;
background-color:#000;
padding-top:20px;
  margin-bottom: 30px;
   width:100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
div.bigtext {padding:50px;
font-size:3em;
letter-spacing:2px;
color:#9c9c9c;
font-weight:normal;
text-align: left;
line-height:1.3em;}

#booktop img {width:40%;height:auto;}
.allfeatured {width:35%;height:auto;
float:right;margin:25px 0 0 20px;}


/* ## NAVIGATION */
#navbar {position:relative; background: #625232;
margin:0 auto;
padding:10px 0px;
-webkit-box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
z-index:99;
}
#navtxt {
color:#fff;
font-family: 'MyFontRegular';
font-size:1.8em;text-transform:uppercase;
text-align:center;
letter-spacing:0px;
z-index:99;
}
#navtxt a {margin:0px 10px;}

/* begin menu */
#navtxt ul {
position:relative;text-transform:uppercase;
margin:0;z-index: 1;
	}

	#navtxt li {display: inline-block;
	font-family: 'MyFontRegular';
	    line-height: 30px;
	    height: 30px;
	    margin: 0; padding: 0 0;
	    position: relative;
	    z-index: 99;
	}
	#navtxt li a  {
	    display: block;
	    height: 30px;
	    line-height: 30px;
	   padding: 0 5px;
	}
	#navtxt .current-menu-item a:visited, #navtxt .current_page_item a:visited, #navmenu a:visited {
	color: #ffdb7a;}

	#navtxt .current-menu-item a:hover, #navtxt .current_page_item a:hover, #navtxt a:hover {
	color: #fff;}
	#navtxt li a:hover { color: #ffdb7a;}

	#navtxt ul ul {
   display: none;
	    position: absolute;
	    top: 25px;
	    padding:15px 0 0 0;
	    margin-left:0;
	z-index:100;
	z-index: 99;}
	#navtxt ul ul li {
	font-family: 'MyFontRegular';
	    float: none; display:block;
	    width: 250px;
	    font-size:.6em;
	    padding:0 0 5px 0;
	    background: #625232;
	    border-right:0px;
text-align:left;
z-index: 99;
height:auto;
position:relative;}
#navtxt ul ul li:hover {background:#211f21;color:#ffdb7a;}
#navtxt ul ul li a:hover {color:#ffdb7a;}
	#navtxt ul ul li a { padding: 1px 5px;}
	#navtxt ul li:hover > ul {  display: block; z-index: 99;}
	#navtxt ul ul li ul { top: -15px;left: 250px; z-index: 99;font-size:1.5em;}
/* end menu */


/* ## LIBRARY & Booklist */
#library {position:relative;
margin:0 auto;padding:20px 0px;
z-index:2;
}

.parallaxsib {
  background-image: url("i/woods.jpg");
  height: 200px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:30px;
   display: flex;
   align-items:center;
}
.siblings {display:inline-block;}
.parallaxsib h3 em {color:#fff;}
.siblings img {width:100px;height:auto;}
.blackbar {background:#000;
-webkit-box-shadow: 1px 1px 16px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 16px 2px rgba(0,0,0,0.75);
box-shadow: 1px 1px 16px 2px rgba(0,0,0,0.75);
position:relative;
z-index:2;}
.feedicons {padding:10px 0;vertical-align: middle;}
.feedicons i {margin-right:10px;}
.booklistalt {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:0 0 80px 0;
}
.lifel1k3alt { background-image: url("i/Kris_9781524713966_jkt_a06_r1small.jpg");}
.auroraalt {  background-image: url("i/starrysky.jpg");}
.booklist { padding:0 0 30px 0;}
.booklist .siblings {display:inline-block;width:25%;margin:20px 0;}
.booklist h3 {display:block;font-size:3em;padding:10px 0;margin:0 0 30px 0;  background:#2d2d2d;}
.booklist .siblings img {width:100%;height:auto;}
.booklist h3 em {font-size: .6em;}

/* ## CONTENT */
#content {position:relative;
margin:0 auto;
overflow:hidden;
}
#sidebar {float:right;
display: inline;
margin:30px 0 0 0;
width:20%;
text-align: left;
padding:0 30px 30px 30px;
font-family: 'Libre Baskerville', 'Times New Roman', serif;
color:#e2e2e2;
background: #2d2d2d;
}
#blogcontent {position:relative;
width:60%;
max-width:800px;
margin:0 30% 0 auto;
}
.txtstuff {
position:relative;
padding:10px 100px 70px 100px;
font-family: 'Libre Baskerville', 'Times New Roman', serif;
font-size:1.2em;
color:#e2e2e2;
letter-spacing:0px;
line-height:1.7em;
text-align:left;}

.newsitem {margin:30px 0 0 0;}

.pibot {margin-top:30px;clear:both;}
.postinfo {letter-spacing:0px;margin-bottom:20px;background: #2d2d2d;padding: 5px 20px;color: #7a7a7a;text-transform: uppercase;font-size: .9em;}

.social {font-size:1em;padding:25px 0 5px 0;text-align:center;
 display: flex;
   align-items:center;}
   .socialsingle {font-size:1em;padding:5px 0 5px 0;text-align:center;
 display: flex;
   align-items:center;height:50px;}
.socialsingle h4, .social h4 {
display:inline-block;
height:40px;
margin: 0 10px 0 0;
padding:0;
font-size:1.8em;
color:#626366;
}
.abovesocial {
display:block;
height:40px;
margin: 45px 0 0 0;
padding:0;
font-size:1.5em;
color:#626366;
}

.social img, .socialsingle img {
width:40px;height:40px;
margin:0 8px 0 0;
opacity: 1.0;
 transition: opacity 1s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;}
 .aus {width:59px;height:40px;}
.social a:hover img, .socialsingle a:hover img {
 opacity: .5;
 transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 }


/* ## FOOTER */
#navbarend {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding:10px 0px;
-webkit-box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
box-shadow: inset 0px 4px 25px -10px rgba(0,0,0,0.75);
background: #625232;
}
#navbarend, .push {  height: 50px;}
.copyright {
color:#fff;
font-family: 'MyFontRegular';
font-size:1em;
background:#000;
padding:10px 60px;
margin:15px 0 0 0;
text-align:right;
letter-spacing:0px;
z-index:99;
}


/* ## HEADERS */
h1 {
font-family: 'MyFontRegular';
font-size:9em;
padding:70px 0 10px 0;
}

h2 {
font-family: 'MyFontRegular';
font-weight:normal;font-size:3em;
text-align:left;
line-height:1em;
margin:25px 0;
padding-bottom:25px;
color: #9b7d42;
letter-spacing:0px;
text-transform:uppercase;}
.tour {font-size:2em;}
.blogtitle {font-size:2.3em;padding-bottom:5px;margin:0px 0 25px 0;}
h3 {
font-family: 'MyFontRegular';
font-size:2em;
margin:25px 0 5px 0;
letter-spacing:0px;
padding-bottom:10px;
line-height:.9em;
color: #9b7d42;
text-transform:none;
font-weight:normal;}

#sidebar h3 {background:#000;margin:0 -30px;
padding:5px 30px;}

.blackbar h3 {padding:10px 10px 10px 40px; text-align: right; font-size: 1.5em;display:inline-block;}
.feedicons h3 {padding:10px 10px 10px 0; text-align: right; font-size: 1.5em;display:inline-block;}

h3.titlespb {margin-top:-35px;}
h3.extrasp {margin-top:25px;}
h4 {margin:0px; display:inline;color:#000;}
.avatar {float:left;
margin:2px 5px 0px 0px;
border:solid 3px #fff;}

/* PAGINATE */



/* ############################################################ more stuff */
.metatalk {
/* margin:0px 0px 20px 10px;
padding-left:10px; */
text-align:left;
line-height:13px;
color:#000;
/* border-left: solid 7px #000; */
font-size:9px;}
.comtalk {
margin:10px 0px 30px 30px;
text-align:left;
padding-left:5px;
line-height:13px;
border-left: solid 7px #5dabb2;
font-size:10px;}
.avatar {float:left;
margin:2px 5px 0px 0px;}
.postnav {height:20px;}
/* ################################################## image, form, & extras */
hr {
border:0px;
border-bottom:solid 1px #2a2e34;
margin:60px 0px;
clear:left;
}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {  padding:1em; }
ol.commentlist li.comment div.comment-author {font-family: 'MyFontRegular';text-transform:uppercase;}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:0px solid #0382b0; float:left; margin:0 1em 0 0; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {font-size:.9em;}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:.9em;margin-bottom:1em;border-top:solid 5px #000; background:#000;padding:0 0 5px 0; }
ol.commentlist li.comment div.comment-meta a {  }
ol.commentlist li.comment p { margin:0 0 1em 1em; font-size:1em; }
ol.commentlist li.comment ul { list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply {text-align:right; font-size:.8em;text-transform:uppercase;}
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { background:#2d2d2d; }
ol.commentlist li.parent {  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#submit {
background-color:#625232;
text-transform:uppercase;
border: 1px solid #2d2d2d;
font-family: 'MyFontRegular';
color:#fff;
font-size:1em;
padding:5px;
width: 30%;}
textarea{
width: 95%;
padding:5px;
height: 15em;
border: 3px solid #2d2d2d;
background:#f9f9f9;
}
input{
width: 50%;
padding:5px;
border: 3px solid #2d2d2d;
background:#f9f9f9;
    margin: 0 0 10px 0;}
.wpcf7-submit {background:#b3b3aa;
color:#fff; text-transform:uppercase;}

.mc4wp-form-fields input {width: 40%;
padding:5px;
height:1.2em;
border: 3px solid #625232;
color:#fff;
font-size:1em;
background:#625232;
    margin: 0 0 10px 0;}

 .mc4wp-form-fields input[type="submit"]  {width: 10%;
padding:7px;
border: 1px solid #625232;
background:#000;
text-transform:uppercase;
font-family: 'MyFontRegular';
color:#fff;
height:1.2em;
font-size:1em;
    margin: 0 0 10px 0;}

@media only screen and (max-width: 600px) {

.mc4wp-form-fields input {display:block;
width: 90%;
padding:5px;
height:1.2em;
border: 3px solid #625232;
color:#fff;
font-size:1em;
background:#625232;
margin: 10px auto;}

 .mc4wp-form-fields input[type="submit"]  {display:block;
width: 50%;
padding:7px;
height:2em;
border: 1px solid #625232;
background:#000;
text-transform:uppercase;
font-family: 'MyFontRegular';
color:#fff;
font-size:1em;
margin: 10px auto;}

}


input.textbox:focus, textarea:focus {
background:#fff;
border:#999 1px solid;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* ################################################################# Lists */
ul {
list-style: disc;
margin:20px 0 20px 60px;
padding:0;}
ul li {}

div.widget-content ul {
list-style: disc;
margin:10px 0 20px 40px;
padding:0;}
div.widget-content ul li {
padding:0;margin:0;
font-size: .7em;
color: #7a7a7a;}
div.widget-content ul li ul {
padding:0;margin:0;
font-size: 1.3em;
}

ul.faqstyle {list-style:disc;margin:0 0 8px 40px;}
ul.faqstyle li {font-size:1em;}
.mg_item_text p {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
line-height:1.5em;
letter-spacing:1px;}
small {line-height:15px;}
.realrelations {
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;}
ol {margin:20px 0;}
ol li {margin-bottom:15px;}
ol li p {padding:0px; margin:0px;}
ol.wp-paginate li span.title {color:#fff;}
ol.wp-paginate li span.current {background-color:#625232;border:solid 1px #000;}

#contentpro ol li {font-family:verdana,Tahoma,Arial, Helvetica, sans-serif;
font-size:.85em;
color:#000;
letter-spacing:1px;
line-height:1.7em;}
/* ################################################################## Original */
acronym, abbr {border-bottom: 1px dashed #333;}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;}
acronym, abbr {cursor: help;}
blockquote {
padding: 3px 0px 10px 45px;
margin-left:5px;
font-style:normal;
font-size:.9em;
color:#b80d0d;}
cite {
font-size: 90%;
font-style: normal;}
.wp-caption img {border: solid 0px #e6abab;}
.wp-block-image, .wp-block-image figcaption {text-align:center; font-size:.9em; color: #939393;}

.blogimg {float: left;
margin:0px 15px 5px 0px;
width:180px;height:auto;
border:solid 5px #2d2d2d;}

.unified img {width:100%;height:auto;}
.unified .wp-block-image figure {width:100%;height:auto;border:solid 0px #fff;}
.unified .wp-block-image figure.wp-block-image {width:100%;height:auto;border:solid 0px #fff;}
.unified .wp-block-image figure img {width:100%;height:auto;border:solid 0px #fff;}

.wp-block-image figure img, figure img, .wp-block-image img, size-large img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 10px auto;
}

.unified hr {
border:0px;
border-bottom:solid 1px #3f4247;
margin:40px 0px;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}
.alignleft {float: left;
margin:0px 8px 0px 0px;}
.alignright {float: right;
margin:0px 0px 0px 5px;}
.bites {border:solid 4px #000;
margin-left:-2px;}
b, strong {font-weight:bold;}

@media only screen and (max-width: 600px) {
img.aligncenter, img.alignleft, img.alignright {
width:90%;height:auto;
display: block;
margin-left: auto;
margin-right: auto;}
}