/* RESET
------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; max-width: 100%;}
.container, iframe { max-width: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body	{ width: 100%;height:100%; }
a img,:link img,:visited img { border:none }
:focus { outline: 0; }
a, a:hover  { text-decoration:none;} 
a, a:active, a:visited {outline: 0 !important; } /* Firefox */
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {  -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.clearFloat::before, .clearFloat::after { display:table; content:"";}
.clearFloat::after	{ clear:both; }
img	{ max-width: 100%; height: auto; width: auto9; /* ie8 */ }

/* PALETTE
------------------------------------------------------------------------------------*/
body { color: #666; background: #FFF; }
h1.siteName, a { color: #666; }
a:hover	{ color: #7a6a52; }
.gold {color: #a5763c; color: #b88538;}


/* HTML / FONTS
------------------------------------------------------------------------------------*/
html, body {
    background-color: #0d142b;
    color: #9b9aa1;
    font-family: georgia, times, times new roman, serif;
    height: 100%;
    border: 0px dotted #f00;
    background-image: url('/wp-content/uploads/2019/07/starryBG2.jpg');
    background-attachment: fixed;
    line-height: 22px;
}

h1 {}
h2 {}
h3 {}
h4 {}
h5	{font-weight: bold;}
p {margin-bottom: 20px;}

p::-moz-selection { color: WHITE; background: GREY;}
p::selection { color: WHITE; background: GREY; }

/* HEADERS / NAVIGATION
------------------------------------------------------------------------------------*/
.container-fluid {}
.navbar {}
.navbar-default {background-color: transparent;border-color: transparent;} /* padded inner */
.navbar-static-top {}

a.header_logo_link, .navbar-default .navbar-nav>li>a	{color: WHITE;}
a.header_logo_link:hover, .navbar-default .navbar-nav>li>a:hover	{color: RED;}

/* site title 
-----------------*/
.siteTitle	{
	margin: 10px 0 0 15px;
	max-width: 400px;
	float: left;
}
a.header_logo_link	{
	font-family: "Lora" !important;
	font-size: 1.8em;
}
@media only screen and (max-width: 768px)	{
	.page-home #headerContainer {
		position: absolute;
		top: 328px;
		background-image: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px)	{
	a.header_logo_link	{font-size: 2em;}
	/* #mainNavigation {
		position: absolute;
		margin-top: 0px;
		top: 11px;
		width: 552px;
		height: 17px;
		margin-left: -26%;
	} */
	/* .page-home #headerContainer {
		position: absolute;
		top: 328px;
		left: 199px;
		left: 12%;
		background-image: none;
	} */
	/* #mainNavigation	ul#menu-main-navigation li.my-parent-item > ul.sub-menu {
		position: absolute!important;
		top: 24px;
		display: none;
		z-index: 100;
		list-style: none;
	}

	#mainNavigation	ul#menu-main-navigation li.my-parent-item ul.sub-menu li a:hover {
		color: #b88538;
		background-image: url(/wp-content/uploads/2019/08/mblue-90pc.png);
		background-repeat: repeat;
		background: -webkit-gradient(linear, 100% 40%, 4% 0%, from(#0e152d), to(#554330));
		border: dotted 1px #4b3f2e;
	}
	#mainNavigation	ul#menu-main-navigation li.my-parent-item ul.sub-menu li a {
		color: #8a785e;
		background-image: url(/wp-content/uploads/2019/08/brown40pc.png)!important;
		background-repeat: repeat;
		background: -webkit-gradient(linear, 40% 40%, 4% 0%, from(#0e152d), to(#554330))!important;
		border: dotted 1px #0e152d!important;
		border-bottom: dotted 1px #4b3f2e!important;
		text-indent: 0px!important;
		font-size: 14px!important;
	} */
}
@media only screen and (min-width: 1001px)	{
	a.header_logo_link	{font-size: 2em;}
	#mainNavigation {
		position: absolute;
		margin-top: 0px;
		margin-left: -600px;
		top: 11px;
		left: 100%;
		width: 552px;
		height: 17px;
	}
	.page-home #headerContainer {
		position: absolute;
		top: 328px;
		left: 199px;
		left: 12%;
		background-image: none;
	}
	#mainNavigation	ul#menu-main-navigation li.my-parent-item > ul.sub-menu {
		position: absolute!important;
		top: 24px;
		display: none;
		z-index: 100;
		list-style: none;
	}

	#mainNavigation	ul#menu-main-navigation li.my-parent-item ul.sub-menu li a:hover {
		color: #b88538;
		background-image: url(/wp-content/uploads/2019/08/mblue-90pc.png);
		background-repeat: repeat;
		background: -webkit-gradient(linear, 100% 40%, 4% 0%, from(#0e152d), to(#554330));
		border: dotted 1px #4b3f2e;
	}
	#mainNavigation	ul#menu-main-navigation li.my-parent-item ul.sub-menu li a {
		color: #8a785e;
		background-image: url(/wp-content/uploads/2019/08/brown40pc.png)!important;
		background-repeat: repeat;
		background: -webkit-gradient(linear, 40% 40%, 4% 0%, from(#0e152d), to(#554330))!important;
		border: dotted 1px #0e152d!important;
		border-bottom: dotted 1px #4b3f2e!important;
		text-indent: 0px!important;
		font-size: 14px!important;
	}
}

@media only screen and (max-device-width: 812px) and (orientation:landscape){
	.page-home #headerContainer { top: 128px;}
}

/* main navigation 
-----------------*/
.navmenu_align {
    float: right;     
    width: 100%;
}
/* @media only screen and (min-width:768px)	{
	.navmenu_align {width: auto; padding-right: 0px;}
} */

/* toggle button (=navbar-header)
-----------------*/
.navbar-header	{}
.navbar-default .navbar-toggle {border-color: #ddd;} /* #ddd default */

/* links / dropdown
-----------------*/
#navbar {}
.menu-main-navigation-container	{width: 100%;}
.navbar-default .navbar-collapse {border-color: GREY;padding: 0;} /* top of mob-menu */
.navbar-nav {margin:0;}
#navbar ul {list-style-type: none;padding: 0;}
#navbar ul li {display: block; font-size: 15px; margin: 0px auto 0px; padding: 10px 0;border-bottom: 1px solid GREY;text-align: center;}
#navbar ul li:first-child	{padding-top: 8px;}

/* @media only screen and (min-width: 768px)	{ 
	#navbar ul li,
	#navbar ul li:first-child {padding: 0;border-bottom: 0px;} 
} */


/* CONTAINERS, HEADERS
------------------------------------------------------------------------------------*/
.row-heading {
    color: #d5d4d9;
    font-size: 1.4em;
    margin-bottom: 14px;
}

#innerContainer {
    margin-top: 20px;
    margin-left: 50px;
    width: 800px;
    height: auto;
    border: dotted 0px #ccc;
}
.pad {
    padding: 25px;
}
/* .single-books #thumbnails {
    margin: auto;
    width: 375px;
    border: 0px solid #333;
} */

#headerContainer {
    background-image: url('/wp-content/uploads/2019/08/mblue-gradient1207.png');
    background-repeat: repeat-y;
}

#headerContainer h2 {
    background-image: url('/wp-content/uploads/2019/08/subHeader_h.gif');
    background-repeat: no-repeat;
    width: 324px;
    height: 22px;
    text-indent: -3000px;
    margin-top: 12px;
    margin-left: -2px;
}

@media only screen and (max-width: 375px)	{
	.home #headerContainer h2 {
		background-image: none;
		text-indent: 0;
		font-size: 1.1em;
		font-style: italic;
		color: #7a6a53;
		text-transform: lowercase;
		margin-top: 0;
	}
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 8px 8px;
}

h3 {
    color: #525665;
    font-size: 2.1em;
    text-transform: uppercase;
    font-weight: normal;
    font-family: times, times new roman, serif;
    margin-top: -20px;
    letter-spacing: .15em;
	line-height:inherit;
}
.container {
	padding-right: 0px;
    padding-left: 0px;
}

#mainContent	{
	min-height: calc(100% - 180px);
	height: auto;
}

.footer	{
	min-height: 60px;
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center;
	clear:both;
}

.zoom-social_icons-list__item	{
	margin: 4px 10px !important;
}
.socialIcons	{
	margin-bottom: 20px;
}

.home .socialIcons	{
	display: none;
}

/* NAVIGATION
------------------------------------------------------------------ */
#mainNavigation	ul li.menu-item-23 a {
    width: 54px;
    background-position: 0px 0px;
}
#mainNavigation	ul li.menu-item-23 a:hover {
    width: 54px;
    background-position: 0px -17px;
}
#mainNavigation	ul li.menu-item-197 a {
    width: 62px;
    background-position: -54px 0px;
}
#mainNavigation	ul li.menu-item-197 a:hover {
    width: 62px;
    background-position: -54px -17px;
}
#mainNavigation	ul li.menu-item-48 a {
    width: 104px;
    background-position: -116px 0px;
}
#mainNavigation	ul li.menu-item-48 a:hover {
    width: 104px;
    background-position: -116px -17px;
}
#mainNavigation	ul li.menu-item-47 a {
    width: 120px;
    background-position: -220px 0px;
}
#mainNavigation	ul li.menu-item-47 a:hover {
    width: 120px;
    background-position: -220px -17px;
}
#mainNavigation	ul li.menu-item-46 a {
    width: 94px;
    background-position: -340px 0px;
}
#mainNavigation	ul li.menu-item-46 a:hover {
	width: 94px;
    background-position: -340px -17px;
}
#mainNavigation	ul li.menu-item-45 a {
    width: 60px;
    background-position: -434px 0px;
}
#mainNavigation	ul li.menu-item-45 a:hover {
    width: 60px;
    background-position: -434px -17px;
}
#mainNavigation	ul li.menu-item-44 a {
    width: 58px;
    background-position: -494px 0px;
}
#mainNavigation	ul li.menu-item-44 a:hover {
	width: 58px;
    background-position: -494px -17px;
}
#mainNavigation	ul#menu-main-navigation li a {
    display: block;
    background-image: url('/wp-content/uploads/2019/08/links.gif');
    background-repeat: no-repeat;
    height: 17px;
    font-size: 1px;
    text-indent: -2000px;
}
#mainNavigation	ul#menu-main-navigation li.my-parent-item ul.sub-menu li a {
    display: block;
    height: auto;
    width: auto!important;
    padding: 1px 10px 1px 8px;
    text-indent: 0px;
    font-size: .9em;
    margin: 0px 0px 5px 0px;
    background: transparent;
    border: hidden 1px #AAA;
}
#menu-main-navigation{
	position: relative;
}
#menu-main-navigation.nav>li{
	position: initial;
}
#navbar ul#menu-main-navigation li{
	text-align: left;
}
/* LIGHTBOX 
------------------------------------------------------------------------------------*/
#lightbox {
	/* background-color:#0e152d;
	padding: 10px;
	border-bottom: 0px solid #666;
	border-right: 0px solid #666;
	-moz-box-shadow: 1px 1px 15px #000;
	-webkit-box-shadow: 1px 1px 15px #000;
	box-shadow: 1px 1px 15px #000; */
}
	
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}	
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url('/wp-content/themes/plotnick/images/overlay.png'); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/plotnick/images/overlay.png', sizingMethod='scale');
	}
	
#numberDisplay	{display: none;}/* - had to style this in the js/lib/lightbox2/css/lightbox.css file to get rid of the Image 1 of 6 kind of detail*/

#lightbox #caption	{
	font-weight: normal;
	font-size: .9em;
}
.navbar-static-top {
    z-index: 99;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: hidden; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*---------------------------- HOMEPAGE ---------------------------------------*/

.page-home #uberContainer {
    margin: 0;
    top: 0px;
    left: 0px;
    width: 1207px;
    height: 1262px;
    overflow: visible;
    background-image: url('/wp-content/uploads/2019/07/ceridwen_home.jpg');
    background-repeat: no-repeat;
    border: 0px dotted #18192a;
    z-index: 1;
}
@media only screen and (max-device-width: 1024px)	{
	.page-home #uberContainer {background-position: center top;}
}

.page-home #innerContainer	{
	margin: 0;
	left: 125px;
	width: 957px;
	height: auto;
	z-index:2;
	border: 0px solid #fff;
} 

.page-home h1	{
	background-image: url('/wp-content/uploads/2019/07/susannaPlotnick_h.gif');
	background-repeat: no-repeat;
	width: 365px;
	height: 71px;
	text-indent: -3000px;
}

.page-home h2	{
	background-image: url('/wp-content/uploads/2019/07/subHeader_h.gif');
	background-repeat: no-repeat;
	width: 324px;
	height: 22px;
	text-indent: -3000px;
	margin-top: 12px;
	margin-left: -2px;
}

.page-home #mainNavigation	ul.links li.home a	{
	visibility: hidden;
}

.page-home #mainContent	{
	margin-top: 0px;
	width: 0px;
	border: dotted 0px #ccc;
}

.page-home #subHeader	{
	margin:0px;
	border: 0px dotted #fff;
}

.page-illustrations #uberContainer 
{
	min-height: 1202px;
    background-position: 0px 40px!important;
}
.page-contact #mainContent
{
    width: 850px;
	margin-top: 20px;
    margin-left: 50px;
    height: auto;
    border: dotted 0px #ccc;
}
.left {
    float: left;
    margin-right: 15px;
    margin-bottom: 8px;
    padding: 3px;
    border: 0px dotted #525665;
}
.right {
    float: right;
    margin-left: 15px;
    margin-bottom: 8px;
    padding: 3px;
    border: 0px dotted #525665;
}
.page-contact	.body {
    float: left;
    margin-right: 20px;
    width: 350px;
    margin-top: -20px;
}
.page-contact #mainContent .pad {
    padding: 50px 0px 50px 50px;
}

.page-blog #mainContent #rightContent, .single #mainContent #rightContent, .archive #mainContent #rightContent {
    margin-left: 50px;
    width: 250px;
    height: auto;
    float: left;
    border: 0px solid #ccc;
    margin-top: 37px;
}

.page-blog #mainContent #leftContent .item, .single #mainContent #leftContent .item, .archive #mainContent #leftContent .item {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    /*width: 630px;*/
    height: auto;
    border: 1px dotted #7a6a52;
    background-image: url(/wp-content/uploads/2019/08/mblue-gradient1207-1.png);
    background-repeat: repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 1em;
}
h4 a:active, h4 a:hover {
    color: #b88538;
}

.page-blog #uberContainer, .page-blog #innerContainer, .single #uberContainer, .single #innerContainer, .archive  #uberContainer{
    background: transparent;
	    
}

/*.page-blog #mainContent #rightContent .widget, .archive #mainContent #rightContent .widget  {
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    width: 230px;
    height: auto;
    border: 1px dotted #7a6a52;
    background-image: url(/wp-content/uploads/2019/08/mblue-70pc-1.png);
    background-repeat: repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	padding: 25px;
}*/
.commentsection  {
    margin-top: 40px;
    margin-bottom: 15px;
    margin-left: 0px;   
    height: auto;
    border: 1px dotted #7a6a52;
    background-image: url(/wp-content/uploads/2019/08/mblue-70pc-1.png);
    background-repeat: repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	padding: 25px;
	width: 630px;
	max-width: 100%;
}

@media (max-width: 1000px)	{
	.page-blog #mainContent, .archive #mainContent	{
		max-width: 100%;
	}	
	.page-blog #mainContent #leftContent, 
	.single #mainContent #leftContent,
	.page-blog #mainContent #rightContent, 
	.single #mainContent #rightContent,
	.archive #mainContent #leftContent
	{
		width: 630px;
		max-width: 90%;
	}
	.page-blog #mainContent #rightContent .widget,
	.single #mainContent #rightContent .widget,
	.archive #mainContent #rightContent .widget
	{
		width: 100%;
	}
}
@media (max-width: 1000px)	{	}

.page-blog #mainContent #rightContent .widget ul li, .single #mainContent #rightContent .widget ul li,
.archive #mainContent #rightContent .widget ul li
  {
	list-style:none;
}

.page-blog .widget h3, .single .widget h3, .archive .widget h3, h3.widget-title {
    color: #525665;
    font-size: 1.3em;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: .1em;
    margin-top: 10px;
}



.page-blog .widget ul li, .single ul li, .archive .widget ul li {
    list-style: none;
    margin-bottom: 10px;
}

.page-blog .widget a:link, .page-blog .widget a:visited, .single .widget a:link, .single .widget a:visited, .archive .widget a:link, .archive .widget a:visited {
    color: #7a6a52;
}
.page-blog .widget a:active, .page-blog .widget a:hover, .single .widget a:active, .single .widget a:hover, .archive .widget a:active, .archive .widget a:hover {
    color: #b88538;
}

@media (min-width:992px){
	.mobileonly {
		display:none;
	}
	#innerContainer {
		margin: 0;
		margin-top: 200px;
		left: 125px;
		width: 957px;
		height: auto;
		z-index: 2;
		border: 1px hidden #fff;
		background: transparent;
	}
	.page-blog #mainContent, .single #mainContent, .archive #mainContent  {
		width: 100%;
		margin-top: 20px;
		margin:0 auto;
		max-width:1030px;
	}
	.single-books #mainContent .body {
		margin-left: 520px;
		width: 550px;
	}
	.single-books #innerContainer .body {
		margin-left: 500px;
		width: 420px;
	}
	#uberContainer{
		margin: 0;
		margin-top: -40px;
		left: 0px;
		width: 1207px;
		overflow: visible;
		background-repeat: no-repeat;
		border: 1px hidden #18192a;
		z-index: 1;
	}
	.single-books #mainContent {
		margin-top: 20px;
		margin-left: 50px;
		width: 800px;
		height: auto;
		border: dotted 0px #ccc;
	}
	.single-books #innerContainer .body {
		margin-top: 130px;
		height: auto;
		border: 1px dotted #7a6a52;
		background-image: url(/wp-content/uploads/2019/08/mblue-70pc.png);
		background-repeat: repeat;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	.image {
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 1px solid #fff;
		width: 50px;
		height: 50px;
	}
	.image img {
		width: 48px;
		height: 48px;
	}
	#headerContainer {
		position: absolute;
		top: 37px;
		padding-left: 49px;

	}
	#subHeader {
		margin-top: 190px;
		margin-left: 50px;
		width: 800px;
		height: auto;
		border: 0px dotted #fff;
	}
	.page-blog #innerContainer, .single #innerContainer, .archive #innerContainer{
			margin-top: 180px!important;
	}
	#headerContainer h1 {
		background-image: url('/wp-content/uploads/2019/07/susannaPlotnick_h.gif');
		background-repeat: no-repeat;
		width: 365px;
		height: 71px;
		text-indent: -3000px;
	}
	.page-illustrations #mainContent {
		margin-left: 440px;
		width: 450px;
	}
	.thumb {
		float: left;
		width: 160px;
		height: auto;
		margin-right: 15px;
		margin-bottom: 10px;
	}

	.thumb img {
		width: 165px;
		height: 165px;
		border: 1px solid grey;
		padding: 3px;
	}
	.page-dolls-puppets #mainContent {
		margin-left: 450px;
		width: 850px;
	}
	
	.page-dolls-puppets #mainContent p {
		max-width: 670px;
	}
	.page-biography #mainContent {
		margin-top: 20px;
		margin-left: 50px;
		width: 800px;
		height: auto;
		border: dotted 0px #ccc;
	}
	.page-blog #mainContent #leftContent, .single #mainContent #leftContent, .archive #mainContent #leftContent {
		/* margin-left: 100px; */
		width: 630px;
		width: 100%;
		/*width:76%;*/
		height: auto;
		float: left;
		border: 0px solid #ccc;
		margin-top: 37px;
		
	}
	.page-blog #mainContent #leftContent {
		margin-top: 31px;
	}
}

@media (min-width:1230px){
	.page-blog #mainContent, .single #mainContent, .archive #mainContent  {
		max-width:1200px;
	}
}

@media (max-width:992px) {
	.desktoponly {
		display:none;
	}
	#innerContainer {
		margin: 0;
		margin-top: 200px;
		width: 100%;
		height: auto;
		z-index: 2;
		border: 1px hidden #fff;
		background: transparent;
	}
	.page-blog #mainContent, .single #mainContent, .archive #mainContent {
		width: 100%;
		margin-top: 20px;
	}
	.single-books #mainContent .body {
		width: 100%;
	}
	.single-books #innerContainer .body {
		 width: 100%;
		 clear:both;
	}
	#uberContainer {
		margin: 0;
		margin-top: -40px;
		left: 0px;
		width: 100%;
		overflow: visible;
		background-repeat: no-repeat;
		border: 1px hidden #18192a;
		z-index: 1;
	}
	.single-books #mainContent {
		margin-top: 20px;
		width: 100%;
		height: auto;
		border: dotted 0px #ccc;
	}

	.mobilefeatureimg img {
		width:100%;
		height:auto;
	}
	.single-books #innerContainer .body {
		height: auto;
		border: 1px dotted #7a6a52;
		background-image: url(/wp-content/uploads/2019/08/mblue-70pc.png);
		background-repeat: repeat;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	.row-heading {
		padding-left:20px;
		margin-bottom: 0;
	}
	.image {
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 1px solid #fff;
		width: 150px;
	}
	.image img {
		/* width: 100%;
		height: 100%; */
		width: 150px;
		height: 150px;
		vertical-align: middle;
	}
	#headerContainer {
		position: absolute;
		top: 20px;
		padding-left: 20px;
		width: calc(88% - 20px);
	}
	#subHeader {
		margin-top: 130px;
		width: 100%;
		height: auto;
		border: 0px dotted #fff;
	}
	.page-illustrations #innerContainer, .page-dolls-puppets #innerContainer{
		 margin-top: 130px;
	}
	.page-biography #innerContainer{
		 margin-top: 0px;
		 width:94%;
	}
	.page-blog #innerContainer, .single #innerContainer, .archive #innerContainer
	{
			margin-top: 60px!important;
	}
	#headerContainer h1 {
		background-image: url('/wp-content/uploads/2019/07/susannaPlotnick_h.gif');
		background-repeat: no-repeat;
		width: 260px;
		height: 71px;
		text-indent: -3000px;
		background-size: contain;
	}
	 .page-illustrations #mainContent, .page-dolls-puppets #mainContent {
		width: 100%;
		padding-left:20px;
	}
	.thumb {
		float: left;
		width: 150px;
		height: auto;
		margin-bottom: 10px;
		padding-right:10px;
	}

	.thumb img {
		width: 150px;
		height: 150px;
		border: 1px solid grey;
		padding: 3px;
	}
	.single-books #subHeader, .page-blog #subHeader, .single #subHeader, .archive #subHeader{
		padding-left:20px;
	}
	#mobilefeatureimg{
		text-align: center;
		padding:10px 20px;
	}
	.page-biography #mainContent {
		margin-top: 20px;
		margin: 0 20px;
		width: 100%;
		height: auto;
		border: dotted 0px #ccc;
	}
	.page-blog #mainContent #leftContent, .single #mainContent #leftContent, .archive #mainContent #leftContent {
		margin-left: 20px;
		width: 100%;
		height: auto;
		float: left;
		border: 0px solid #ccc;
	}
	.page-blog #mainContent #rightContent, 
	.single #mainContent #rightContent,
	.archive #mainContent #rightContent
	{
		margin-left: 20px;
	}
	#navbar{
		position: absolute;
		width: 100%;
	}
	.post-type-archive-books #uberContainer{
	    padding: 0 20px;	
	}
	.post-type-archive-books #innerContainer{
		    margin-top: 140px;
	}
	.post-type-archive-books .row-heading{
		padding:10px 0px;
	}
		 #thumbnails div.image1 {
    width: 150px;
    height: 150px;
    border: 1px solid grey;
    padding: 3px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
}
@media (min-width: 768px) and (max-width: 1000px){
	.navbar-toggle {
		display: block;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav {
		float: none; 
	}
	.navbar-header {
		float: none;
	}
	.page-home #headerContainer {
		position: absolute;
		top: 328px;
		left: 199px;
		left: 12%;
		background-image: none;
	}
}
@media (max-width: 1000px){
	#mainNavigation	ul#menu-main-navigation li.my-parent-item > ul.sub-menu {
		top: 24px;
		display: none;
		z-index: 100;
		list-style: none;
		padding-top: 15px;
	}
	#navbar ul li {
		background: #0a1227;
	}
	.home #navbar ul li:first-child {
		background: rgba(10,18,39,0.5);
	}
	.home #navbar ul li:nth-child(2) {
		background: rgba(10,18,39,0.9);
	}
	#navbar ul .sub-menu li {
		padding: 5px 0!important;	
	}
	ul.sub-menu li:last-child {
		border-bottom:0!important;	
	}
	ul.sub-menu li:first-child {
		border-top: 1px solid GREY!important;
	}
	#mainNavigation ul#menu-main-navigation li a {
			margin-left: 5px;
	}
	#navbar ul#menu-main-navigation li{ text-align: center;}
	#mainNavigation	ul#menu-main-navigation li a {
		background-image:none; 
		text-indent: 0; 
		font-size: 20px; 
		color: #a5763c; 
		width: 100%;
		padding-bottom: 26px;
	}
	#mainNavigation	ul#menu-main-navigation li.my-parent-item ul.sub-menu li a {
		font-size: 14px; 
		padding: 12px 0 10px; 
		text-transform: uppercase; 
		font-style: italic; 
		color: #999;
	}
	.page-home #uberContainer {margin-top:-81px;background-position: center top;}
}
@media (min-width: 1001px){
	.navbar-toggle {
		display: none;
	}
	.navbar-collapse.collapse {
		display: block!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important;
	}
	#navbar ul li, #navbar ul li:first-child {padding: 0;border-bottom: 0px;}
	.navmenu_align {width: auto; padding-right: 0px;}
	.navbar-header {
		float: left;
	}
}
@media (min-width: 329px) and (max-width: 486px){
	#thumbnails{
		margin: 0 auto;
		max-width: 320px;
	}
}
@media (max-width: 328px){
	#thumbnails{
		margin: 0 auto;
		max-width: 160px;
	}
}
@media (min-width: 381px) and (max-width: 540px){
	.single-books #thumbnails{
		margin: 0 auto;
		max-width: 320px;
	}
}
@media (max-width: 380px){
	.single-books #thumbnails{
		margin: 0 auto;
		max-width: 160px;
	}
}
.thumb div.image1 {
    width: 150px;
    height: 150px;
    border: 1px solid grey;
    padding: 3px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#comments {
	font-size:15px;
	padding-top:20px;
}
#reply-title
{
	display:none;
}
.commentheader {
	padding:30px 0;
	font-size: 1.3em;
}
p.comment-notes::before	{
	content:"NB: "; 
}
#nav-single {
	float: left;
    width: 100%;
}
.comment-form-url,
.comment-form-cookies-consent {
	display:none;
}
.comment-form-comment label,
.comment-form label {
	float: left;
    width: 100%;
	padding-bottom:12px;
}
textarea,
input#email,
input#author	{
	width: 380px;
	max-width: 95%;
	border: 1px dotted #7a6a52;
    background-color: rgba(13,21,41,0.7);
    background-repeat: repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #7a6a52;
}

p.form-submit	{
	text-align: right;
}
.submit {
	background:rgb(165, 118, 60);
	color:white;
	border: 0;
    padding: 10px;
}

.single-post .item a	{
	text-decoration: underline;
}

ol.commentlist	{
	padding: 30px 0 0 30px;
}

ol.commentlist li	{
	padding-bottom: 30px;
}

p.comment-notes	{
	color: #666;
	padding-top: 20px;
	border-top: 1px dotted #7a6a52;
}
.page-numbers::after {
  content: " | ";
}
.next.page-numbers::after, .prev.page-numbers::after
{
	content: "";
}

.thumbnails {
    width: 100%;
    max-width: 100%;
}

@media /*(max-width: 1500px) and*/ (min-width: 1024px)
{
.thumbnails .containers {
    width: 31%;
    margin: 1%;
    float: left;
}
}
@media (max-width: 1024px) and (min-width: 600px)
{
.thumbnails .containers {
    width: 47%;
    margin: 1%;
    float: left;
}
}

@media (min-width: 600px) { /* new for no categories */
	.thumbnails .containers {
	width: 200px;
    margin: 1%;
    float: left;
	}
	.thumbnails .containers .archivepainting {
		height: 200px;
	}
}
@media (max-width: 599px) {
	.thumbnails .containers h4 {
		margin: 10px 0 16px;
	}
}


@media (min-width:768px)
{
	.archivepainting {
		/*height: 200px;*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		width: auto;
		margin: .05%;
	}
	.imgcontainer:hover .middle {
		  opacity: 1;
		  display:block;
		  position: absolute;
		}
}
@media (max-width:768px)
{
	.archivepainting {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		margin: .05%;
		height: 250px;
	}
	.hid-box
	{
		display:none;
	}
}
.hid-box, .middle {
    top: 100%;
    position: relative;
    transition: opacity .3s ease-out;
    background-color: rgba(13, 20, 41, 0.5);
    height: 100%;
    width: 100%;
    opacity: 0;
    color:#ffffff ;
    text-align: center;
}
.box:hover > .hid-box, .imgcontainer:hover > .middle {
 top: 70%;
 font-size: .9em;
 opacity: .7;
transition: opacity .6s ease-out;
padding-top:5px;
}
/* #sidebar .box:hover > #sidebar .hid-box, #sidebar .imgcontainer:hover > .middle {
	top: 25%;
    font-size: .9em;
    opacity: .7;
    transition: opacity .6s ease-out;
    padding-top: 5px;
    height: 60%;
} */
#sidebar .imgcontainer:hover > .middle {
    height: 72px;
    bottom: 0px;
    top: unset;
    padding-top: 0;
}
#sidebar .imgcontainer:hover > .middle .text{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.box, .middle {
    overflow: hidden;
}
#sidebar
{
	list-style:none;
	border: 1px dotted #7a6a52;
	padding: 5px;
}

.alignnone {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.lb-image{
width: 100%!important;
height: auto!important;
}
.lb-dataContainer {
 max-width: 100%;
 height: auto !important;
 width: 100%;
}

.page-dolls-puppets .lb-outerContainer{
	max-width: 309px;
    width: auto!important;
    height: auto!important;
}

 .page-illustrations .lb-outerContainer{
	max-width: 351px;
    width: auto!important;
    height: auto!important;
}

 .single-books .lb-outerContainer{
	max-width: 450px;
    width: auto!important;
    height: auto!important;
}

p.credit	{font-size: .9em;}
p.credit a {color: #bbb;}
p.credit a:hover {color: #CCC;}
.home p.credit	{display: none;}


/* BackToTop button css */
#scroll {   
	position:fixed;
	right:10px;
	bottom:10px; /* not working if use script scroll-trigger */ 
	cursor:pointer;
	width:50px;
	height:50px;
	background-color:#584750;
	text-indent:-9999px;
	border-radius:60px;
	z-index: 999999;
}
#scroll span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#ffffff;
}
#scroll:hover {
	background-color:#e08e4c;
	opacity:1;
	filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";
}