@charset "UTF-8";
/* Designed by Phuong Anh Nguyen for Ong xa. Style sheet for Lesser Scribe Author. U/D 6/20/2020!*/
/* LesserScribe*/

body {
    color: black;
    background-color: #b3cce6;
	background-image:url(images/background.jpg);
	background-repeat: repeat-y;
 background-size:cover;
	background-size:100% auto;
    font-family: Arial, Helvetica, sans-serif;
	margin: auto;
 text-align: justify;
}


h1, h2 {
  text-shadow: 2px 2px white;
}

a, ul, li {color:black;
	text-decoration:none;}

li  {list-style: square;}

img {
	padding: 30px auto;}


/*BANNER: page header
MAIN: outer place-holder for all content except banner
UPDATES: right-side documentary column for news and update on index.html
PROJECT_: inner place-holder for sections with size specified by percentage, directly under Main
ONE/TWO/THREE/FOUR FRAME: inner placeholder for one/two/three/four frames stacking inside a CONTENT*/

/*BANNER*/
#banner {
	clear: both;
	background-color: rgba(255, 255, 255, 0.5);
	width: auto;
	height:140px;
}

	
#lesserscribe {
	float: left;
	width: auto;
 padding-left: 4%}
	
#MH {
	float:right;
	width: 23%;
	background-color:#b4cde4;
	color: white;
	padding:1%; 
  margin:1% 2%;
	border: inset thin white;
	}
 
 
/*MAIN*/
#main {
	clear: both; 
}

/*MAIN-subDV*/
#main_subDV {
	clear: both;
 padding: 0 5% 2% 5%;
}

/*footer*/	
#contact{
	clear: both;
	border-top: thin solid whitesmoke;
  text-align: center;
  color: whitesmoke;
  font-size: 120%;
}

#contact a {
	color: #000099; 
}

/*UPDATES for books - 23% of page*/
.bin-sm {
	float:right;
	width: 23%;
	background-color:#e6f2ff;
	padding: 1%; 
    margin-right:2%;
	color: #003366;
	}
 
.bin-sm h2 {
	text-align:left;
	padding-left: 10px;}

.bin-sm ul {
	padding: 0 5px 5px 25px}

.bin-sm ul li {
    margin: 0 10px 10px auto;
    margin-right: 0;
	padding-right: 12px;
  font-size: 90%;
  text-decoration:underline;
}

.bin-sm a {
	color:#003366;
}

.bin-sm p {
	padding-left: 12px;}
	
.bin-sm img {
	border-radius: 0px;
	margin: auto; 
}

#updates thumbnail a {
	width: 120%;}

.thumbnail {
	border: 2px solid #ffffff;
	height: auto;
	display: block;
	margin:2px 2px;}

/*PROJECT_*/

.bin-med, .bin-lrg {
	margin: 0 3%;
  padding:0 1% ;
  clear: left;}
	
.bin-med h1, .bin-lrg h1 {
  text-shadow: 2px 2px white;
}
	
.bin-med {
	width: 65%;
	}
	
.bin-lrg {
	width: 98%;
	text-align:center;
	clear: both;
	}

.bin-lrg img {
	border-radius: 25px; }
	

.thumb4bin {
	width: 17.5%;
	text-align: left;
	float: left;
	clear:none;
    border: 0 3px;
    padding: 0 8px;
	margin: 0 3px 35px 3px}

.thumb4bin img {
  width: 95%;
  border-radius: 20px;
}


/*Dai Viet*/

#image_subpage {
  width: 100%;
  display: block;
  height: auto;
  clear: both;
  padding-bottom: 0;
}

#image-sample {
 width: auto;
  display: block;
  height: auto;
  clear: both;
  padding-bottom: 0;
}


.thumb_subpage {
	width: 14%;
	text-align: center;
  display:block;
	float: left;
	clear:none;
    border: 0 3px;
    padding: 0 8px;
	margin: 0 25px 10px 25px}

.thumb_subpage img {
  width: 95%;
  border-radius: 20px;
}

.quote {
 margin: 0 70px;
 padding: 0 7%;
 background-color: #e6f2ff;
 border-image: url(../images/background_quotes.jpg) 20% round;
}

.quote_small {
 padding: 0 3%;
 background-color: #e6f2ff;
 border-image: url(../images/background_quotes.jpg) 20% round;
}

.caption {
 padding: 0 10% 10px 10%;
 text-align: center;
 color: #00008B;
}

.caption img {
 padding-bottom: 10px;
  text-align: center;
 color: #00008B;
}

.image_float {
padding: 0 10px;
 text-align: center;
 color: #00008B;
}

.image_float img {
 margin: 0 30px 30px 30px;
display: block
}

table {
 padding: 0 15%;
}

td {
 width: 40%;
 padding: 3px 3% 0 3%;
 vertical-align: top;
 text-align: center;
 color: #00008B;

}

#sources {
 margin: 30px;
 padding: 20px;
 background-color: #e6f2ff;
 opacity: 0.6;
}

/*Anchors_ khmer */	
#anchor{
	clear: both;
	border-bottom: thin solid whitesmoke;
  text-align: center;
  color: whitesmoke;
  font-size: 120%;
}