@import url(https://fonts.googleapis.com/css?family=Inika&subset=latin,latin-ext);

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

* {
	box-sizing: border-box;
	-moz-box-sizing:border-box;
}

.clear {
	clear:both;
}

#recipient {
	display:none;
}

image, img {
	border:0px;
}

body {
	margin:0px;
	//background: #f0f4f8 url('/assets/images/bg2014.png') repeat-x top;
}

#wrapper {
	position:relative;
	width:1200px;
	margin:auto;
	background:white;
}

#header {
	background: none;
}

#hleft {
	float:left;
	min-width:55%;
}

#logo {
	height: 100px;
	padding: 10px;
	font-size:24px;
	font-family:arial;
	letter-spacing:2px;
	line-height:20px;
}

#logo image, #logo img {
	height:80px;
	vertical-align:middle;
	margin-right:10px;
	float:left;
}

#logo span {
	display:block;
	font-size:14px;
}

#hright {
	float:right;
	min-width:40%;
	text-align: right;
	font-size:14px;
	color:white;
	font-family:arial;
	padding: 20px 10px 0px 0px;
}

#menu {
	background: #ffd200;
}

#menu-left {
	width:70%;
	float:left;
}

#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu ul li {
	float:left;
	padding:10px 12px 10px 12px;
}

#menu ul li:hover {
	background: #9ccdf9;
}

#menu ul li.active {
	background: #ffba00;
}

#menu ul li.active a {
	color: white;
}

#menu ul li a {
	color:black;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	letter-spacing:1px;
}

#menu ul li.last {
	display:none;
}

#menu-right {
	width:29%;
	float:right;
	color:white;
	font-family:arial;
	font-size:12px;
	text-align:right;
	padding: 6px;
}

#menu-right a {
	color:white;
	text-decoration:none;
}

#mobile-menu {
	background: #f0f4f8;
	position:relative;
	margin:0px;
	border:1px solid #f0f4f8;
}

#mobile-menu ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#mobile-menu ul li {
	padding:7px 3px 7px 15px;
	border-bottom: 1px solid gray;
}

#mobile-menu ul li.last {
	display: none;
}

#mobile-menu ul li a {
	font-family:arial;
	text-decoration:none;
	color: #2973b4;
}

#main {
	width: 100%;
	position: relative;
	border:1px solid #d2d3d5;
	margin-top: 3px;
}

/* COLUMNS - HOME PAGE */

.main-l {
	position:relative;
	width:56%;
	float:left;
}

.main-r {
	position:relative;
	width:44%;
	float:right;
}

.main-l-l {
	width:50%;
	float:left;
	padding-right:1px;
}

.main-l-r {
	width:50%;
	float:right;
	padding-right:1px;
}

.main-r-l {
	width:65%;
	float:left;
	padding-right:1px;
}

.main-r-r {
	width:35%;
	float:right;
	background:#f0f1f2;
}

.col-inner {
	padding:0% 3% 3% 3%;
	font-family: 'Inika', georgia, serif;
}

.col-inner ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.col-inner-top {
	padding:3%;
}

.book-inner {
	padding-top:2%;
}

.book-inner img, .book-inner image {
	display:block;
	float:left;
	margin-right:2%
}

.section-head {
	background: #63aae9;
	padding:10px;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
}

/* BOOK BOX */
.gbox {
	position:relative;
	width:100%;
	padding:3%;
	font-family: 'Inika', georgia, serif;
	cursor:pointer;
	display:inline-block;
}

.gbox image, .gbox img {
	float:left;
	margin-right:5px;
	width:75px;
	height:auto;
}

.gbox h2, .gbox h3, .small-gbox h2, .small-gbox h3 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

.gbox h2 {
	font-size:1.3em;
}

.gbox h2 a {
	color:#2973b4;
}

.gbox h3 {
	font-size:0.9em;
	color: #2973b4;
}

.gbox h4 {
	font-size:0.8em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.gbox h4 a {
	color:#5f6061;
}

.gbox a {
	text-decoration:none;
}


/* BOOK BOX */
.small-gbox {
	position:relative;
	width:50%;
	float:left;
	padding:3%;
	font-family: 'Inika', georgia, serif;
	cursor:pointer;
	display:inline-block;
}

.small-gbox image, .small-gbox img {
	float:left;
	margin-right:5px;
	width:50px;
	height:auto;
}

.small-gbox h2 {
	font-size:1em;
}

.small-gbox h2 a {
	color:#2973b4;
}

.small-gbox h3 {
	font-size:0.8em;
	color: #2973b4;
}

.small-gbox h4 {
	font-size:0.6em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.small-gbox h4 a {
	color:#5f6061;
}

.small-gbox a {
	text-decoration:none;
}


/* BLOG ENTRIES */
.blog-box {
	padding:3%;
	font-family: 'Inika', georgia, serif;
	cursor:pointer;
}

.blog-box a {
	text-decoration:none;
	color: green;
	font-size:1.3em;
}

.blog-box span {
	display:block;
	color:gray;
	font-size:0.9em;
}

.blog-box p {
	margin:0;
	padding:0;
	font-size:0.9em;
}


.author-box {
	cursor:pointer; 
	border-bottom:1px solid ##d2d3d5
	position:relative;
	display:inline-block;
	width:96%;
	padding:2%;
}

.author-box .left {
	width:33%;
	float:left;
}

.author-box .right {
	width:64%;
	font-size: 1.7em;
	line-height:0.8em;
	float:right;
}

.author-box .right span {
	font-family:arial;
	font-size:12px;
	line-height:16px;
}

.author-box .right a {
	text-decoration:none;
	color:#373839;
	font-family:arial;
}

.author-social {
	position:relative;
	display:inline-block;
	width:100%;
	font-size:11px;
	padding:5px 5px 1px 5px;
	font-family:arial
}



#advert {
	position:relative;
	margin: 3%;
	text-align: center;
	width: 94%;
	font-family:arial;
	font-size:0.9em;
}

.dlist {
	list-style:none;
	margin:0px;
	padding:0px;
}

.dlist li {
	//border-bottom:1px solid #d2d3d5;
	padding: 1% 2.5% 1% 2.5%;
	display: inline-block;
	width:100%;
}

.dlist li.active {
	background: #d2d3d5;
}

.dlist li:hover {
	background: #f0f1f2;
}

.dlist li a {
	text-decoration:none;
	font-family:arial;
	font-size: 0.74em;
	color:#373839;
}

.dlist span {
	font-family: arial;
	font-size: 11px;
}

.rev li {
	background-color: #b9dcfa;
}

.rev li:hover {
	background: white;
}

footer {
	background: #2973b4;
	font-family:arial;
	font-size:0.71em;
	line-height:1.3em;
	color:white;
}

footer a {
	color:white;
	text-decoration:none;
}

#footer-l {
	width:72%;
	padding:1.5%;
	float:left;
}

#footer-r {
	width:25%;
	float:right;
}

#footer-l ul {
	list-style:none;
	margin:0px;
	padding:0px;	
}

#footer-l ul li {
	float:left;
	margin-right: 15px
}

#footer-l ul li.last {
	display:none;
}

#viewerCanvas {
	display:block;
}

.jnl-img {
	float:left;
	margin-right:2%;
	border:0;
}

.addthis_toolbox {
	padding: 2%;
	display:inline-block;
}

.auth-grid {
	margin:0px;
	padding:0px;
	list-style:none;
}

.auth-grid li {
	float:left;
	width:31%;
	margin:1%;
	height: 125px;
	padding: 3px;
	border: 1px solid #eeeeee;
	overflow: hidden;
}

.auth-grid li span {
	font-size:10px;
}

.auth-grid li a {
	font-size:12px;
	text-decoration:none;
}


/* BOOK HEADER AREA */

.book-header {
position:relative;
margin-top:15px
}

.book-header-left {
position:relative;
width:30%;
float:left;
}

.book-header-right {
position:relative;
width:67%;
float:right;
}

.book-meta li {
font-family:arial;
float:left;
margin-right:2%;
width:48%;
font-size:12px;
}

.recipient {
display:none;
}



/* FOR THE 2015 JHP HOME PAGE */

#main-left-jhp {
	width:75%;
	float:left;
	padding: 1% 3% 3% 3%;
	font-family: 'Inika', georgia, serif;
}

#main-right-jhp {
	width:25%;
	float:right;
}

#main-left-jhp ul {
	list-style:none;
	padding:0;
	margin:0;
}

.cluster-grid {
	list-style:none; 
	margin:0; 
	padding:0
}

.cluster-grid li {
	position:relative; 
	width:31.33%; 
	float:left; 
	margin:1%; 
	height:410px; 
	border:1px solid gray
}

.cluster-grid li .sectiontitle {
	width:100%; 
	padding:10px; 
	border-bottom:1px solid gray; 
	background: gray; 
	color:white; 
	font-family:arial; 
	font-size:12px; 
	letter-spacing:1px
}

.cluster-grid li .sectionbooks {
	padding:10px;
	padding-top:5px
}

.cluster-grid li .sectionbooks-inner {
	border-top:1px solid #dedede;
	padding-top:10px
}

.cluster-grid li .sectionfoot {
	position:absolute; 
	width:100%; 
	bottom:0px; 
	padding:6px 5px 4px 5px; 
	font-family:arial; 
	font-size:11px; 
	background:#dedede;
}

#cluster-blog {
	width:27%; 
	float:left
}

#cluster-books {
	width:29%; 
	float:left
}

#cluster-social {
	width:29%; 
	float:left;
}

.cluster-inner {
	padding: 2%;
}

#cluster-nav {
	width:15%; 
	float:left
}

#cluster-nav ul, .jhp-c-menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	font-family:arial; 
	font-size:12px;
	cursor:pointer;
}

#cluster-nav ul li, .jhp-c-menu li {
	padding:10px; 
	border-bottom:1px solid #dedede;
}

.book-grid .gbox {
	width:32.3%;
	margin: 0;
	height:275px;
	float:left;
	border:1px solid #dedede;
	margin:0.5%;
	overflow: hidden;
}

.book-grid .gbox h2 {
	font-size: 1.1em;
}

#contact-left {
	width:59%; 
	float:left; 
	font-family:arial; 
	padding-top:20px
}

#contact-right {
	width:39%; 
	float:right; 
	padding-top:10px
}

.home-cluster-book {
	width:48%; 
	margin:1%; 
	float:left; 
	text-align:center; 
	font-family:arial; 
	font-size:12px; 
	cursor:pointer
}

.home-cluster-book image, .home-cluster-book img {
	display:block;
	width:50%;
	height:auto;
	margin:auto;
	padding-bottom:5px;
}

.home-cluster-book span {
	display:block;
}

.buy-box{
	position:absolute; 
	bottom:0px; 
	padding:10px; 
	background:white; 
	border:1px solid #dedede; 
	font-size:16px;
	text-align:center;
}

.buy-box-inner {
	position: relative;
	width: 100%;
}

.buy-box-inner span {
	padding-bottom: 10px;
	display: block;
	font-size:12px;
}

.buy-box-inner a{
	letter-spacing:1px;
	color:black;
	text-decoration:none;
	text-transform:uppercase;
	font-weight: bold;
}


.pagination a {
	text-decoration:none;
	font-family: arial;
	color:gray;
}

#seo-pre-footer {
	position:relative;
	width:100%;
	background:#eeeeee;
	padding: 20px;
	font-family:arial;
	font-size:12px;
}

#seo-pre-footer ul {
	list-style:none;
	margin:0;
	padding:0;
}

#seo-pre-footer ul li {
	width: 33.33%;
	float: left;
}

#seo-pre-footer ul li ul li {
	width: 100%;
	float: none;
	margin-bottom: 10px;
	line-height: 16px;
}

#seo-pre-footer ul li ul li a {
	text-decoration:none;
	color: #2973b4;
}