title {
	display: none;
}


body {
	background: url(images/cloud-shadows-v4-no-gradient-frame-double-400ms-512x512.gif); 
	background-color: #749b79;
	/*background-size: cover;*/
	background-size: 100%;
	margin-bottom: 1.5em;
}


audio {
	width: 60%;
	height: 64px;
	opacity: 0.25;
}


table {
	width: 100%;
}


hr {
	display: block;
	height: 1px;
	border-top: 1px solid #6279ac;
	margin: 21px;
	padding: 0;
}


a:link {
	color: #ffffff;
	text-decoration: none;
}


a:visited {
	color: #ffffff;
	text-decoration: none;
}


a:hover {
	color: #c8c8ff;
	text-decoration none;	
}


a:active {
	color: #9696ff;
	text-decoration: none;
}


#avatar-1 {
	left: 155px;
	top: 154px;
}
#avatar-2 {
	left: 311px;
	top: 154px;
}
#avatar-3 {
	left: 467px;
	top: 154px;
}


#avatar-4 {
	left: 155px;
	top: 332px;
}
#avatar-5 {
	left: 311px;
	top: 332px;
}
#avatar-6 {
	left: 467px;
	top: 332px;
}


#avatar-7 {
	left: 155px;
	top: 510px;
}
#avatar-8 {
	left: 311px;
	top: 510px;
}
#avatar-9 {
	left: 467px;
	top: 510px;
}


#avatar-10 {
	left: 155px;
	top: 688px;
}
#avatar-11 {
	left: 311px;
	top: 688px;
}
#avatar-12 {
	left: 467px;
	top: 688px;
}


#banner-container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 750px;
}


#banner-image {
	border-style: solid;
	border-color: #609997;
	border-width: 0.15em;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


#blossom-flower-control {
    display: none;
}


#blossom-flower-control:checked + label > img {
	content: url(images/blossom-flower-rotate.gif); 
}


#blossom-flower-button {
	text-align: center;
	margin-left: 47%;
}


#dex-container-frame {
	width: 750px;
	height: 994px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


#dex-navigation {
	display: block;	
	text-align: center;
	width: 750px;
	margin-left: auto;
	margin-right: auto;	
}


#navigation-previous {
	display: block;
	margin-right: 79%;
}


#navigation-next {
	display: block;
	margin-left: 79%;
}


.avatar-click-box {
	float: left;
	position: absolute;
	opacity: 0%;
	background-color: green;
	height: 128px;
	width: 128px;
	border-radius: 64px;
}


.dex-entry-container {
	float: center;
	position: absolute;
	left: 127px;
	top: 59px;
	border-color: red;
	border-width: 0px;
	border-style: solid;
	width: 496px;
	height: 690px;	
}


.dex-entry-photo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.dex-text-header {
	text-align: left;
	font-family: Times New Roman, serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #ffffff;
	font-style: italic;
	text-shadow: 1px 1px 2px #4a69a9, 0px 0px 4px #4a69a9, 0px 0px 4px #7f9fe5;
}


.some-dex-text {
	text-align: left;
	font-family: Times New Roman, serif;
	font-size: 1.25em;
	font-weight: 700;
	color: #ffffff;
	font-style: italic;
	text-shadow: 1px 1px 2px #4a69a9, 0px 0px 1px #4a69a9, 0px 0px 1px #7f9fe5;
}


.text-indent {
	text-indent: 1em;
}


.image-container {
	margin-top: 14em;
}


.centered-top-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0em;
}


.centered-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.small-break {
	margin: 1em;
}


.super-small-break {
	margin: 0.5em;
}


.text-container {
	display: block;
	width: fit-content;
	block-size: fit-content;
	margin-left: auto;
	margin-right: auto;
	opacity: 0.9;
	border-style: solid;
	border-color: #609997;
	border-width: 0.15em;
	background: #3f5648;
	padding: 1em;
}


.indent-text-1 {
	text-indent: 2em;
	margin-bottom: 0.25em;
}


.indent-text-2 {
	text-indent: 4em;
}


.some-text {
	text-align: left;
	font-family: Garamond, serif;
	font-size: 1em;
	font-weight: 700;
	color: #ffffff;
	font-style: italic;
	background: -webkit-linear-gradient(45deg, #83e782, #8297e7 80%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}


.some-small-text {
	text-align: center;
	font-family: Garamond, serif;
	font-size: 0.85em;
	font-weight: 300;
	color: #ffffff;
	font-style: italic;
	margin-bottom: 1.5em;
	background: -webkit-linear-gradient(45deg, #65a264, #3a4365 80%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}


.some-big-text {
	text-align: center;
	font-family: Garamond, serif;
	font-size: 1em;
	font-weight: 700;
	color: #ffffff;
	font-style: italic;
	margin-top: 0.5em;
	margin-bottom: 0.5em;	
	text-shadow: 1px 1px 2px #4a69a9, 0px 0px 8px #4a69a9, 0px 0px 8px #7f9fe5;
}