@charset "utf-8";
/* CSS Document */
/*
Colors:
#996600; dark brown
#C93; light brown
#000033; font color
#ffcc33; index font color aka sunglow
#FE6234; red
#3CB371; green aka mediumseagreen
#5E9FD5; blue
#F8F487; old yeller
#FFD700; yellow aka gold
#FFF; white
*/

/* BEGIN COMMON PROPERTIES */

html {
	padding-bottom:01%;/* adds space between the bottom of the browser window and the content inside the page */
}

body { /* this tag holds all the content visible in a web browser window */
	position: relative;
 	max-width: 1100px;
	width: 100%; /*  creates a box for the page's content that's 100 percent the width of the browser window */
	background-color:#996600;
	color: #000033;
	font-family: Georgia, "Times New Roman", Times, serif;
}

@font-face {
	font-family" 'Quintessential';
	src: https://www.karidasangha.net/Fonts/Quintessential-Regular.woff') format 'woff'');
	font-weight: normal;
	font-style: normal;
}


.button {
  background-color: #996600;;
  border: none;
  color: #C93;
  padding: 15px 32px;
  border-radius: 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
  margin: 4px 2px;
  cursor: pointer;
}



/*BEGIN IMAGES */
img	{
	max-width: 100%;
}
.imgleftmargin {
	margin-left: 1.5%;
}
.imgrightmargin {
	margin-right: 1.5%;
}
.imgSmall {
	max-width: 27.94%;
}
.imgRight {
	float: right;
}
.imgLeft {
	float: left;
}
/*END IMAGES */
title {
	color: FFD700;
}
/* BEGIN ANCHORS */

a {
	text-decoration: underline;
}
.plain a {
	text-decoration: none;
	color: #000033;
}
.logo a {
	vertical-align: -220%;
}

/* END ANCHORS */
/* BEGIN PARAGRAPHS */
p {
	font-size: 125%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.psunglow {
	color: #FFCC33;
}
.p150percent {
	font-size: 150%;
}

.psomemore {
	line-height: 1.4;
}

.pmore {
	line-height: 1.5;
}
.pless {
	line-height: .05;
}
.quote {
	line-height: 1.2;
	font-size: large;
}
.pcl {
	clear:left;
}
.pcr {
	clear:right;
}
.pctr {
	text-align: center;
	line-height: 1.1;
}
.book {
	font-size: 100%;
}
.indent {
	text-indent: 3%;
}
.journey {
	font-size:75%;
}
.morespace {
	line-height: 1.5;
}
.pc {
	text-align: center;
}
.pl {
	text-align: left;
}
.pre {
	white-space: pre;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.recitations {
	text-align: center;
	line-height: 50%;
}
.quintblack {
	font-family: 'Quintessential', cursive;
}
.quint {
	color: "#996600";
	font-family: 'Quintessential', cursive;
}

.quintfont {
	font-family: 'Quintessential', cursive;
}

.quinttan {
	color: "#FFCC33";
	font-family: 'Quintessential', cursive;
}


/* END PARAGRAPHS */
/* BEGIN PADDING */


.earthBox {
	border-radius: 30px;
	border: 10px solid green;
}
.specialBox {
	border-radius: 20px;
	box-shadow: 4px 6px 8px /*#996600*/ rgba(0,0,0,.75);
}
.picpadsides {
	padding: 0 15;
}
.padsides {
	padding: 0 90px;
}
.kypadsides {
	padding: 0 130px;
}

/* END PADDING */
/* BEGIN LISTS */

ol {
	list-style: decimal inside;
	font-size: 100%;
	/* padding-left: 0; */
}
ol:first-letter {
	font-weight: bold;
}
ul {
	font-family: 'Quintessential', cursive;
	list-style: none;
}

/* END LISTS */
/*BEGIN FLOAT*/

.floatright { float: right; 
	margin: 0 0 0 10px ;
}

.floatleft {
	float: left;
	margin: 10px 10px 0 0;
	color: #FFCC99;
}
.kyright { 
	float: right; 
	margin: 0 0 0 30px ;
}
.kyleft { 
	float: left; 
	margin: 10px 30px 0 0;
}
/*END FLOAT*/
/* BEGIN HEADINGS */

h1, h2, h3, h4, h6 {
	font-weight: bold;
	font-family: 'Quintessential', cursive;
}



h1 {
	font-size: 150%;
	text-align: center;
}

h2, h3, h4 {
	font-size: 125%;
}

h2 {
	text-align: left;
/* 	font-size: 200%; */
}
h3 {
	text-align: center;
}
h4 {
	text-align: right;
}
h10 {
	font-style: italic;
	text-align: center;
	font-size:200%;
}
.recitations h1 {
	font-weight: normal;
}

/* END HEADINGS */
/* BEGIN COLOR	*/

.question {
	COLOR: #990000;
}
.red {
	border: 20px solid #FF0000; /* #FE6234; */
}
.green {
	border: 20px solid #3cb371;	/* 9dff99; */
}
.blue {
	border: 20px solid #5E9FD5;
}
/*
.earthblue {
	border: 4px solid B0C4DE;
}
*/
.yellow {
	border: 20px solid #FFD700; /* #F8F487; */
}
.white {
	border: 20px solid #FFF;
}
.blackbox {
		border: 1px solid #000;
}

/* END COLOR	*/
/* END COMMON PROPERTIES*/
/* BEGIN HOME PAGE PROPERTIES */ 

.welcome {
	position: relative; 
	left: 1.5%; 
	top: 35px; 
	width: 80%; 
	z-index: 1; 
	background: #C93; 
}

.welcome h1 {/* A descendent selector that formats all <h1> tags that appear inside a tag with a class of welcome applied to it. */
	padding: 0 ;
}
.welcome h1+img { /* A descendent selector that formats all <img> tags that appear immediately after a <h1> tag inside a tag with a class of welcome applied to it. */
	margin: 17px;
}

.buddhas {
	position: absolute; 
	left: 540px;  
	top: 20px; 
	width: 100%;  
	z-index: 1; 
	background: #C93; 
}
.buddhas a {
	font-size: 62.5%;
	float: right;
}

.buddhas h1 {
	padding: 0 20px;
}

.buddhas h2 {
	border-top: 40px #996600 solid;/* this adds a colored line above the  element  */
	text-indent: 10px;
	line-height: 250%;
	font-family: 'Quintessential', cursive;
}

.buddhas p {
	margin-left: 30px;
	margin-right: 50px;
}

.buddhas img {
	margin-right: 20px;
}
.rightcolumn {
	position: absolute;
	left: 521px;
	top: 2%;
	width: 46%;
	z-index: 1;
	background: #C93;
}

.stay-away {
	margin-left: 10%;
	margin-right: 6%;
	color: #000;
 }
.rightcolumn a {
	font-size: 150%;
	align: center;

}


/* END HOME PAGE PROPERTIES */
/* BEGIN INDEX PROPERTIES */

.indexDIV {
	position: absolute;
	left: 02.45454545454545%; 
	Padding-left: 25px; 
	top: 17px; 
	width: 16.72727272727273%; 
	z-index: 1; 
	background: #960;
}
.indexDIV a {
	text-decoration: none;
	color: #ffcc33;
	/* font-weight: bold; */
}
.permission {
	position: absolute; 
	left: 27px;
	top: 99%;  
	width: 170px; 
	z-index: 4;
	font-size: 62.5%;
}
.permission a {
	color: #0000EE;
	text-decoration: underline;
}

/* END INDEX PROPERTIES */
/* BEGIN CONTENT PROPERTIES */

.contentDIV { 
	position: relative; 
 	padding: 25px; 
	left: 21.72727272727273%; 
	top: 17px; 
	width: 70.27272727272727%; 
	z-index: 2; 
	background: #C93; 
}


.contentJDIV { 
	position: relative; 
 	padding: 25px; 
	left: 21.72727272727273%; 
	top: 17px; 
	width: 80.27272727272727%; 
	z-index: 2; 
	background: #C93; 
}


.contentDIV p a {
	text-align: left;
}
.contentDIV a {
	text-align: left;
}
.contentDIV h1 {
	font-size: 150%;
	text-align: center;
}
/* END CONTENT PROPERTIES */

/* BEGIN CONTAINER SECTION */

.container {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.container img {
  width: 100%;
  height: auto;
}
.btn {
  background-color: #C93;
  color: #996600;
}


.btnyellow {
  background-color: #960;
  border-color: #FC3;
  color: #FC3;
}

.p110percent {
	font-size: 110%;
}

.container .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #C93;
  color: #996600;
  font-size: 16px;
  padding: 16px 30px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn:hover {
  background-color: #996600;
  border-radius: 40px;
  color: #ffcc33;
}



/* END CONTAINER SECTION  

/* END TYPICAL PAGE PROPERITS */
/* BEGIN TWO CONTENT-COLUMNS PROPERTIES */

.splitDIV { /* class used for two-column content divs */
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: padding-box;
	box-sizing: padding-box;
	float: left;
	position: relative; 
	width: 45%; 
	z-index: 2; 
	background: #C93; 
}
.gutter { /* class used with two-column content divs to provide space on left of right div */
	padding-left: 25px;
}
.clear { /* Because both the columns are floated, this layout uses a clear:both declaration at the bottom of the content div after the final floated column (but before the content div closes. This clearing technique forces the contaning content div to understand where the columns end in order to show the  background color in the container. */
	clear: both; 
}

/* END TWO CONTENT-COLUMNS PROPERTIES */