@charset "utf-8";
/* CSS Document */

a {text-decoration: none;}

header {padding-bottom: 2pt;}

main {background-color:#efe9e7;
		padding-bottom: 40px;}

nav {text-decoration: none;
	background-color: #FFF;
	text-align: center;
	font-family: "Space Mono", monospace;
	color: #000;
	border-top: solid;
	border-bottom: solid;
	border-bottom-color: #000;
	border-width: thin;}

ul {list-style: none;
	background: #FFF;}

ul li {display: inline-block;
		position: relative;}

ul li a {display: block;
		padding: 0px 65px;
		color: #000;
		text-decoration: none;
		text-align: center;
		font-size: 20px;}

ul li ul.dropdown li {display:block;}

ul li ul.dropdown {width: 100%;
					background: #FFF;
					position: absolute;
					z-index: 999;
					display: none;}

ul li a:hover {background: #B0B0B0;}

ul li:hover ul.dropdown {display:block;}





.signupcontainer{width: 800px;
  				height: 250px;
 			 	border: 2px solid black;
				padding: 30px 0px 30px 100px;}

#wrapper{background-color: #efe9e7;
		margin-left: 15%;
		margin-right: 15%;}

.home {padding: 1% 5%;}

.center {display: block;
  margin-left: auto;
  margin-right: auto;
  width: 6%;}

.alignleft {move: left;
	width: 20%;}

p {font-size: 8pt;
	font-family: "Space Mono", monospace;
	text-decoration: none;}

h2 {font-size: 14pt;
	padding-top: 20px;
	font-family: "Space Mono", monospace;
	color: #000;}

#balm {width: 20%;
	padding-left: 70px;
	display: flex;}

#banner {width:100%;}

#smallb {position: absolute;
	right:20px;
	top:20px;
	padding: 5px 5px;
	border-radius: 8px;
	background-color: #efe9e7;
	border-style: none;
	color: #000;
	font-family: "Space Mono", monospace;
	text-decoration: none;
	font-size: 15px;}

footer {text-align:center;
		background-color: #FFF;
		font-family: Arial;
		font-size: .60em; 
		padding-top: 5px;
		padding-bottom: 5px;}

label {float: left;
		display: inline-block;
		background-color: #FFF;
		width: 35%;
		text-align: center;
		margin-right: 10%;}

input {border: none;
		width: 35%;
		font-size: 20px;
		font-family: "Space Mono", monospace;}

.mc-field-group {font-size: 20px;
				font-family: "Space Mono", monospace;
				margin-bottom: 20px;
				padding-left: 50px;}


table, th, td {
  border: 2px solid black;
  border-collapse: collapse;}

h2 {text-align: center;}

p {text-align: center;}

#bigb {position: absolute;
		right: 340px;
		top: 360px;
		padding: 10px 10px;
		border-radius: 15px;
		background-color: #FFF;
		border-style: none;
		color: #000;
		font-family: "Space Mono", monospace;
		text-decoration: none;
		font-size: 24px;}

#rf {padding-top: 5%;
	padding-bottom: 2%;}

.button {background-color: #FFF;
		color: #000;
		padding: 5px 5px;
		border-radius: 15px;
		border-style: none;
		font-family: "Space Mono", monospace;
		text-decoration: none;
		font-size: 15px;}

.foot {width:60%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 25%;}

#column {margin-top: 100px;}

.flex-container  {display: flex;
	justify-content: space-between;
	border: solid;
	padding-bottom: 5px;
	padding-right: 70px;
	padding-top: 5px;}

#moon {width: 50%;
	display: flex;
	float: right;
	padding-right: 100px;}

#movie {width: 22%;
	display: flex;
	padding-left: 70px;}
		
.rflex-container {display: flex;
	justify-content: space-between;
	border: solid;
	padding-bottom: 5px;
	padding-left: 70px;
	padding-top: 5px;}

#julia {width: 22%;
		height: 22%;
		display: flex;
		padding: 10px 20px 10px 20px;}

#book1 {width: 15%;
		height: 15%;
		display: flex;
		padding: 10px 20px 5px 70px;}

#book2 {width: 40%;
		display: flex;
		float: right;
		padding: 10px 120px 0px 0px;}

#book3 {width: 15%;
		height: 15%;
		display: flex;
		padding: 10px 20px 5px 70px;}

#book4 {width: 40%;
		display: flex;
		float: right;
		padding: 10px 110px 10px 0px;}

.italic {font-style:italic;}

#music1 {width: 20%;
		height: 20%;
		display: flex;
		padding: 40px 20px 5px 50px;}

#music2 {width: 50%;
		display: flex;
		float: right;
		padding: 40px 100px 0px 0px;}

#music3 {width: 20%;
		height: 20%;
		display: flex;
		padding: 30px 20px 5px 60px;}

#music4 {width: 50%;
		display: flex;
		float: right;
		padding: 30px 100px 0px 0px;}

#trinket1 {width: 15%;
			height: 15%;
			display: flex;
			padding: 10px 20px 5px 60px;}

#trinket3 {width: 25%;
			height: 25%;
			display: flex;
			padding: 40px 20px 5px 60px;}

#local1 {width: 20%;
		display: flex;
		padding: 10px 20px 5px 40px;}

#local2 {width: 40%;
		display: flex;
		float: right;
		padding: 10px 100px 0px 0px;}

.lf1 {padding-left: 40px;}

.lfp1 {padding-left: 40px;}

#local3 {width: 20%;
		display: flex;
		padding: 10px 20px 5px 40px;}

#local4 {width: 45%;
		display: flex;
		float: right;
		padding: 10px 80px 20px 0px;}

.lf2 {padding-left: 40px;}

.lfp2 {padding-left: 40px;}