body {
	background-color: #252525;
	color: #eee;
	margin: 0;
	text-align: center;
}
body, p, textarea, input, select {
	font-family: "Lucida Sans", Helvetica, Verdana, sans-serif;
	font-size: medium;
}
br.clear {
	clear: both;
}
a {
	color: #fff;
}
a:focus {
	outline: 0;
}
a.option {
	float: right;
}
p {
	padding-bottom: 15px;
}
h3 {
	color: #6790a1;
	font-size: large;
	padding: 10px 0 5px 0;
}
input.text, textarea {
	border: 1px #ccc solid;
	padding: 3px 0;
}
span.error {
	color: #f85151;
	display: block;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: right;
}

#wrapper {
	margin: 0 auto;
	width: 980px;
}

/* forms */
#login-signup {
	margin: 0 auto;
	padding-top: 30px;
	width: 456px;
}
#login-signup div.thanks {
	margin: 0 auto;
	text-align: left;
	width: 350px;
}
#login-signup h1 {
	background-image: url(../images/login-signup-logo.png);
	background-repeat: no-repeat;
	height: 86px;
	margin-bottom: 20px;
	width: 455px;
}
#login-signup h1 span {
	display: none;
}
#login-signup-wrapper,
#submission-form-wrapper {
	background-image: url(../images/login-signup-top.png);
	background-repeat: no-repeat;
	padding-top: 7px;
}
#submission-form-wrapper {
	float: left;
	width: 456px;
}
#login-signup-form,
#submission-form {
	background-image: url(../images/login-signup-bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 20px 0 20px 0;
	width: 100%;
}
#submission-form h1,
#submission-view h1 {
	font-size: xx-large;
	padding-bottom: 10px;
}
#login-signup-form fieldset,
#submission-form fieldset {
	margin: 0 28px;
	text-align: left;
	width: 400px;
}
#account-info-form fieldset,
#account-pass-form fieldset {
	display: block;
	padding-bottom: 30px;
	width: 400px;
}
#account-info-form h4 {
	font-size: large;
	padding-bottom: 20px;
}
#account-info-form h4 span {
	color: #999;
	margin-left: 10px;
}
span.error {
	float: right;
}
#login-signup-form p.submit,
#submission-form p.submit {
	text-align: right;
}
label {
	display: block;
	padding-bottom: 5px;
}
#login-signup-form input.text,
#submission-form input.text,
#account-info-form input.text,
#account-pass-form input.text {
	font-size: x-large;
	width: 398px;
}
#login-signup-form textarea,
#account-info-form textarea {
	width: 398px;
}
label.checkbox,
label.inline {
	display: inline;
	float: none;
	text-align: left;
}
fieldset a {
	color: #6790c1;
	text-decoration: none;
}
#login-signup-form input.spam {
	width: 50px;
}
span.form-msg {
	background-color: #666;
	display: block;
	font-size: 11px;
	line-height: 150%;
	margin-bottom: 8px;
	padding: 8px;
	text-transform: uppercase;
}

/* member navigation */
#nav {
	background-color: #131313;
	color: #333;
	letter-spacing: 0.06em;
	margin-bottom: 40px;
	padding: 5px 10px 7px 10px;
	text-align: right;
	width: 100%;
	word-spacing: 0.2em;
}
#nav a {
	color: #ccc;
}
#nav a:hover {
	color: #666;
}
#nav li {
	display: inline;
	font-size: 11px;
}
#nav li a {
	text-decoration: none;
	text-transform: uppercase;
}

/* member content */
#account-management h1,
#issues h1 {
	color: #6790a1;
	font-size: xx-large;
	margin-bottom: 20px;
}
#content {
	background-image: url(../images/header-logo.png);
	background-position: 0 30px;
	background-repeat: no-repeat;
	float: left;
	padding-top: 100px;
	padding-bottom: 40px;
	text-align: left;
	width: 980px;
}
#your-submissions {
	float: left;
	margin-left: 24px;
	width: 400px;
}
#your-submissions h2 {
	border-bottom: 1px #444 solid;
	color: #999;
	font-size: large;
	letter-spacing: 0.05em;
	padding-bottom: 5px;
	text-transform: uppercase;
}
#your-submissions div.submission {
	border-bottom: 1px #444 solid;
	font-size: small;
	padding: 10px 0;
}
#your-submissions div.submission a {
	color: #6790a1;
	display: block;
	font-size: medium;
	text-decoration: none;
}
#your-submissions div.submission a:hover {
	text-decoration: underline;
}
#your-submissions div.submission p.status {
	float: right;
	font-size: medium;
}
#submission-view p {
	padding-bottom: 8px;
}
#submission-edit-form {
	width: 400px;
	padding: 25px 0 35px 0;
}
#submission-edit-form label {
	margin-top: 10px;
}
div.status1,
p.status1 strong {
	color: #f8da73;
}
p.status5 strong,
div.status5,
p.status7 strong,
div.status7 {
	color: #6790a1;
}
p.status10 strong,
div.status10 {
	color: #aaaa66;
}
p.status20 strong,
div.status20 {
	color: #f85151;
}
p.status30 strong,
div.status30 {
	color: #8bc05d;
}
p.status50 strong,
div.status50 {
	color: #fff;
}
span.sub-date {
	display: block;
	color: #999;
	font-size: 11px;
	letter-spacing: 0.06em;
	padding-top: 5px;
	text-transform: uppercase;
}
div.memberAlert {
	background-color: #444;
	margin-bottom: 15px;
	padding: 10px;
}
div.memberAlert a {
	color: #6790a1;
}

/* editor view */
#submission-filters {
	float: right;
	margin-bottom: 20px;
	width: 650px;
}
#issue-filter {
	float: right;
	width: 350px;
}
#status-filter {
	float: right;
	width: 300px;
}
p.subfilter {
	background-color: #1e1e1e;
	color: #999;
	font-size: small;
	margin-bottom: 20px;
	padding: 10px 5px;
	text-align: center;
}
#editor-submissions div.sub {
	padding: 10px 8px;
}
div.sub a:hover {
	color: #ccc;
}
#editor-submissions div.odd {
	background-color: #454545;
}
#editor-submissions div.even {
	background-color: #353535;
}
#editor-submissions div.sub div.review,
#editor-submissions div.sub div.title,
#editor-submissions div.sub div.status,
#editor-submissions div.sub div.date,
#editor-submissions div.sub div.delete {
	float: left;
	font-size: medium;
	padding: 0;
}
#editor-submissions div.sub div.review {
	width: 7%;
}
#editor-submissions div.sub div.title {
	width: 55%;
}
#editor-submissions div.sub div.status {
	width: 18%;
}
#editor-submissions div.sub div.date {
	color: #999;
	width: 15%;
}
#editor-submissions div.sub div.delete {
	text-align: right;
	width: 4%;
}
#editor-submissions div.sub div.delete a {
	font-weight: bold;
	text-decoration: none;
}
#editor-submissions div.sub div.delete a:hover {
	color: #8a3636;
}
#editor-submissions div.header {
	padding: 0 8px;
}
#editor-submissions div.header div.review,
#editor-submissions div.header div.title,
#editor-submissions div.header div.status,
#editor-submissions div.header div.date {
	color: #999;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
span.review-vote {
	float: right;
	font-weight: bold;
}
span.passed-0 {
	color: #f85151;
}
span.passed-1 {
	color: #090;
}
span.passed-2 {
	color: #969;
}
/* edit form */
#edit-details {
	float: left;
	margin-right: 70px;
	line-height: 150%;
	width: 400px;
}
#edit-details h1 {
	font-size: xx-large;
}
#edit-details h2 {
	color: #999;
	font-size: large;
	padding: 10px 0 30px 0;
}
#edit-details h2 a:hover {
	color: #ccc;
}
p.date {
	color: #999;
	font-size: 11px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
#checkout-form p {
	padding: 20px 0 30px 0;
	line-height: 150%;
}
#files,
div.edit-review {
	background-color: #444;
	margin-bottom: 10px;
	padding: 14px 10px;
	width: 380px;
}
#files {
	margin-top: 20px;
}
div.edit-review p {
	font-size: small;
	line-height: 150%;
}
div.edit-review p.byline {
	color: #6790a1;
	font-size: 11px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}
#files h3 {
	font-size: 11px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}
#files p {
	padding: 10px 0;
}
#files p a:hover {
	color: #999;
}
#files p.revision {
	font-size: small;
	border-top: 1px #3d3d3d solid;
	padding: 7px 0 7px 10px;
}
#files p.revision strong {
	color: #ca7028;
}
#edit-form {
	width: 430px;
}
#edit-form p {
	padding-bottom: 20px;
}
#edit-form textarea {
	font-family: "Courier New", Courier, monospace;
	font-size: small;
	padding: 5px;
	width: 390px;
}
div.anotes,
div.enotes {
	padding-bottom: 10px;
	line-height: 120%;
	margin: 10px 0 6px 0;
}
div.anotes label,
div.enotes label {
	border-top: 1px #333 solid;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	padding-top: 10px;
	text-transform: uppercase;
}
#edit-form div.anotes p,
#edit-form div.enotes p {
	padding-bottom: 10px;
}
p.update-notification {
	background-color: #cfc;
	color: #060;
	margin-bottom: 20px;
	padding: 15px;
	text-align: left;
	width: 370px;
}
div.notes {
	background-color: #444;
	margin-bottom: 10px;
	padding: 10px;
	width: 380px;
}
div.notes h2 {
	color: #999;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
div.notes div {
	border-bottom: 1px #333 solid;
	color: #666;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
div.notes p {
	font-size: small;
	color: #fff;
	padding: 6px 0;
}
div.notes strong {
	font-size: 11px;
	margin-right: 10px;
	text-transform: uppercase;
}
div.notes strong,
div.notes small {
	color: #aaa;
}
div.notes small {
	font-size: 11px;
}
#checkout-button {
	border-top: 1px #bce5f6 solid;
	border-left: 1px #bce5f6 solid;
	border-right: 1px #78a1b2 solid;
	border-bottom: 1px #78a1b2 solid;
	background-color: #9ac3d4;
	color: #457080;
	font-size: xx-large;
	padding: 20px 0;
	text-align: center;
	text-transform: uppercase;
	width: 350px;
}
#checkout-button:hover {
	background: #457080; 
	color: #9ac3d4;
	cursor: pointer;
}

/* issues */
#issue-form {
	float: left;
	width: 460px;
}
#issue-list {
	background-color: #666;
	float: left;
	padding: 15px 15px 0 15px;
	width: 300px;
}

/* misc */
div.confirmation-box {
	background-color: #444;
	border: 1px #666 solid;
	color: #fff;
	font-size: large;
	padding: 20px;
	position: absolute;
	text-align: center;
	width: 300px;
}
div.confirmation-box p {
	line-height: 180%;
	padding-bottom: 10px;
	text-align: left;
}
div.confirmation-box input.button {
	border: 0;
	color: #fff;
	padding: 4px 10px;
}
div.confirmation-box input.confirm {
	background-color: #446644;
	margin-right: 10px;
}
div.confirmation-box input.cancel {
	background-color: #666;
}

/* footer */
#footer {
	border-top: 1px #131313 solid;
	padding: 10px 0 30px 0;
}
#footer p {
	color: #666;
	font-size: 11px;
	text-align: left;
}
#footer p.siteby {
	float: right;
	text-align: right;
}
#footer p a {
	color: #888;
}