/* colors blue 036; yellow fc0; green 02813B; */

/* GENERAL STYLES */

body {
	background-color: #02813b;
	padding: 0 0 24px 0;
	background-repeat: no-repeat;
	background-position: 50% 100px;
	width: 600px;
	margin: 0 auto;
	}

body.noimg {
	background-image: none;
	}
	
p {
	font-family: arial, sans-serif;
	font-size: 10px;
	}

a { color: #fc0; text-decoration: none; }
a:hover { color: #fff; }
a.white { color: #fff; }
a.white:hover { color: #fc0; }

.top, .top p, h2 {
	font-family: 'arial narrow', arial, sans-serif;
	font-size: 18px;
	color: #fff;
	}

h2 {
	font-weight: normal;
	letter-spacing: .1em;
	text-align: center;
	}

.cen { text-align: center; }

/* HEADER */

h1 {
	font-size: 32px;
	font-weight: normal;
	color: #fc0;
	margin: .5em 0 0 0;
	}

h1 span {
	font-size: 18px;
	color: #fff;
	letter-spacing: .1em;
	display: block;
	margin: -.4em 0 0 .6em;
	}

.top p {
	letter-spacing: .1em;
	text-align: right;
	margin-top: 0;
	position: relative;
	}

.top p a { color: #fff; }
.top p a:hover { color: #fc0; }

/* HOME PAGE BOTTOM */

div.belowbug {
	width: 80%;
	margin: 300px auto 0 auto;
	/* without padding or border, floats don't seem to work in safari 10.2 */
	padding: 1px;
	}

div.belowbug p {
	font-family: 'arial narrow', arial, sans-serif;
	font-size: 14px;
	letter-spacing: .1em;
	}

.belowbug span { 
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #fff;
	letter-spacing: normal;
	display: block;
	margin-top: 1em;
	}

.login {
	float: right;
	padding-bottom: 1px;
	margin-left: 3em;
	height: 3em;
	}

.newaccount {
	text-align: right;
	width: 80%;
	}

#copy { color: #999; }

/* DONATION BOX */

#donation {
	color: #036;
	text-align: right;
	padding: 7px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}

/* BLUEBOX */

/* main div style in style4x.css */

.bluebox b { color: #fff; font-weight: normal; }

/* BUTTONS */
input.but { width: 80px; text-align: center; }

p input { margin-top: 3px; }

#options form p { text-align: center; }

/* ABOUT AND FAQ */

div.readable p {
	font-family: verdana, sans-serif;
	font-size: 14px;
	color: #fff;
	}

.readable p.a {
	margin: 0 1.5em 2em 1.5em;
	}

div.strikeout {
	text-decoration: line-through;
	}

/* faq footer */
p.cen a { padding: 0 1em; }

/* NEW ACCOUNT */

p.name {
	margin: 0;
	}

.bluebox textarea, input {
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #000;
	}

p.signmeup {
	text-align: right;
	}

textarea { width: 99%; }

/* WELCOME */

p.open {
	margin: 0;
	text-align: left;
	}

/* #start p.fields { text-align: right; } */
p.fields .but { 
	text-align: center; 
	padding: 0;
	}

p.fields input { 
	margin: 0 8px 1px 8px;
	padding: 0 30px 0 0;
	text-align: left;
	}

/* welcome links */
/* possibly obsolete */
#andyetnot { text-align: left; }

p.startbottom {
	text-align: left;
	}

p.startbottom span {
//	width: 16em;
	}
p.startbottom a {
//	width: 16em;
	padding-left: 2em;
	}

/* p.cen a:first-child { padding-left: 0; } */

/* FILES */

div.files p {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 1.5em;
	width: 15.9em;
	}

/* stupid IE spacer */
div.spacer {
	clear: both;
	margin: 0;
	height: 1px;
	line-height: 1px;
	}

div.files input {
	vertical-align: middle;
	margin: 0;
	}

input.filebut {
	margin-right: 1.25em;
	}

/* EMAIL */

.email .open { width: 5em; }

#from { margin-top: 0; padding-right: 8px;}

.email p {
	margin-top: .5em;
	vertical-align: top;
	}

.email .fields {
	padding-right: 120px;
	}

.email .but {
	margin: 0 5px;
	}


/* EDIT */

body#editpage {
	width: 100%;
	margin: 0 auto;
	}

#editpage div.top {
	width: 600px;
	margin: 0 auto;
	}

#editpage div.bluebox {
	width: 480px;
	}

div.edit {
	text-align: center;
	}

.edit form,
.edit p form,
.edit p input {
	display: inline;
	}

.edit input, .edit img {
	vertical-align: top;
	padding: 0 5px;
	font: 10px arial, sans-serif;
	color: #fc0;
	}
.edit input img, .edit img { border: 0; }

#editpage textarea {
	width: auto;
	margin: 0 auto 15px auto;
	padding: 6px;
	display: block;
	}

div#palette {
	display: none;
	text-align: center;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	width: 246px;
	}

div#palette input,
div#palette fieldset,
div#palette legend,
body#optionspage div input,
body#optionspage div legend,
body#optionspage div fieldset {
	font-size: 10px;
	font-family: verdana, sans-serif;
	}

div.options {
	text-align: center;
	background-color: #fff;
	color: #000;
	}
p.teenyx {
	margin: 0;
	padding: 0;
	text-align: right;
	}

p.teenyx a {
	color: #000;
	border: 1px solid black;
	font-weight: bold;
	padding: 0 1px;
	}

#editpage #wordcount { color: #fff; }

/* SPELL CHECK */

body#spellcheck {
	width: 300px;
	}

table {
	border: 1px solid black;
	width: 300px;	
	font-family: verdana, sans-serif;
        font-size: 14px;
	}

thead {
	font-weight: bold;
	}
thead td { border: 0; }

td { border-top: 1px dotted #000; }