/* elements */
body {background-color: #222222;
	font-family: "Times New Roman", serif;
	margin:0;
	padding:0;
	width:100%;}
h1 {text-align:center;
  /*color:#9cf;*/
  color:#eee;}
p {font-size:1.1em;}
button {font-weight: bold;
  margin: 0 5px;
  letter-spacing:3px;
  font-family:"Times New Roman", serif;}
nav {display:grid;
  grid-template-columns: auto auto auto auto auto;
  margin:10px auto;
  padding:3px 5px;
  max-width:50%;
  border:1px inset #930;
  text-align: center;}
ul li {list-style-type:none;}
/* end elements */
/* grid elements */
.grid-it {display: grid;
  grid-template-columns: auto 275px;
  grid-gap: 20px;
  max-width:1880px;
  width:1880px;
  margin: 0 auto;}
/* end grid elements */
/* page elements */
#container {margin-bottom:25px;}
/* main section */
#main-section {border:2px outset #fff;
	padding: 10px 10px;
	font-size: 1.2em;
	background-color:rgba(255,255,255,0.9);}
/* end main section */
/* right column */
#right-column {font-weight: bold;
	background-color:#000;
	color:#fff;
	padding: 5px 10px;
	border:2px groove #fff;}
#right-column ul li a {color:#cdf;
	text-decoration:none;}
#right-column ul li a:hover {color:#fff;
	background-color: #036;}
/* end right column*/
/* image elements */
#banner {width:75%;
	margin:0 auto;
	padding:10px 2px;
	background-color: transparent;
	text-align:center;
	border:2px groove #ffd700;
	border-top:none;}
#site-banner {max-width:70%;
	min-width:480px;
	margin:0 auto;}
/* minor image elements */
#left-monkey, #right-monkey  {height:270px;
	max-height: 270px;
	width:auto;}
#left-monkey {float:left;}
#right-monkey {float:right;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);}
.vitruvian {background-color: #fff;
	text-align: center;}
.vitruvian img {max-width:250px;}
/* end image elements */
/* footer elements */
footer {width:100%;
	text-align:center;
	position:fixed;
	bottom: 0;}
#website_id {background-color:#000;
	width:100%;
	padding: 5px 0;}
#website_id p {font-size:1.0rem;
	color:#ccc;
	font-weight:bold;
	font-family: 'Playball', cursive;}
/* end footer elements */
/* gallery area */
#gallery {display:grid;
	grid-template-columns: 33% 33%;
	margin-bottom:150px;
	padding:10px 20px;}
.gallery_featured {max-width:75%;}
.gallery_featured img {max-width:100%;}
/*google fonts declarations*/
h1 {font-family: 'Abril Fatface', cursive;}
button.ui-button {font-family: 'ZCOOL XiaoWei', serif;}
#main-section p {font-family: 'Tangerine', cursive;
	font-size:2.0rem;}
	
/* responsive code */
@media screen and (max-width: 480px;) {
	#right-column {display:none;}	
}