/*
Originally created by Juxtaprose, (c) copyright 2008 - 2016
http://juxtaprose.com/
*/


@font-face {
    font-family: 'BergamoStdRegular';
    src: url('/fonts/BergamoStd-Regular-webfont.eot');
    src: url('/fonts/BergamoStd-Regular-webfont.eot?iefix') format('eot'),
         url('/fonts/BergamoStd-Regular-webfont.woff') format('woff'),
         url('/fonts/BergamoStd-Regular-webfont.ttf') format('truetype'),
         url('/fonts/BergamoStd-Regular-webfont.svg#webfont31qx6I9T') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BergamoStdBold';
    src: url('/fonts/BergamoStd-Bold-webfont.eot');
    src: url('/fonts/BergamoStd-Bold-webfont.eot?iefix') format('eot'),
         url('/fonts/BergamoStd-Bold-webfont.woff') format('woff'),
         url('/fonts/BergamoStd-Bold-webfont.ttf') format('truetype'),
         url('/fonts/BergamoStd-Bold-webfont.svg#webfontNYOhNwce') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #ece9d7;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: center;
}

/* centering and framing */
#wrap {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	border: 5px solid #fff;
	text-align: left;
	overflow: hidden
}

/* skip */
#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip a:focus {
	position: static;
	width: auto;
	height: auto;
}

/* masthead */
#masthead {
	position: relative;
	width: 100%;
	height: 191px;
	margin: 0;
	padding: 0;
	background-color: #e5e1ca;
	background-image: url("/images/site/bg-masthead.jpg");
	background-repeat: no-repeat;
}

#masthead h1, #masthead h3 {
	position: absolute;
	top: 53px;
	right: 42px;
	width: 489px;
	height: 38px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	background-image: url("/images/site/ir-richard-louv.png");
	background-repeat: no-repeat;
}

#masthead div {
    position: absolute;
    top: 95px;
    text-align: right;
    right: 42px;
    width: 550px;
    height: 35px;
    text-transform: uppercase;
	font-family: 'BergamoStdRegular', 'Times New Roman', times, serif;
	text-indent: inherit;
    overflow: inherit;
}

#masthead a {
	display: block;
	color: #000;
	text-decoration: none;
}

/* primary navigation (nav1) */
#nav1 {
	list-style: none;
	width: 100%;
	height: 51px;
    margin: 0;
    padding: 0;
	background-color: #baa468;
	background-image: url("/images/site/bg-border.gif");
	background-position: 0 36px;
	background-repeat: repeat-x;
}

#nav1 li {
	float: left;
	display: inline; /* for ie-6 only */
	margin: 0 23px 0 29px;
    padding: 11px 0 0 0;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.10em;
	text-transform: uppercase;
}

#nav1 #nav1_2, #nav1 #nav1_3, #nav1 #nav1_4 { margin-right: 45px; }

#nav1 #nav1_7 { margin-right: 0; }

#nav1 a {
	color: #fff;
	text-decoration: none;
}

#nav1 a:hover {
	text-decoration: underline;
}

.home #nav1_1 a, .about #nav1_2 a, .books #nav1_3 a,
.blog #nav1_4 a, .news #nav1_5 a,
.appearances #nav1_6 a, .contact #nav1_7 a {
	color: #000;
}

/* page structure */
#main {
	float: left;
	display: inline; /* ie6 only */
	width: 640px;
	min-height: 740px;
	margin: 0 40px 0 20px;
	padding: 30px 0 20px 0;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
	overflow: hidden;
}

#main > .topics-list > p {
	font-size: 14px;
}

.books-landing #main {
	width: 960px;
	margin: 0 0 0 20px;
}

#sidebar {
	float: left;
	display: inline; /* ie6 only */
	width: 280px;
	padding: 30px 0 20px 0;
	font-size: 14px;
	line-height: 1.5em;
}

/* general content styles */
#main a, #sidebar a {
	color: #a43f24;
}

#main a:hover, #sidebar a:hover {
	background: #a43f24;
	color: #fff;
}

#sidebar #twtr-widget-1 .twtr-tweet a:hover {
	color: #fff !important;
}

img {
	border: 0;
}

#main .imglnk:hover {
	background: none;
}

/* heading fonts */
#main h1, #main h2, #main h3, #main h4, #main h5,
#sidebar h3, #sidebar h4, #sidebar h5 {
	font-family: 'BergamoStdRegular', 'Times New Roman', times, serif;
	font-weight: normal;
}

/* main column content styles */
#main h1 {
	margin: 0 0 25px 0;
	font-size: 36px;
	line-height: 1.2em;
}

#main h2, #main h3 {
	margin: 25px 0;
	font-size: 22px;
	line-height: 1.2em;
	text-transform: uppercase;
}

#main h3 {
	text-transform: none;
}

#main h4 {
	text-transform: uppercase;
	margin-bottom: 0 !important;
	font-size: 20px;
	color: #a08b53;
}

#main .althead {
	margin: 0;
	text-transform: none;
}

#main h2 a, #main h3 a {
	color: #333;
	text-decoration: none;
}

#main h2 a:hover, #main h3 a:hover {
	color: #333;
	background: #fff;
	text-decoration: underline;
}

#main blockquote {
	margin: 0;
	padding: 10px 20px;
	background: #f5f3ea;
	color: #4b3f1c;
}

#main blockquote p {
	margin: 0 0 6px 0;
	padding: 0;
}

#main .rightimgbox {
	float: right;
	overflow: hidden;
	margin: 15px 0 10px 10px;
	text-align: center;
}

#main .rightimgbox img {
	border: 0;
}

#main .rightimgbox p {
	margin: 0;
	font-size: 13px;
    line-height: 1.4em;
}

#main .rightimgbox strong {
	text-transform: uppercase;
}

#main .col {
	float: left;
	width: 260px;
	height: 465px;
	text-align: center;
}

#main .cola {
	clear: both;
	margin-right: 50px;
}

#main .col p {
	margin-top: 0;
}

#main .col a {
	text-transform: uppercase;
	text-decoration: none;
}


/* home page */
.homecover {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
	text-align: center;
}

.homecover p {
	margin: 0 0 10px 0;
	color: #823a26;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
}

.rotating p, .homequote p {
	margin: 0 0 6px 0;
	text-align: justify;
}

.rotating, .homequote .byline {
	margin: 0;
	text-transform: none;
}

.homequote .byline {
	text-align: right;
}

#main .homequote {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'BergamoStdRegular', 'Times New Roman', times, serif;
	font-size: 20px;
	line-height: 30px;
}

#main .rotating {
	float: left;
	height: 200px;
	width: 320px;
	margin: 0 0 25px 0;
	border-top: 4px double #eae6cf;
	border-bottom: 4px double #eae6cf;
	font-size: 18px;
}

#main .rotating .rotate {
	display: none;
}

#main .rotating .firstitem {
	display: block;
}

#main .rotating blockquote {
	margin: 0;
	padding: 20px 0 0 0;
	color: #917d46;
	background: #fff;
}

#main .buttonlink {
	display: block;
	width: 160px;
	height: 21px;
	padding: 4px 0 0 0;
	margin: 0 auto;
	color: #fff;
	background: #709d41;
	border: 1px solid #000;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

/* books landing page */
.books-landing .image {
	float: right;
	width: 280px;
	padding: 0 0 25px 0;
}

.books-landing .image img {
	border: 0;
}

.books-landing .text {
	width: 640px;
}

/* blog pages */
#main .byline {
	font-size: 12px;
	text-transform: uppercase;
}

#main .introline {
	margin: 0 0 25px 0;
	font-size: 12px;
	line-height: 1.0em;
	text-transform: uppercase;
}

#main .introline a {
	color: #999;
	text-decoration: none;
}

#main .introline a:hover {
	color: #fff;
}

#main .intro {
	clear: both;
}

.blog #main img {
	/*float: left;*/
	margin: 0 12px 6px 0;
}
img.full_width, .full_width_image img {
	width: 100%;
    height: auto;
}
img.twofifty_width {
	width: 250px;
    height: auto;
}
#main #comments img {
	float: none;
	margin: 0;
}

#main .addthis_toolbox {
	clear: both;
	padding: 10px 0 0 0;
}

#main .addthis_toolbox a:hover {
	background-color: #fff;
}

#main .addthis_counter .atc_s:hover,
#main .addthis_counter.addthis_pill_style:hover {
	background-color: #fe6d4c;
}

/* appearance page */
#main .dateline1 {
	margin: 0 0 10px 0;
}

#main .appeartitle {
	margin: 0;
}


/* sidebar column content styles */
#sidebar h3 {
	margin: 0 0 12px 0;
	font-size: 16px;
	line-height: 1.0em;
	text-transform: uppercase;
	font-weight: bold
}

.invis, .box {
	margin: 0 0 25px 0;
}

.box {
	padding: 10px;
	color: #5d4f27;
	background: #f5f3e9;
	border: 1px solid #eae6cf;
	overflow: hidden;
}

.box2 {
	background: #fff;
}

.box h2, .box h3, .box p {
	margin: 6px 0 12px 0;
}

.box .intro {
	color: #ac975e;
	font-size: 12px;
	text-transform: uppercase;
}
/*
.box h2, .box h3, .box h4 {
	font-family: 'BergamoStdRegular', 'Times New Roman', times, serif;
	font-weight: normal;
}
*/
.box h2, .box h3 {
	font-size: 17px;
	line-height: 22px;
}

.invis h4 {
	font-family: 'BergamoStdBold', 'Times New Roman', times, serif;
	margin: 0 0 3px 0;
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
}

#sidebar .box .keepup {
	font-size: 12px;
	text-align: center;
}

.box h2 a, .box h3 a {
	color: #5d4f27 !important;
	text-decoration: none;
}

.box h2 a:hover {
	color: #fff !important;
}

.box .more {
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
}

.box img {
	float: left;
	margin: 0 12px 6px 0;
}

.box .icons {
    font-size: 55px;
	margin: 0;
	text-align: center;
}

#sidebar .box .icons a:hover {
	background: none !important;
    color: #baa468 !important
}

.box .icons img {
	float: none;
	margin: 0;
}

.box .icons .mid {
	margin: 0 10px;
}

.box--blog {
	height: auto;
	margin: 0px auto 0px;
	float: none;
}

#sidebar ul {
	margin: 0 0 25px 18px;
	padding: 0;
}

#sidebar li {
	margin: 0 0 6px 0;
}

#sidebar .nav2 {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 14px;
}

#sidebar .nav2 li {
	margin: 0 0 1px 0;
	padding: 0;
}

#sidebar .nav2 a {
	display: block;
	height: 14px;
	padding: 10px 10px;
	margin: 0;
	color: #333;
	background: #ccba8a;
	text-transform: uppercase;
	text-decoration: none;
}

#sidebar .nav2 a:hover, #nav2on {
	color: #fff !important;
	background: #709d41 !important;
}

#sidebar .invis a:hover {
	background: #fff !important;
}

#sidebar .buttonlink {
	display: block;
	width: 160px;
	height: 18px;
	padding: 4px 0 0 0;
	margin: 0 auto;
	color: #fff;
	background: #709d41;
	border: 1px solid #000;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

/* utility classes */
.clr {
	clear: both;
}

.ctr {
	text-align: center !important;
}

.nobr {
	white-space: nowrap;
}

.notopmar {
	margin-top: 0px !important;
}

.nobotmar {
	margin-bottom: 5px !important;
}

.botmar20 {
	margin-bottom: 20px !important;
}

.marlft10 {
	margin-left: 10px;
}

.separator {
	clear: both;
	margin: 25px 0;
	height: 0;
	border-bottom: 1px solid #ddd;
}

.separator2 {
	clear: both;
	margin: 15px 0;
	height: 0;
	border-bottom: 1px solid #f1e6c9;
}

p .dropcap {
	float: left;
	margin: 0 4px 0 0;
	color: #999;
	font-size: 3.6em;
	line-height: 0.8em;
	text-indent: 0;
 }

.nice-dropcap {
	display      : block;
	float        : left;
	margin-top   : -0.63em; /* use -0.205em for two lines */
	margin-top   : -0.205em;
	margin-left  : -0.56em;
	margin-right : 0.5em;
	height       : 4.5em;
	height: 2.5em;
}

.nice-dropcap span {
	color: #999;
	font-size    : 5.6em;   /* use 3.33em for two lines */
	font-size    : 3.33em;
	line-height  : 1.0em;
}

.nice-dropcap + span{
  margin-left  : -0.5em;
}


/* em.booktitle {
	font-weight: bold;
	font-style: normal;
} */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }


/* footer */
#footer {
	position: relative;
	clear: both;
	width: 100%;
	height: 81px;
	background-color: #baa468;
	background-image: url("/images/site/bg-border.gif");
	background-position: 0 2px;
	background-repeat: repeat-x;
	text-align: left;
}

.footnav {
	float: left;
}

.footernav {
	margin: 32px 0 0 20px;
	padding-bottom: 0;
}

.footnav a {
	color: #000;
	text-decoration: none;
}

.footnav a:hover {
	color: #FDFFEF;
	text-decoration: underline;
}

#subscribe {
	position: absolute;
	top: 28px;
	left: 680px;
}

#subscribe p {
	width: 300px;
	margin-top: 0;
	font-size: 1.055em;
	font-variant: small-caps;
	line-height: 1.4em;
}

#subscribe p span {
	padding-left: 3px;
}

#subscribe .button {
	display: block;
	width: 160px;
	height: 15px;
	padding: 4px 0 0 0;
	margin: 0 auto;
	color: #fff;
	background: #000;
	border: 1px solid #fff;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}

#subscribe .button:hover {
	background: #f5f3e9;
	color: #000;
	border: 1px solid #000;
}

#emailin {
	width: 170px;
	height: 18px;
	padding-top: 4px;
	color: #444;
	font-family: "Times New Roman", Times, serif, sans-serif;
	font-size: 1.0em;
	font-variant: small-caps;
	text-align: center;
	border: 0;
}

#subbutton {
	padding: 0;
	margin-top: 0;
	margin-left: 4px;
	margin-bottom: -6px;
}

/* Footer: Juxtaprose link */
.juxta  {
	width: 500px;
	margin: 12px 0 0 20px;
	padding: 0;
	color: #000;
	font-variant: small-caps;
	font-size: 12px;
}

.juxta span {
	font-style: italic;
}

/*
@font-face {
    font-family: 'BergamoStdItalic';
    src: url('/fonts/BergamoStd-Italic-webfont.eot');
    src: url('/fonts/BergamoStd-Italic-webfont.eot?iefix') format('eot'),
         url('/fonts/BergamoStd-Italic-webfont.woff') format('woff'),
         url('/fonts/BergamoStd-Italic-webfont.ttf') format('truetype'),
         url('/fonts/BergamoStd-Italic-webfont.svg#webfontkVw3XDyb') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BergamoStdBoldItalic';
    src: url('/fonts/BergamoStd-BoldItalic-webfont.eot');
    src: url('/fonts/BergamoStd-BoldItalic-webfont.eot?iefix') format('eot'),
         url('/fonts/BergamoStd-BoldItalic-webfont.woff') format('woff'),
         url('/fonts/BergamoStd-BoldItalic-webfont.ttf') format('truetype'),
         url('/fonts/BergamoStd-BoldItalic-webfont.svg#webfontL63lab77') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
/* Hop Additions */
#nav1 .nav.current a{
	color: #000 !important;
}

#sidebar .nav2 li.current a{
	color: #fff !important;
    background: #709d41 !important;
}

#footer_nav {
	display: inline;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#footer_nav li{
	display: inline;
}

#footer_nav .nav{
	border-right: 1px solid #000;
	padding: 0px 10px 0px 5px;
}

#footer_nav .nav.last{
	border: none;
}

.authorimg {
	width: auto !important;
}

/* Sidebar covers */

.small-covers{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.small-covers a{
	width: 49%;
	padding: 5px 0px;
}

/* sidebar covers image */
.small-covers a img{
	max-width: 100%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	object-fit: cover;
	height: 206px;
	border: 1px solid #ccc;
}

#sidebar .small-covers a:hover{
	background: none;
}

#sidebar .small-covers a:hover img{
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.25);
}

#sidebar .invis img {
	border: black 1px solid;
}

.rss-img-wrapper {
	display: inline-block;
	margin-right: 15px;
	margin-top: 6px;
}
.hopstudios-logo {
	height: 16px;
	margin-bottom: -3px;
}
/* Utility Class */
.text-center {
	text-align: center;;
}
.pull-right {
	float: right;
}
.w-auto {
	width: auto;
}