#content a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
  }
#content a:hover {
	color: #fff;
	border-bottom: 0;
}
#content .codes a, #content .flaglist a, #content .aff a {
    border: none 0;
}
body {
	margin: 0;
	background: url(images/banner.webp) no-repeat, linear-gradient(#a5c8e2, #272e3c);
	background-attachment: fixed;
	font: .86em "Quicksand", sans-serif;
	}
nav {
    position: fixed;
    top: 152px;
    left: 58px;
	width: 460px;
	font-size: 1.5em;
	}
nav a {
	display: inline-block;
	padding-bottom: 3px;
	width: 86px;
	color: #eaeaef;
	background-color: #272e3c;
	text-align: center;
	text-decoration: none;
}
nav a:hover {
	position: relative;
	left: 1px;
	top: 1px;
	color: #fff;
}
#contentbox {
	position: fixed;
	margin: 190px 35px;
    width: 500px;
    height: 475px;
	background-color: #272e3c7a;
}
#content {
	padding: 15px;
	height: 445px;
	color: #e0e0eb;
	overflow-y: scroll;
}	
::-webkit-scrollbar {
	width: 15px;
  }
 ::-webkit-scrollbar-thumb {
	background: #272e3c;
  }
ul { list-style-position: outside; }
li { margin-bottom: 10px; }
em {
	font-style: italic;
	color: #f7c77a;	
}
.center, .award {text-align: center;}
h1 {
	color: transparent;
	background: url(images/dropagear.webp);
	height: 54px;
}
h3 {
	padding-left: 5px;
    font: 900 1.4em "Caveat", cursive;
    text-transform: uppercase;
    letter-spacing: .15em;
    background-color: #070d10c4;
	border-bottom: 10px double #fff;
}
h6 {
	margin: 0 0 0 4px;
	font: 1.3em "Caveat", cursive;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
    font-variant-caps: small-caps;
    text-shadow: 1px 1px 1px #000;
	border-bottom: 1px dashed;
}
blockquote{
    margin: 0 auto;
    padding: 4px 14px 5px;
    width: 65%;
    line-height: 14px;
	color: #dd89f7;
	background-color: #070d10c4;
	border-left: 10px double #fff;
}
.titleshade {
	position: fixed;
	top: 657px;
	left: 82px;
	font: 8.5em "Cookie", cursive;
	color: #000;
}
.titlehilight {
	position: fixed;
	top: 654px;
	left: 80px;
	font: 8.5em "Cookie", cursive;
	color: #fff;
}
.title {
    position: fixed;
    top: 655px;
    left: 80px;
    font: 8.5em "Cookie", cursive;
	background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.left {
	float:left;
	margin-right: 12px;
	}
.right {
	float:right;
	margin-left: 3px;
	}
img.left, img.right {
    border: 2px solid #dd89f7;
}
.show_join_form, .show_update_form {
	margin: 0 0 0 -9px;
	padding: 0 19px 5px;
}
.show_update_email_settings { width: 56%; }
.form {
	float: left;
	width: 44%;	
}
label {
	display: inline;
	font-size: 1.1em;
	font-variant: all-small-caps;
}
label:nth-child(9)::after {
    content: " descriptions found on about page";
    font-size: smaller;
}
.req:before{
	content: "*";
	color: red; 
}
input, textarea, select {
    margin: 0px;
    padding: 2px 4px;
    width: 172px;
    font-size: .85em;
    color: #b6d5e8;
    background: none;
    font-size: .95em;
    font-family: inherit;
    border: 1px solid #dd89f7;
    outline: none;
	box-sizing: content-box;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #f3f3f3;
	color: #f3f3f3;
	background-color: #7f01d4;
}
input[type=radio], input[type=checkbox] {
	display: inline;
	width: 20px;
	margin-left: 10px;
	outline: none;
}
.show_join_email_settings { width: 250px; }
textarea {
	width: 300px;
	height: 80px;
}
.jsubbtn, .usubbtn, 
.jresbtn, .uresbtn {
	margin: 30px auto 0;
	padding: 3px 10px 5px;
	color: #fff;
    font-family: inherit;
    font-variant: all-small-caps;
    font-size: 1.3em;
    text-align: center;
	text-decoration: none;
	border: 2px solid #f7c77a;
	border-radius: 3px;
	background-color: transparent;
}
.jsubbtn, .usubbtn { margin-left: 50px;	}
.jsubbtn { margin-left: 60px; }
.jsubbtn:hover, .jresbtn:hover, 
.usubbtn:hover, .uresbtn:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
.codecopy {
	float: left;
	width: 43%;
	padding: 10px;
}
.control-copytextarea {
	position: relative;
    float: right;	
    top: 6px;
	margin-top: 13px;
    cursor: pointer;
	padding: 11px 0 4px;
    color: #dd89f7;
    line-height: 11px;
    font-size: .7em;
}
.codecopy textarea, .codecopy textarea:focus {
    margin: 5px 3px;
	width: 185px;
    height: 40px;
    color: #eed9a1;
    font-family: inherit;
    font-size: .95em;
    border: 1px dotted #dd89f7;
    overflow: hidden;
}
.codes h6 {
    padding-top: 14px;
    margin-bottom: 5px;
}
.donatetext { margin-top: 50px; }
.stats { font-size: .85em; }
.clear { clear:both; }
table {
    margin: 0 auto;
    border-collapse: collapse;
    width: 70%;
    border: 1px solid #000;
}
th, td {
    text-align: left;
    padding: 6px 4px 4px 8px;
}
th {
    font-size: 1.1em;
    background-color: #070d10c4;
	border-bottom: 4px double #fff;
}
.show_members_showing_what {
	text-transform: uppercase;
	font-size: 1.15em;
	}
.flaglist {
	margin: 0 auto;
	width: 25%;
	border: 0;
	}
.flaglist td {padding: 2px;}
.flag {
	vertical-align: middle;
	padding-bottom: 3px;
	}
.media {margin: 27px auto 27px; text-align:center;}
.media a {border:0;}
.show_join_credits { font-size: .7em; }
footer { 
    margin-top: 10px;	
    padding: 8px;	
	font-size: .7em;
	text-align: center;
	font-style: oblique;
	color: #839879;	
 }
footer div:nth-child(2) { font-style: normal;}
#content footer div:nth-child(2) a { border: 0; }