@charset "UTF-8";

@media (prefers-color-scheme: dark)
{
	body
	{
		background-color: #000;
		color: #bdc4c2;
		margin-top: 80px;
	}
	

	
	
	textarea.journal
	{
		background-color: #000;
		color: #2aab31;
		border-color: transparent;
	}
	
	textarea.journal:focus
	{
		background-color: #000;
		color: #2aab31;
		border-color: transparent;
	}
	
	textarea.body
	{
		background-color: #000;
		color: #2aab31;
	}
	
	textarea.body:focus
	{
		background-color: #000;
		color: #187AEB;
	}
	.body-style
{
	font-family: capucine-web, sans-serif;
	text-align: justify;
	color: #2aab31;
	white-space: normal;
	display: block;
	padding: 10px;
	width: 100%;
	font-size: 34px;
	line-height: 36px;
}

	#FooterLDBox
	{
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 50px;
		padding: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-clip: content-box;
		display: inline-block;
		background-color: #000000;
		overflow-x: hidden;
		overflow-y: hidden;
		text-align: center;
	}
}

@media (prefers-color-scheme: light)
{
	body
	{
		background-color: #FFF;
		color: #000;
		margin-top: 80px;
	}
	
	
	
	textarea.journal
	{
		background-color: #FFF;
		color: #000;
		border-color: transparent;
	}
	
	textarea.journal:focus
	{
		background-color: #FFF;
		color: #000;
		border-color: transparent;
	}
	
	textarea.body
	{
		background-color: #FFF;
		color: #000;
	}
	
	textarea.body:focus
	{
		background-color: #FFF;
		color: #000;
	}
.body-style
{
	font-family: capucine-web, sans-serif;
	text-align: justify;
	color: #000;
	white-space: normal;
	display: block;
	padding: 10px;
	width: 100%;
	font-size: 34px;
	line-height: 36px;
}

#FooterLDBox
{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	padding: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-clip: content-box;
	display: inline-block;
	background-color: #FFF;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: center;
}

}


	
	

.Left-Margin { padding: 10px; }
.ClearAll { clear: both; }


.dropdown-menu { color: #65B7FF; }

.dropdown-item
{
	color: #65B7FF;
	font-size: 24px;
}

.dropdown-item:hover, .dropdown-item:focus
{
	color: #65B7FF;
	text-decoration: none;
}

.dropdown-item.active, .dropdown-item:active
{
	color: #65B7FF;
	text-decoration: none;
}

.Nav-Text01
{
	font-family: capucine-web, sans-serif;
	vertical-align: middle;
	color: #FFF;
	font-size: 24px;
	text-align: left;
}


.boxborder
{
	margin: 10px;
	padding: 10px;
	border: medium solid #44A6DB;
	display: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 600px;
	height: 50px;
}

.copyright-text
{
	font: italic;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "monospace";
	font-size: 14px;
	color: #2aab31;
	line-height: 24px;
	text-align: center;
}

.subupdate
{
	font-variant-position: sub;
	font-size: 14px;
	color: #2BAB31;
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (max-width: 768px)
{
	textarea.journal
	{
		font: normal;
		font-family: anonymous-pro, monospace;
		font-size: 18px;
		border: none;
		height: 1024px;
		width: 400px;
		overflow: auto;
	}
	
	textarea.journal:focus
	{
		font: normal;
		font-family: anonymous-pro, monospace;
		font-size: 18px;
		border: none;
		height: 1024px;
		width: 400px;
		background-color: #000;
		color: #2aab31;
		border-color: transparent;
		overflow: hidden;
	}
	
	.glass
	{
		font-family: capucine-web, sans-serif;
		/* background styles */
		position: relative;
		display: inline-block;
		padding: 10px 10px;
		margin: 0px 5px 0px 5px;
		background-color: gray;
		/*for compatibility with older browsers*/
		background-image: linear-gradient(rgb(214, 222, 219), black);
		/* text styles */
		text-decoration: none;
		color: #FFF026;
		border-radius: 3px;
		box-shadow: 0px 1px 4px -2px #333;
		text-shadow: 0px -1px #333;
		min-width: 150px;
		max-width: 200px;
	}
	
	.navbar-toggle {
      display: block;
      position: absolute;
      right: 0;
      top: 0;	
      float: none;
    }
}

@media only screen and (min-width: 992px)
{
	textarea.journal
	{
		font: normal;
		font-family: anonymous-pro, monospace;
		font-size: 18px;
		border: none;
		height: 1024px;
		width: 900px;
		overflow: auto;
	}
	
	textarea.journal:focus
	{
		font: normal;
		font-family: anonymous-pro, monospace;
		font-size: 18px;
		border: none;
		height: 1024px;
		width: 900px;
		overflow: hidden;
	}
	
	.glass
	{
		font-family: capucine-web, sans-serif;
		/* background styles */
		position: relative;
		display: inline-block;
		padding: 10px 10px;
		margin: 0px 5px 0px 5px;
		background-color: gray;
		/*for compatibility with older browsers*/
		background-image: linear-gradient(rgb(214, 222, 219), black);
		/* text styles */
		text-decoration: none;
		color: #FFF026;
		border-radius: 3px;
		box-shadow: 0px 1px 4px -2px #333;
		text-shadow: 0px -1px #333;
		min-width: 300px;
		max-width: 400px;
	}
}

@media only screen and (min-width: 1200px)
{
	textarea.journal
	{
		font: normal;
		font-family: anonymous-pro, monospace;
		font-size: 18px;
		border: none;
		height: 1024px;
		width: 900px;
		overflow: auto;
	}
	
	textarea.journal:focus
	{
		font: normal;
		font-family: anonymous-pro, monospace;
		font-size: 18px;
		border: none;
		height: 1024px;
		width: 900px;
		overflow: hidden;
	}
	
	textarea.body
	{
		font: normal;
		font-family: anonymous-pro, monospace;
		font-size: 18px;
		height: 399px;
		width: 800px;
		overflow: auto;
	}
	
	textarea.body:focus
	{
		font: normal;
		font-family: anonymous-pro, monospace;
		font-size: 18px;
		border: solid #2BAB31;
		height: 399px;
		width: 800px;
		overflow: auto;
	}
	
	.glass
	{
		font-family: capucine-web, sans-serif;
		/* background styles */
		position: relative;
		display: inline-block;
		padding: 10px 10px;
		margin: 0px 5px 0px 5px;
		background-color: gray;
		/*for compatibility with older browsers*/
		background-image: linear-gradient(rgb(214, 222, 219), black);
		/* text styles */
		text-decoration: none;
		color: #FFF026;
		border-radius: 3px;
		box-shadow: 0px 1px 4px -2px #333;
		text-shadow: 0px -1px #333;
		min-width: 300px;
		max-width: 400px;
	}
}

.glass:after
{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));
	z-index: 500;
}

.glass:hover
{
	background: #000000;
	color: #2BAB31;
}

.Coming-Soon
{
	color: #3F45F2;
	font-family: "copperplate", Times, serif;
	font-size: 64px;
	line-height: 80px;
	text-align: center;
}

.Coming-Soon-v4
{
	color: #3F45F2;
	font-family: "copperplate", Times, serif;
	font-size: 24px;
	line-height: 32px;
	text-align: left;
}

.Beta
{
	color: #3F45F2;
	font-family: "copperplate", Times, serif;
	font-size: 42px;
	line-height: 80px;
	text-align: center;
}

.form-group { text-align: center; }

.form-body-control
{
	width: 980px;
	max-width: 100%;
	height: 300px;
	font-size: 18px;
}

.form-mytext-control
{
	margin: 10px 20px 10px 20px;
	width: 100%;
	max-width: 250px;
	min-width: 168px;
	height: 50px;
	z-index: 1;
	float: left;
	font-size: 18px;
}

.form2-mytext-control
{
	margin: 10px 20px 10px 20px;
	width: 100%;
	max-width: 900px;
	min-width: 500px;
	height: 50px;
	z-index: 1;
	float: left;
	font-size: 18px;
}

.form-subject-control
{
	width: 980px;
	max-width: 100%;
	height: 50px;
	font-size: 18px;
}

.form-box-control
{
	border: thin solid #ABABA4;
	z-index: 1000;
}

.form-contacts-control
{
	min-width: 168px;
	max-width: 400px;
}

#Logo
{
	display: inline-block;
	clear: both;
	margin: 45px 0px 5px 0px;
	width: 100%;
	max-width: 100%;
	height: auto;
	
}
img {
max-width: 100%;
max-height: 100%;
}

.NAV_Font
{
	font-size: 24px;
	font-family: "copperplate", Times, serif;
	font-weight: 400;
}

.NAV_Fontx
{
	font-size: 24px;
	color: #3F45F2;
	font-family: "copperplate", Times, serif;
	font-weight: 400;
}

.NAV_H1
{
	font-size: 24px;
	color: #3F45F2;
	font-family: "copperplate", Times, serif;
	font-weight: 400;
}

.NAV_Space
{
	padding: 0px 2px 0px 2px;
	margin: 0px 8px 0px 8px;
}

.DIV_Space
{
	margin: 20px;
	padding: 10px;
	clear: both;
}

.Logo_Space
{
	margin: 25px 0px 50px 0px;
	padding: 25px;
}

.date
{
	font-family: "copperplate", Times, serif;
	color: #30C238;
	font-size: 36px;
}

.time
{
	font-family: "copperplate", Times, serif;
	color: #3AE843;
	font-size: 36px;
}

.emin
{
	font-family: "copperplate", Times, serif;
	color: #3AE843;
	font-size: 36px;
}

.wc
{
	font-family: "copperplate", Times, serif;
	color: #44A6DB;
	font-size: 36px;
}

.headerX
{
	font-family: capucine-web, sans-serif;
	color: #8F073F;
	font-size: 36px;
}

.subject
{
	font-family: capucine-web, sans-serif;
	color: #2AAB31;
	font-size: 48px;
}

/* CSS For Fonts in this section */
.Dido
{
	font-family: "copperplate", Times, serif;
	font-size: 36px;
	color: #089bcf;
	max-width: 800px;
	width: 500px;
	position: relative;
	display: block;
}

.edit_box
{
	font-size: 14px;
	color: #08a3d9;
}



.textblocks
{
	font-family: capucine-web, sans-serif;
	text-indent: 1.5em;
	display: inline-block;
	text-align: justify;
	padding: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	color: #BDC4C2;
}

/* blog footer ld box */
/* Link Maker Code */
.link-container
{
	font-family: capucine-web, sans-serif;
	font-size: 24px;
	line-height: 42px;
	color: #44A6DB;
}

.link-container a
{
	color: #2aab31;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

.link-container a:hover
{
	color: #2BAB31;
	text-decoration: underline;
}

.DateTag a
{
	color: #2aab31;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

.DateTag a:hover
{
	color: #DECE00;
	text-decoration: underline;
}

.SetAlign { text-align: center; }

.Working_Link
{
	font-family: "copperplate", Times, serif;
	font-size: 24px;
	line-height: 42px;
	color: #44A6DB;
}

.Working_Link a
{
	color: #44A6DB;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

.Working_Link a:hover
{
	color: #AF47F5;
	text-decoration: underline;
}

/* end link maker Code */
.glassX
{
	font-family: capucine-web, sans-serif;
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 5px 5px;
	margin: 0px 5px 0px 5px;
	background-color: gray;
	/*for compatibility with older browsers*/
	background-image: linear-gradient(rgb(214, 222, 219), black);
	/* text styles */
	text-decoration: none;
	color: #FFF026;
	border-radius: 3px;
	box-shadow: 0px 1px 4px -2px #333;
	text-shadow: 0px -1px #333;
	min-width: 125px;
	max-width: 125px;
}

.glassX:after
{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));
	z-index: 500;
}

.glassX:hover
{
	background: #000000;
	color: #30de32;
}

.NAV-IMG { z-index: 1000; }

.img_float_left
{
	margin-top: 25px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
	float: left;
}

input[type=text]
{
	padding: 10px;
	margin: 10px 0;
	boreder: 0;
	box-shadow: 0 0 15px 4px rbga(0,0,0,0.06);
	border-radius: 10px;
}

input[type=text]:focus { color: #187AEB; }

input[type=password]
{
	padding: 10px;
	margin: 10px 0;
	boreder: 0;
	box-shadow: 0 0 15px 4px rbga(0,0,0,0.06);
	border-radius: 10px;
}

input[type=password]:focus { color: #187AEB; }

.formboxX
{
	padding: 10px;
	margin: 10px 0;
	boreder: 0;
	box-shadow: 0 0 15px 4px rbga(0,0,0,0.06);
	border-radius: 10px;
}

.sendbutton
{
	appearance: none;
	-webkit-appearance: none;
	padding: 10px;
	border: none;
	background-color: #30DE32;
	color: #FFF;
	font-weight: 600;
	border-radius: 5px;
	width: 80%;
	font-size: 24px;
}

.float-left {
float: left;
}

.downloadX {
max-width: 42px;
}

hr {
  border: 0;
  clear:both;
  display:block;
  width: 100%;               
  background-color:#FFFF00;
  height: 2px;
}

.sendbutton {
max-width: 200px;
}

.clear-artwork { margin: 25px 5px 25px 5px; }
.taken { color: #DE1821; }
.available { color: #37DB3F; }