body { 
	font-family: arial, sans-serif; 
	padding: 0px; 
	margin: 0px; 
	text-align: center;
	background-color: #121212;
	color: #cdcdcd;
}

#container {
	width: 40vw;	
	margin: 0 auto;
}

a {
	color: white;
}

@media only screen and (max-width: 800px) {
	#container {
		width: 98vw;	
		padding: 1rem 1vw;
	}
}

#logo {
	width: 80%;
	height: auto;
	margin: 0px auto;
	max-width: 480px;
}

.nodisplay {
	display: none;
}

.wwbutton {
	border-radius: 8px;
	background-color: #12c512;
	padding: 0.5rem;
	text-decoration: none;
	color: white;
	display: block;
	margin: 16px auto;
}

.points {
	margin: 0 8px;
}

.wwpoints { 
	font-size: 1.5em; 
	color: red; 
	display: inline-block; 
	margin: 1rem auto; 
	width: 50%;
	text-align: center;
	text-decoration: none;
}

.wwpanel {
	padding: 1rem;
}

.block {
	display: block !important;
	width: 100%;
}

.price { 
	font-size: 1.5em; 
	color: #bf0000; 
	display: block; 
	margin-bottom: 0.5em; 
	font-weight: bold; 
	text-align: center; 
}

fieldset {
	border: none;
	display: block;
	margin-bottom: 4px;
}

h1 { 
	font-size: 1.4em;
	color: blue;
	margin:0;
}
h2 {
	font-size: 2em;
	margin: 0 0 1rem;
}
h2.ww {
	color: #00D9FF; 

}
h3 {
	font-size: 1.8rem;
	color: #12c512;
	margin: 0 0 0.5rem;
}

div.flex {
	display: flex;
	margin-bottom: 2px;
}

.red {
	color: #bf0000 !important;
}


label, 
input,
label span { 
	display: block; 
	margin: 0px auto; 
	padding: 0.3em 0em;
}

header {
	padding: 1em 0em 0em;
	margin: 0 auto;
	width: 98%;
}

#wrapper {
	text-align: center;
	width: 100%; margin: 0px auto;
}

input, select { 
	display: block;
	border: none; 
	background-color: #343434;
	color: white;
	font-size: 1.5em; 
	border-radius: 8px; 
	text-align: center;
	margin: 4px auto;
}

input[type='submit'],
input[type='button'],
a.button {
	background-color: blue;
	color: white;
	cursor: pointer;
	padding: 8px;
	border: none;
	text-decoration: none;
	display: block;
	margin: 4px auto 0px auto;
	width: 10em;
	border-radius: 0px !important;
}

.green {
	background-color: #12c512 !important;
}

.redback {
	background-color: #bf0000 !important;
}

#adspot {
	width: 90%; 
	margin: 8px auto;
}

.banner {
	text-align: left;
	padding: 1em;
	display: block;
	font-size: 1em;
	border: solid 1px #aaa;
	border-radius: 8px;
	margin: 8px 0px;
}

.appstore {
	width: 256px;
	display: block;
	margin: 0px auto 4px auto;
}		

blockquote {
	text-align: left;
}

.panel {
	padding: 16ox 1%;
	width: 96%;
	border: none;
	border-radius: 8px;
	margin: 1em 0;
	background-color: #232323;
}

#main {
	padding-top: 1em;
	width: 100%;
}

p, ul, form {
	padding: 0;
}

p {
	margin: 0 0 0.25em;
}

form.form {
	padding: 1em;
	border: solid 1px #aaa;
	border-radius: 4px;
}

ul {
	list-style: none;
}

ul li a {
	display: block;
	text-decoration: none;
	padding-left: 0.5em;
	margin-bottom: 0.5em;
}

.alignleft {
	text-align: left;
}


table.admin {
	width: 100%;
}

table.admin td {
	text-align: left;
	width: 50%;
}

table.admin td input[type="text"] {
	width: 100%;
	text-align: left;
	font-size: 0.8rem;
}
table.admin td input[type="number"] {
	width: 50%;
}

img.thumb {
	height: 80px;
	width: auto;
	display: block;
	margin: 8px auto 8px 0;
	border: solid 1px #444;
}