body, p, h1, h2, h3, h4, h5, h6, form, hr, ul, li {
	margin: 0;
}
a img {
	border: none;
}
table {
	text-align: inherit;
	border-collapse: collapse;
}
td, th {
	text-align: inherit;
	padding: 0;
}
img, input[type="checkbox"] {
	vertical-align: middle;
}

#content {
	text-align: justify;
}
#content * {
	line-height: 1.5em;
}
#content h1, #content h2, #content h3, #content h4 {
	line-height: 1.5em;
}
#top ul, #top ul li ul, ul.screenshots {
	list-style-type: none;
	list-style-image: none;
	padding-left: 0;
}
#top ul li, ul.screenshots li {
	display: inline-block;
}
#top ul.right li {
	float: right;
}
#top ul li ul {
	z-index: 2;
	display: none;
	position: absolute;
	border: 1px dotted #666;
}
#top ul li ul li {
	min-width: 16em;
	float: none;
	display: list-item;
}
#top ul li:hover ul {
	display: block;
}
#top a {
	display: block;
}

#main {
	width: 64em;
	margin: auto;
}
#admin #main {
	width: 80em;
}

/* Font */

body {
	font-family: sans-serif;
}
body, table, h5 {
	font-size: 9pt;
}
h1 {
	font-size: 32pt;
}
h2 {
	font-size: 24pt;
}
h3 {
	font-size: 16pt;
}
h4 {
	font-size: 12pt;
}
#admin h1 {
	font-size: 24pt;
}
#admin h2 {
	font-size: 20pt;
}
#admin h3 {
	font-size: 16pt;
}
#admin h4 {
	font-size: 9pt;
}
.listing, small {
	font-size: 8pt;
}

/* Spacing */

table.data {
	width: 100%;
}
h2, h3, h4, h5, p, .margin, ul.screenshots {
	margin: 12px;
}
table.data th, table.data td {
	padding: 8px;
}
form table {
	border-collapse: separate;
	border-spacing: 12px;
}
form table h2, form table h3, form table h4, form table h5, form table p {
	margin: 0;
}
hr {
	margin: 16px 0;
}
#alerts {
	margin-bottom: 16px;
}
ul.screenshots li {
	margin-right: 8px;
	margin-bottom: 8px;
}
.group h2, .group h3, .group h4, .group h5, .group p {
	margin: 0;
}
#content {
	padding: 16px;
}
#default #top {
	padding: 8px;
}
#header {
	margin: 24px;
}
#admin #content {
	margin-bottom: 16px;
}
#top a {
	padding: 8px;
}
#admin #top a {
	padding: 12px 16px;
}
ul {
	padding-left: 32px;
}

/* Colors */

a {
	color: #369;
}
a:hover {
	color: #FF0084;
	text-decoration: underline;
}
#top a {
	color: gray;
}
#top a:hover {
	color: #4096EE;
	text-decoration: none;
}
#admin a {
	color: blue;
}
#admin a:hover {
	color: red;
}
.true {
	color: green;
}
.false {
	color: red;
}

#content h2, #content h3 {
	color: #333;
}
#content h4 {
	color: #666;
}
#footer table, #header {
	color: silver;
}
#header a, #footer a, #footer a:hover, #content table.data th h4 {
	color: white;
}
#header a:hover {
	color: #CDEB8B;
}
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: none;
}
.listing .odd, #top a:hover {
	background: url("images/heading.png");
}

#content, #top, #top ul li ul li {
	background: white;
}
img.icon {
	background: white;
	border: 1px solid silver;
	padding: 4px;
}
.screenshots a img {
	opacity: .75;
	border: 4px solid #f0f0f0;
}
.screenshots a:hover img {
	border: 4px solid #333;
}
hr {
	border: none;
	border-top: 1px dotted silver;
}

/* Text */

#alerts {
	font-weight: bold;
}
#top a, #footer table {
	font-weight: bold;
	text-transform: uppercase;
}
table.data .actions {
	text-align: right;
}

/* Borders */

#admin #content, #admin #top {
	border: 1px solid #666;
	box-shadow: 0 0 8px silver;
}
#admin #top {
	border-top: none;
}
#admin table.data tr {
	border-bottom: 1px solid #f0f0f0;
}
#admin table.data th {
	border-bottom: 2px solid gray;
}
table.listing tr.odd {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}
#top ul li ul {
	border: 1px solid #666;
	box-shadow: 0 0 4px silver;
}

/* Background */

#default {
	background: url("images/bg.png");
}
#default #top a:hover {
	background: url("images/heading.png");
}
#admin #top a:hover {
	background: #fcfcfc;
}
#admin {
	background: #f6f6f6;
}
#admin table.data tr.even {
	background: #fcfcfc;
}

/* Effects */

#admin table.data .actions a {
	opacity: .75;
}
#admin table.data .actions a:hover {
	opacity: 1;
}
#default #top, #default #content {
	box-shadow: 0 0 8px black;
}

/* Alerts */

.alert-error {
	color: red;
}
.alert-success {
	color: green;
}

/* Forms */

input[type="text"], input[type="password"] {
	font-size: 9pt;
	padding: 2px 1px;
	width: 20em;
	font-family: monospace;
	vertical-align: middle;
}
select {
	padding: 2px 12px 2px 1px;
}
textarea {
	padding: 3px 2px;
	font-family: monospace;
}
input[type="submit"], input[type="button"] {
	vertical-align: middle;
	padding: 6px 24px;
}
textarea {
	width: 48em;
	height: 16em;
}
textarea.message {
	width: 32em;
	height: 12em;
}