/*see standardize css*/

/* basic formatting */

#main p a { color: #900  }
#main p a:hover { color: #c00  }
#main p a:visited { color: #700  }
#main p a:active { color: #000  }
:target {
padding: 1px 0 1px 3px;
margin-left: -5px;
background-color: #e6e2ae;
}
b, strong {
	font-weight: 600;
}
#ind-title strong {
	color: rgb(0, 15, 163);
}
em {font-style: italic }
.clr { clear:both }
.ctr { text-align: center }
p.rt { text-align: right }
.zo { margin-top: 0 }
.roman {
	font-style: normal;
}
.red {
	color: #700;
}
.blue {
color: rgb(0, 15, 163);	
}
.sans {
	font-family: Roboto, 'helvetica neue', arial, sans-serif !important;
}
#main p b {	/*600 for serif, 700 for sans*/
	font-weight: 600;
}
sup {
font-size: .72em;
vertical-align: 24%;
line-height: 1.4;
}
.round {
	-webkit-border-radius : .75em;
	-moz-border-radius : .75em;
	border-radius : .75em;
}
.flt, #main p.flt {
	float: left;
	margin-right: 1em;
}
.flrt {
	float: right;
	margin-left: 1em;
}
p .caps {
	letter-spacing: .040em; word-spacing: .080em;
}
.clearfix {
	content: "";
	display: table;
	clear: both;
	margin-bottom: 1em;
}
.nofloat {
	float: none;
}
.top2em, #main p .top2em {
	margin-top: 2em !important;
}
.quotes {	/*for quote marks*/
	font-size: 3em;
	color: rgb(193, 186, 111);
	font-weight: 600;
	vertical-align: -185%;
	line-height: .21;
}
/* columns */

.col2 {	/* for 2-col layout */
float: left;
width: 40%;
}
.colborder {
  border-right: 1px solid rgb(145, 135, 3);
  padding-right: 1em;
}
.col-left-margin {
margin-left: 2%;
padding-left: 1.2em;
border-left: 1px solid rgb(193, 186, 111);
-webkit-box-sizing: border-box;
-moz-box-sizing: content-box;
box-sizing: border-box;
}

.col3 {	/* for 3-col layout, w larger main content area */
float: left;
width: 31%;
}

a#gohome {
display: block;
position: absolute;
top: 0;
z-index: 900;
width: 100%;
height: 170px;
}


/* STRUCTURE */

body {
  background-color: rgb(255, 255, 255);
  font: 400 0.875em/1.33 Roboto, 'helvetica neue', arial, sans-serif;
  color: #000;
}

#wrap {
width: 1024px;
min-height: 86em;
position: relative;
margin: 0 auto;
padding: 0 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: content-box;
box-sizing: border-box;
}

/* banner has header for catalogue listings */
#banner, #banner-general  {
height: 23em;
background: url(/site/assets/art/ri76_lg-bgd-scrnd.gif) no-repeat center .5em;
}

/* alt banner for text pages*/
#banner-general  {
height: 12.5em;
background: url(/site/assets/art/RIPS-ri76_header.gif) no-repeat center .5em;
}

#banner p, #banner-general p.address {
text-align: center;
}
#banner p.address, #banner-general p.address  {
  padding-top: 166px;
  font-size: 1.143em;
  line-height: 1.4;
}
#banner-general p.address  {
  padding-top: 120px;
  
}
#banner strong {
font-size: 1.1em;
font-weight: 700;
letter-spacing: .070em; word-spacing: .070em;
}
#banner p em {
font: italic 600 2.4em/1.5 'Libre Caslon Text',georgia,serif;
color: rgb(193, 186, 111);
letter-spacing: -.014em;
}

#main {
margin-top: 2em;
width: 65%;
min-height: 45em;
float: right;
margin-right: 4em;
padding: 0 0 2em 0;
border-bottom: 20px solid rgb(193, 186, 111);
-webkit-box-sizing: border-box;
-moz-box-sizing: content-box;
box-sizing: border-box;
}
#aside {	/* for nav */
margin-top: 3em;
width: 20%;
float: left;
margin-left: 1em;
/* border-right: 1px solid rgb(189, 182, 101); */
-webkit-box-sizing: border-box;
-moz-box-sizing: content-box;
box-sizing: border-box;
}


h1, h2, h3 {
  font: 600 2em/1.25 'Libre Caslon Text',georgia,serif;
  color: rgb(0, 15, 163);
  margin: 0 0 .75em;
  letter-spacing: -.0140em;	/*tighten heds spacing*/
}
h3 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.6;
	color: #000;
}
#pamphlets h1 {
	line-height: 1;
}
h1 span.sub {
  font: 400 .75em/1 'Libre Caslon Text',georgia,serif;
}

#main p {
  font: 400 1.2em/1.5 'Libre Caslon Text',georgia,serif;
  margin: 0;
  text-indent: 1.5em;
}

#order #main p {
	text-indent: 0;
	margin-bottom: 1em;
}
/*inprint pages are for catalog n ind books; text is sans-serif*/
	#main.inprint p, #main.inprint li {	
	  font: 400 1.125em/1.4 Roboto, 'helvetica neue', arial, sans-serif;
	  margin: 1em 0;
	  text-indent: 0;
	}
#main.inprint li {
	margin: 0 0 .5em;
}

#main.inprint .col2 p {
font-size: 1.085em;
line-height: 1.35;
}

#main p.noind {  text-indent: 0; }


/*page variants*/

#home h1 {
  margin: 0;
	font-size: 1.6em;
	line-height: 1.1275;
}
#home h1 a {
 color: rgb(0, 15, 163);
}
#home h1.author {
	font-size: 1.4em;
	margin: .5em 0 1em;
}
#home #main p {
  font: 400 1.2em/1.5 'Libre Caslon Text',georgia,serif;
  margin: 0;
  text-indent: 0;
}
#home #main h2 {
font: 600 1.7em/1.25 'Libre Caslon Text',georgia,serif;
margin: 2em 0 .5em;
}
#home #main p.blam {
	font-weight: 600;
	font-style: italic;
	font-size: 1.8em;
	color: rgb(193, 186, 111);
	padding-left: 224px;
}
#home #main p a {
	  font: 600 .94em Roboto, 'helvetica neue', arial, sans-serif;
}

#books #main#selected #main {
	width: 76%;
}
#selected #main.inprint {
	width: 74%;
	margin-top: 0;
}
#books #main p {
	font-size: 1.1em;
	line-height: 1.3;
	margin: 0 0 1.35em;
}
#books #main p b {
	font-weight: 700;
}

/*individual n selected titles*/

/* shopify backend overrules this
h1.shopify-buy__product__title {
font-family: 'Roboto', arial, sans-serif !important;
}
 */

#ind-title #aside {
	margin-top: 1.5em;
}
#selected #aside {
	margin-top: 1.75em;
}

/*#selected #main {
margin-top: 1em;
}*/
#selected #main.inprint li {
	margin-top: 2em;
	padding-bottom: .5em;
	border-bottom: 1px solid rgb(193, 186, 111);
}
#selected #main.inprint ul li:first-child {
	margin-top: 0;
}
#selected h2, #ind-title h2 {
font: 600 1.6em/1.35 'Libre Caslon Text',georgia,serif;
margin-bottom: 0;
padding-left: 186px;
}
#selected h2.author, #ind-title h2.author {
	font-size: 1.4em;
	margin: .75em 0 3em;
}
#selected h2, #selected h2.author {
	padding-left: 0;
}
#selected h2.author {
	font-size: 1.15em;
	margin-bottom: 1em;
}
#selected #main img, #ind-title #main img  {
	float: left;
	margin-right: 1.25em;
}
#selected #main img, #ind-title #main img  {
max-width: 340px;
	padding-bottom: 6px;
}
 #ind-title #main.inprint p {
font: 400 1.2em/1.4 'Libre Caslon Text',georgia,serif;
}
#selected #main.inprint p {
font: 400 1.1em/1.4 'Libre Caslon Text',georgia,serif;
	padding-left: 0;
	text-indent: 0;
}
#ind-title #main.inprint {
	width: 68%;
}
#selected #main.inprint {
	width: 68%;
}
#selected h2 a {
	color: #0412a4;
}

#main.inprint p.rt {
	font: 700 0.875em/.75 Roboto, 'helvetica neue', arial, sans-serif;
	margin-top: -1em;
}
#ind-title #main.inprint p.rt  {
	margin-top: 1em;
}
.inprint p.rt a {
	font: 700 0.875em/1 Roboto, 'helvetica neue', arial, sans-serif;
}

#ind-title #main.inprint p a.order {
font: 400 0.875em/1.33 Roboto, 'helvetica neue', arial, sans-serif;
color: #000;
background: rgb(193, 186, 111);
padding: 2px .5em;
width: 150px;text-align: right;
}

/* ----------  menu vertical -------------- */

ul#nav {
list-style: none;
font: 400 1em/2 Roboto, 'helvetica neue', arial, sans-serif;
width: 100%;
line-height: 1.2;
padding: 0;
margin: 0  0 3em 0;
border: none;
border-bottom: 5px solid #000fa3;
}
#nav li {
width: auto;
padding: .5em 0;
border-bottom: 1px solid rgb(193, 186, 111);
/* text-transform: uppercase; */
}
#nav li a	{
	color: #000e96;
}
#nav li a:hover {
	color: rgb(193, 186, 111);
}
#nav li a:active	{
	color: #000fa3;
}
#nav li a.on {
	color: #c1ba6f;
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.1;
}
/* -------------------------- */


@media (max-width: 2048px) {
#wrap  {
width: 1024px;
}

}

@media (max-width: 1024px) {

#wrap  {
width: 1024px;
}

}

@media  (min-width: 640px) and (max-width: 768px) {

#wrap {
width: 740px;
}
#banner-inprint {
background: url(/site/site/assets/art/ri76_lg-bgd-scrnd.gif) no-repeat center .5em;
}
#banner-general {
	background:  url('/site//assets/art/RIPS-logo_x640.png') no-repeat center .5em;
}
#banner-general p.address  {
  padding-top: 102px;
}

#main, #ind-title #main.inprint, #selected #main.inprint, #books #main.inprint   {
margin: 0;
width: 65%;
}
#books #main.inprint   {
margin: 0;
width: 70%;
}
#aside  {
width: 24%;
margin: 0 0 0 1em;
}
#ind-title #main.inprint h2, #ind-title #main.inprint p {
	padding: 0;
}
#ind-title #main.inprint h2 {
	font-size: 1.6em;
}
#ind-title #main.inprint h2.author {
	font-size: 1.35em;
	margin: .75em 0 2em;
}
#main h1 {
	font-size: 1.6em;
	margin-bottom: .75em;
}
}


@media  (min-width: 300px) and (max-width: 639px) {

#wrap {
	width: 320px;
}
#banner {
height: 17em;
}
#banner, #banner-general, #banner-inprint {
	background: url(/site/assets/art/ri76_x300_gold2.gif) no-repeat 0 .5em;
}
/* 
{
	background: url(/site/assets/art/ri76_x300_gold2.gif) no-repeat 0 .5em;
}
 */
#banner p.address, #banner-general p.address  {
  padding-top: 8em;
  font-size: .95em;
  line-height: 1.4;
}
#selected #banner p.address {
	padding-top: 8em;
}
#banner p em {
font-size: 1.9em;
}
h1 {
	font-size: 1.75em;
}
#main.inprint h2 {
	font-size: 1.3em;
}
#main.inprint h2.author {
	font-size: 1.05em;
	margin:  .5em 0 1.5em;
}
#ind-title #main.inprint h2 {
	font-size: 1.5em;
}
#ind-title #main.inprint h2.author {
	font-size: 1.25em;
	margin:  .25em 0 1.5em;
}

.flt {
	float: none;
}
#home #main p.blam {
	padding-left: 0;
	text-align: center;
}
#home #main img {
	display: block;
	margin: 0 auto 1em;
	text-align: center;
}
#order .flrt img {
	display: none;
}
#ind-title #main.inprint img {
max-width: 100%;
float: none;
display: block;
margin: 1em auto;
}
#main  {
float: none;
margin: 1em auto;
padding-bottom: 2em;
width: 21em;
}
#selected #main.inprint {
	width: 21em;
}

#selected #main.inprint img {
	float: none;
	display: block;
	margin: 0 auto 1em;
}

#books #main.inprint .col3 {
	width: 21em;
}
#ind-title #main.inprint {
	width: 90%;
}
#aside  {
clear: both;
float: none;
width: 18em;
margin: 2em auto;
}
#main.inprint h2, #main.inprint p {
	padding: 0;
}
.col2, .col3 {
float: none;
width: 65%;
margin: 0 auto;
}
.col-left-margin {
margin-left: auto;
padding-left: 0;
border-left: none;
}

#ind-title #aside {
	width: 60%;
}

}



#editpage {
	display: block;
	position: absolute;
	top: 20%;
	left: 0;
	padding: 5px 6px;
	background: #db1174;
	color: #fff;
	font-weight: bold;
}
#editpage:hover {
		background: #ffc;
		color: #000;
}