@charset "UTF-8";

/* #############################################################################
Cass.Stabler.ca CSS
===================

http://cass.stabler.ca/
############################################################################# */

/* ########################################################################## */
/* Text */

html {
  font-family: sans-serif;
}

input, select, option {
  font-family: monospace;
}

nav, .user {
  font-size: large;
  font-weight: bold;
}

nav a, .user, .password, .centre {
  text-align: center;
}

nav a, .banner a {
  text-decoration: none;
}

nav a:active, nav a:hover {
  text-decoration: underline;
}

.right {
  text-align: right;
}

.top {
  vertical-align: top;
}
/* ########################################################################## */

/* ########################################################################## */
/* Layout */

body {
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

dl {
  margin-left: 2em;
}

dt, dd, li, article {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

nav ul, nav li {
  margin: 0;
  padding: 0;
}

nav, nav li, .block {
  display: inline-block;
}

nav a {
  padding-left: 1em;
  padding-right: 1em;
}

article, .page, .section, .subsection, .warning, .error, .success, .password {
  padding: 0.5em;
}

.user, .stats {
  float: right;
}

.user p, .stats p {
  margin-left: 1em;
  margin-right: 1em;
  padding: 0;
  display: inline-block;
}

.banner {
  padding: 0;
}

.password {
  margin: 0.5em;
  display: inline-block;
}

.spaced {
  margin: 0.5em;
}
/* ########################################################################## */

/* ########################################################################## */
/* Colours: Text */

html {
  color: #ffffff;
}

a:link, a:visited {
  color: #00ffff;
}

a:active, a:hover {
  color: #d0d0d0;
}

.banner a {
  color: #ffffff !important;
}

.warning, .error, .success, .green, .yellow, .red, .password {
  color: #000000;
}
/* ########################################################################## */

/* ########################################################################## */
/* Colours: Backgrounds */

html {
  background: #0e3a47;
}

.user {
  background: #404040;
}

.menu_main a {
  background: #0d6692;
}

.menu_main a:active, .menu_main a:hover {
  background: #1d76a2;
}

.menu_main_opened {
  background: #2d86b2 !important;
}

.page {
  background: #2d86b2;
}

.menu_section a {
  background: #002b44;
}

.menu_section a:active, .menu_section a:hover {
  background: #023b54;
}

.menu_section_opened {
  background: #124b64 !important;
}

.section {
  background: #124b64;
}

.menu_subsection a {
  background: #003c61;
}

.menu_subsection a:active, .menu_subsection a:hover {
  background: #064c71;
}

.menu_subsection_opened {
  background: #165c81 !important;
}

.subsection {
  background: #165c81;
}

.warning, .yellow, .yellow td, .password {
  background: #ffff00;
}

.error, .red, .red td {
  background: #ff0000;
}

.success, .green, .green td {
  background: #00ff00;
}
/* ########################################################################## */

/* ########################################################################## */
/* Borders */

.border, .border th, .border td {
  border-style: solid;
}

.border th, .border td {
  border-width: thin;
}

.border {
  border-collapse: collapse;
}
/* ########################################################################## */