body {
	background: url(../images/hpbgF.png) repeat-y top center;
}

#container {
	position:relative;
	width: 1000px;
	/*background: #FFF;*/
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	text-align: center;
	height:auto;
}

.dropcap {
	font-size: 480%;
	font-weight: bold;
	float: left;
	margin-top: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right: 6px;
	line-height: 50px;
}
.quote2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.fnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #1F6C79;
/* 	vertical-align: super; */
/* 	line-height:10px; */
	text-decoration:none;
	/* color: #1F6C79; */
	border: none;
	/* background-color:#E6EEF6; */
	color:white;
	background-color:#BB4D18;
	
	padding:0px 3px;
	margin: 0 1px;
	height:12px;
	position:relative;
	bottom:4px;
}

.fnote a {
color:white;
	text-decoration:none;
border: none;
}

.fnote a:visited {
color:white;
	text-decoration:none;
border: none;
}

#endsquare {
 box-shadow:1px 1px 1px #466;
}

.rounded {
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background-color:#E6EEF6;
	text-align:center;
	vertical-align:middle;
	padding:5px;
}
.head1 {
	font-family: 'Open Sans Condensed', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */
	font-size: 23px;
	line-height:26px;
	font-weight: 600;
	margin-top:22px;
	margin-bottom:5px;
	text-align:left;
	border-bottom:1px dotted #d6dde6;
	padding-bottom:5px;
}

.head1b {
	font-family: 'Open Sans Condensed', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */
	font-size: 23px;
	line-height:26px;
	font-weight: 400;
	margin-top:11px;
	margin-bottom:2px;
	text-align:left;
	/* border-bottom:1px dotted #d6dde6; */
}

.head2 {
	/*font-family: 'Open Sans Condensed', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
	/*font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
	font-family: 'Palatino Linotype','Book Antiqua3', Palatino, serif;
	font-size: 17px;
	font-style:italic;
	/*font-weight: bold*/;
	margin-top:17px;
	margin-bottom:2px;
}

.head3 {
	/*font-family: 'Open Sans Condensed', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
	/*font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
	font-family: 'Palatino Linotype','Book Antiqua3', Palatino, serif;
	font-size: 19px;
	font-style:italic;
	/*font-weight: bold*/;
	margin-top:17px;
	margin-bottom:2px;
}


ol {
	line-height:95%;
}

li, blockquote {
	line-height:130%;
}

div#articlecontent {
	display: block;
	width: 706px;
	margin: 18px;
	padding: 18px;
	border: 6px solid #d6dde6;
	position: absolute;
	top: 0px;
	left: 210px;
	background-color: white;
	text-align:left;
	font: 15px/19px "Lato", sans-serif !important;
}

div#content {
	display: block;
	width: 706px;
	margin: 18px;
	padding: 18px;
	border: 6px solid #d6dde6;
	position: absolute;
	top: 0px;
	left: 210px;
	background-color: white;
	text-align:left;
	/* font: 13px/17px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important; */
	font: 15px/23px "Lato", sans-serif !important;
	font-weight:300;
}


div#navigation {
	display: block;
	position: absolute;
	top: 40px;
	left: -15px;
	width: 210px;
	font: 13px/11px "Lato", sans-serif;
	text-align:right;
}


div#articlecontent span.author {
font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	font-style:italic;
	font-weight:300;
}

h1 {
	display: block;
	position: absolute;
	top: -20px;
	left: 27px;
	width: 210px;
	height: 60px;
}
h2 { display: none; }

h3 {
margin:0;
padding:0;
font-family: 'Open Sans Condensed', sans-serif;
	border-bottom: 1px solid #abb;
	padding-bottom:11px;
	color: #466;
	font-size: 33px;
	line-height:35px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
}

h3 span.author { display: inline-block; margin-top: -9px; line-height: 105% !important; vertical-align: middle; }

h3.titauth { padding-bottom: 5px;}

div#table_of_contents h4 {
/* 	font-family: 'Open Sans Condensed', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */
	/* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */
	
	font-family: Lato, sans-serif;
	font-size: 23px !important;
	line-height:26px;
	font-weight: 500;
	margin: 17px 0 5px 0  !important;
	color:#165B6A;
	clear: both;
	display: block;
	letter-spacing: -.5px;
	
}


.backissuelisting {
	width:620px !important;
	min-height:200px !important;
	padding-bottom:22px !important;
	border-bottom:1px dotted #2596AE !important;
}

.backissuelisting a:hover, a {
	text-decoration: none !important;
	border:none;
}


.backissuelisting .issuenumber {
	font-family: 'Open Sans Condensed', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important;
	/* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */
	font-size: 17px !important;
	line-height:17px !important;
	font-weight: 700 !important;
	/* margin-top:22px !important; */
	color:#165B6A;
	font-style:normal !important;
	font-variant: small-caps  !important;;
	
}

.backissuelisting h4 {
	font-family: 'Open Sans Condensed', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important;
	/* font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */
	font-size: 21px !important;
	line-height:23px !important;
	font-weight: 400 !important;
	margin-top:22px !important;
	margin-bottom:11px !important;
	color:#165B6A;
	font-style:normal !important;
	
}

.backissuelisting img {
	margin-right:15px !important;
}

/* 
div#table_of_contents h4p::first-letter { 
    font-size: 150%;
}
 */

div#articlecontent h4 {
font-family: 'Comfortaa', serif;
	margin: 36px 18px 9px 18px;
	padding: 54px 2px 2px 2px;
	border-bottom: 1px solid #abb;
	color: #466;
	font-size: 18px;
	text-align: center;
	font-style: italic;
	font-weight: normal;
	background-image: url(https://www.humanistperspectives.org/images/fleuron_section.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

p.sidenote {
	margin-top: 22px;
	font: 9px/12px "Lato", sans-serif;
	color: #334;
	text-align:right;
	margin-left:15px;
}

div.sidenote {
	margin-top: 4px;
	font: 9px/12px "Lato", sans-serif;
	color: #334;
	text-align:right;
	margin-left:15px;
}
.sidenote img { display:block !important;}

.fullpic {
	width:695px;
}

.leftpic {
	width:300px;
	float:left;
	margin:3px 22px 5px 3px;
}

.rightpic {
	width:300px;
	float:right;
	margin:3px 3px 5px 22px;
}


p.sidenote a, p.sidenote a:hover {
	color: #334;
	text-decoration: none;
}

nav {
}

nav{position:absolute; top:50px; left:-10px; z-index:9999; width:210px; height:550px;}
/*
nav .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#000; color:#fff; letter-spacing:7px;}
nav .menu{display:none;}
nav .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
nav .menu a.menu_item:hover{background:#333; color:#fff;}
*/

blockquote {
	font-family:serif;
	font-size:14px;
	text-align:left;
}

	
#post168 {
	font-size: 17px;
	padding-top:10px;
}

#post168 p {
	text-indent: 0px;
	margin-top:3px;
	margin-bottom:11px;
	padding-top:3px;
	padding-bottom:7px;
	line-height: 144%;
}

#post168 a {
	font-weight:700;
}

.blockitalic {
/* 	font-family:serif;	font-size:14px; */
	text-align:left;
	font-style:italic;
	padding: 17px 44px;
	font-size: 18px; 
	line-height: 105% !important;
}

.parag {
	text-indent: 20px;
	margin-top:3px;
	margin-bottom:7px;
	line-height: 144%;
}
.parag1 {
	text-indent: 0px;
	margin-top:23px;
	margin-bottom:7px;
	line-height: 144%;
}
.paragbio {
	font: 13px Georgia, serif;
	text-indent: 0px;
	margin-top:23px;
	margin-bottom:7px;
	line-height: 133%;
	padding:11px;
	border:1px dotted gray;
	color:#444;
}
.paraghead {
	text-indent: 20px;
	margin-top:23px;
	margin-bottom:7px;
	line-height: 144%;
	font-weight:bold;
}
.paragend {
	text-indent: 0px;
	font-style:italic;
	border-top:1px dotted gray;
	padding:11px;
	margin-top:17px;
	margin-bottom:11px;
	line-height: 144%;
}

.pullquote {
/* 
	font: 18px/26px Comfortaa, serif;
 */
	font: 26px/29px 'Open Sans Condensed', sans-serif;
	display: block;
	float: right;
	width: 33%;
	height: auto;
	border:1px dotted gray;
	padding: 22px ;
	margin: 27px;
	text-align:center;
/* 	font-style:italic; */
	color: white;
	/* color:#196777; color:#19A4B8;*/
	font-weight:300;
	background: url(../images/quotebgF.png) no-repeat center center;
/* 
		filter:alpha(opacity=90);
	opacity: .9;
	-moz-opacity:.9;
 */
}
.pullquote { width: 30%; height: auto; 
background: url(../images/quotebgF.png) no-repeat center center #19A4B8;
color: white !important;
position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } 

.pullquote:before { content: ""; position: absolute; right: 100%; top: 26px; width: 0; height: 0; border-top: 13px solid transparent; border-right: 26px solid #19A4B8; border-bottom: 13px solid transparent; }


.pullquotel {
	font: 17px/24px Georgia, serif;
	display:block;
	float:left;
	width:44%;
	border:1px dotted gray;
	padding:11px;
	margin: 27px;
	text-align:center;
	font-style:italic;
	color:#19A4B8;
	background:#FFF5F0;
	text-indent:0px;
	/* background: url(../images/quotebgF.png) no-repeat center center; */
/* 
		filter:alpha(opacity=90);
	opacity: .9;
	-moz-opacity:.9;
 */
}




.pullquote2 {
	font: 14px/21px Georgia, serif;
	display:block;
	float:right;
	width:33%;
	border:1px dotted gray;
	padding:11px;
	margin:20px;
	text-align:center;
}


#post168p p {
	text-indent: 0px;
	margin-left:0px;
	padding-left:0px;
	margin-top:3px;
	margin-bottom:7px;
	padding-top:3px;
	padding-bottom:7px;
	line-height: 144%;
}

#footnotediv {
	font: 13px Verdana, Arial, sans-serif;
	line-height:111%;
	color:#555555;
	margin-top:17px;
}
.footnotediv {
	font: 13px Verdana, Arial, sans-serif;
	line-height:111%;
	color:#555555;
	margin-top:17px;
}
.paragpoemhead {
	font: 16px Georgia, serif;
	text-indent: 20px;
	margin-top:23px;
	margin-bottom:7px;
	line-height: 144%;
	font-weight:bold;
}
.paragpoemhead2 {
	font: 11px Georgia, serif;
	text-indent: 20px;
	margin-bottom:7px;
	line-height: 144%;
	font-style:italic;
}
.paragpoem {
	text-indent: 0px;
	margin-top:11px;
	margin-bottom:33px;
	line-height: 144%;
	padding-left:55px;
}
div.paragpoem p {
	text-indent: 0px;
	margin-left:0px;
	padding-left:0px;
	margin-top:3px;
	margin-bottom:7px;
	padding-top:3px;
	padding-bottom:7px;
	line-height: 144%;
}

.indentedline {
	padding-left:11px;
}



img.cover {
	display: block;
	width: 550px;
	height: auto;
	margin: 27px auto 0 auto;
	border: 0;
}

div#calltoaction {
	display: block;
	width: 536px;
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	text-align: center;
	border: 1px dashed #cdd;
	background-color: #eff6f6;
	min-height:27px;
}

.readonline {
	font-size:9px;
	display:inline;
	width:33px;
	margin-left:11px;
	background:#419EAE;
	color:white;
	padding:1px 3px;
}

div#table_of_contents dt {
line-height:100% !important;
clear: both;
font-size: 18px;
font-weight: 300 !important;
margin-top: 5px;
}

div#table_of_contents dt strong {
font-weight: 400 !important;
}

#table_of_contents dl {
	margin: 0px 0px 5px;
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #006F9B;
}

#table_of_contents dl:last-child {
	margin: 0px 0px 5px;
	padding: 5px 0 15px 0;
	border-bottom: 1px solid #006F9B;
}

div#table_of_contents dd {
/* 

	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0 0 11px 11px;
	line-height: 14px;
	margin-top:5px;
	font-weight:normal;
 */


line-height:125% !important;
clear: both;
padding: 10px;
margin: 10px 0 5px;
}

div#table_of_contents dd br:nth-child(3) {
clear: both;
line-height: 50%;
}

div#table_of_contents dd a  {
display: inline-block;
text-align: center;
clear: both;
/*width: 100%;*/
width: 180px;
margin: 0 0 7px -10px;
text-transform: uppercase;
/* background:  #006F9B; */
background:  #C9D4DF;
/* color: white !important; */
padding: 3px 7px;
font-size: 13px;
transition: .7s all !important;
font-weight: 400 !important;
text-decoration: none !important;
border: 0 !important;
}

div#table_of_contents dt a {
	color:#2A6671;
}

#table_of_contents dd a:hover {
	/* background: #EA0000; */
	background: #eee;
	border: 0 !important;

}


#table_of_contents dt a:hover {
	/*border-bottom: 1px dotted #2A6671;
	text-decoration: none !important;
	background: #EA0000;*/
}



#___gcse_0 {
width: 190px;
padding:0px;
text-align:right;
}

.gsc-control-cse, gsc-control-cse-en {
background-color: none;
padding:0px;
text-align:right;
}

.gsc-search-button, gsc-search-button-v2 {
background-color: none;
padding:0px;
text-align:right;
}

.gsc-search-button input {
padding:0px;
}
.gsearch { width:130px;height:25px;border:0;padding-left:5px;background:#F0F9F9; }
.gsearch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:10px;
}
gsearch::-moz-placeholder { /* Firefox 19+ */
  font-size:10px;
}
gsearch:-ms-input-placeholder { /* IE 10+ */
  font-size:10px;
}
gsearch:-moz-placeholder { /* Firefox 18- */
  font-size:10px;
}


.onlinelink { margin: 3px !important; padding: 3px !important; border-right: 1px solid white !important;}
/* 
.onlinelink::after { content: "    |      "; }
 */


#table_of_contents dd div.syn { margin-top:15px !important; }

.photodisclaimer { font-style: italic; font-size: 13px; margin: 15px 0; line-height: 100% !important;}

.navigation_set li { margin:3px 0 ; }

div#navigation li.navigation_set { margin-top:17px;}

nav hi a:hover, .nobord:hover { border:none !important;}

span.navigation_heading, div.navigation_heading {
	color: #007085;
	font: 14px/14px "Lato", sans-serif;
	font-weight: 700;
	text-transform: uppercase !important;
	border-bottom: 1px dotted #007085;
	margin-left:50px;
	padding-bottom:2px;
	/* font-style: italic; */
}

.gsubmit { height:25px;width:25px;border:0;color:white;background:#007085;transition: all .7s;cursor:pointer; }
.gsubmit:hover { background:#555;}

.callbutton, input.callbutton { font-family: Lato, sans-serif;font-size: 15px;background:#fff;margin-right:9px;padding:2px 6px;border-radius:2px;transition:.7s all;display:inline-block;word-spacing:-2px;}
.callbutton:hover { background:#A3FF7A;border:0 !important;color:#E6001C;}
.callbutton a, .callbutton a:hover { text-decoration:none;border:0 !important;}

.callbutton2, { font-family: Lato, sans-serif;font-size: 18px !important;background:#E90013 !important;margin-right:9px;padding:2px 6px;border-radius:2px;transition:.7s all;display:inline-block;color:white;cursor:pointer;}

.callbutton2:hover { background:#A3FF7A;border:0 !important;color:#E6001C;}

.submitbutton2 { background: #007085; color: white; padding: 10px; cursor: pointer; margin: 10px 0; }
.submitbutton2:hover { background:#A3FF7A; }

#breadcrumbs { margin-bottom:44px;}
h3 { background-image: none !important; }

.indexpic { float: left; margin: 5px 20px 10px -10px !important; }

h4#buy { padding-left: 25px; font-family: Lato, sans-serif; font-size: 15px; font-weight: 500; font-style: italic; }

#hpisrefreshing { line-height: 122%; font-size: 111%; }

	#navdesktop { display: block; position: fixed; }
	#navmobile { display: none;  }


/*MOBILE*/
@media only screen and (min-device-width: 320px) and (max-device-width: 1100px) {

/* body { display: flex;  flex-flow: column; background-image: none !important; }  */
body {  background-image: none !important; } 
	div#content, div#container, div#articlecontent { left: 0 !important; margin: 0 !important; width: auto !important; padding: 0 !important; border: 0 !important; box-sizing: border-box; }
		
	div#articlecontent { padding: 100px 10px 10px 10px  !important ; width: auto !important; }
	
	#post168, div#content { font-size: 17px !important; padding-left: 10px !important; padding-right: 10px !important; width: auto !important; }
	
	.imagemobile, .parag1, .parag .quote2, hr { width: 100% !important; height: auto !important; float: none !important; margin: 20px 0 !important;  }
	
	label.addtocartbutton { left: 0 !important; margin: 0 !important; width: auto !important; padding: 10 !important; border: 0 !important; box-sizing: border-box; }
	img.cover { width: 100% !important; margin: 0 !important; height: auto !important;  }
	div#calltoaction { width: auto !important;  box-sizing: border-box; }
	img.bottomad  { width: 94% !important; height: auto; margin: 20px 2.5% 0 !important; }
	#footer { width: auto !important; box-sizing: border-box; }
	#table_of_contents { margin: 0 !important; padding: 10px !important; box-sizing: border-box; }
	#table_of_contents dd, #table_of_contents dl, #table_of_contents dt { left: 0 !important; margin: 0 !important; width: auto !important; paddifng: 0 10px !important; border: 0 !important; box-sizing: border-box; }
	
	#table_of_contents dt { margin-top: 30px !important; }
	#table_of_contents dd { font-size: 17px !important; }
	.indexpic { width: 100% !important;  margin: 10px 0 10px !important; float: none;}
	.indexpic img { width: 100% !important; }
	#buy, div.addtocart, div.addtocart form, div.addbackissuetocart { left: 0 !important; margin: 0 !important; width: auto !important; padding: 0 !important; border: 0 !important; box-sizing: border-box; text-align: center;}
	#buy { margin: 30px auto 10px !important; padding-top: 10px; border-top: 1px dotted #555; }
	div.addtocart form input { float: none !important; margin: auto !important;}
	.anu .button { width: 17% !important; float: none !important; display: inline-block !important; }
	.ayoshare { text-align: center !important; }
	.anu { margin: 0 !important;}
	div.callbutton a[text='▾ buy & download this issue as PDF'] { margin-top: 7px; }

#hpisrefreshing { line-height: 122%; font-size: 111%; padding:  5px 10px; box-sizing: border-box; }
	
	#content h3 small { font-size: 22px !important;; width: 40% !important; display: block !important; font-weight: 600 !important; float: left; padding: 15px 10px 10px !important; box-sizing: border-box; line-height: 97% !important; }
	#content h3 { border: none !important; margin-top: 90px;}
	
	#navdesktop { display: none;  }
	#navmobile { display: block;  background: rgba(0, 182, 208,.95); height: auto;  min-height: 81px; font-family: Lato, sans-serif; font-size: 15px; color: #222; width: 100%; z-index: 9999999999; position: fixed;}

.navmoblogo { width: 33%; height: auto ; margin: 0 20px 20px 0px; }

nav { top: 14px !important; left: 14px !important; position: relative; text-align: left;  width: auto; height: 70px !important;}

nav #mmenu {  left: 36%;  top: -8px; width: auto; position: absolute; padding-right: 10px; height: 100%; } 

nav #mmenu ul { margin: 0 !important; padding: 0 !important; list-style: none; }
 
 #mmenu li  { font-size: 14px !important; padding: 4px; background: none; color: #00B7CF; margin: 0 ; float: left; transition: all .7s; font-weight: 300 !important; width: auto; height: 22px; box-sizing: border-box; text-align: center; vertical-align: middle;}

#mmenu li a { color: white;  text-decoration: none; border: 0 !important; }

/* #mmenu li:hover { background: #DEE8F2;} */
#mmenu li a:hover { color: #DEE8F2;}

ul.organizations li { font-family: Lato, sans-serif; font-size: 16px !important; width: 100% !important; height: auto !important; }

ul.organizations li a { font-size: 14px !important; padding: 5px 0 !important;}

.organizationname { font-family: Lato, sans-serif !important; font-size: 16px !important; line-height: 110% !important;  margin-bottom: 20px; height: auto !important;}

li address { font-family: Lato, sans-serif !important; font-size: 14px !important; line-height: 110% !important; }

h3 { text-transform: uppercase;  font-size: 25px !important; font-weight: 500 !important;  padding-top: 17px; }

.backissuelisting { width: auto !important;  text-align: center;}
.backissuelisting img { width: 60% !important; float: none;  margin: auto !important; } 

div.book img.bookcover { float: none;  width: 80% !important; height: auto !important; margin: 20px auto !important; }
/* #bookdiv div { width: 100% !important; } */
div.book { padding: 10 !important;; }
p.bookinfo { font-family: Lato, sans-serif !important; font-size: 14px !important; line-height: 110% !important; }
.booktitle { font-family: Lato, sans-serif !important; font-size: 19px !important; line-height: 110% !important; font-weight: 600 !important; }
.bookblurb150cover { margin: 10px !important; }

.footnotediv { width: 300px !important; }
/* .paragpoem { margin-left: 5px !important; } */

  }
  
/*TABLET*/
@media only screen and (min-device-width: 620px) and (max-device-width: 1100px) {
  
  	#navmobile { display: block;  background: rgba(0, 182, 208,.95); height: auto;  min-height: 81px; font-family: Lato, sans-serif; font-size: 15px; color: #222; width: 100%; z-index: 9999999999; position: fixed;}

.navmoblogo { width: 20%; height: auto ; margin: 0 20px 20px 0px; }

   #mmenu li  { font-size: 17px !important; padding: 4px; background: none; color: #00B7CF; margin: 0 ; float: left; transition: all .7s; font-weight: 300 !important; width: auto; height: 22px; box-sizing: border-box; text-align: center; vertical-align: middle;}

  }