/*
 *  Basics
 */
/*
* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400%2C700);
body {
  margin: 0;
  padding: 0;
  border: 0;
}
table,
p,
li,
h2,
h3,
input,
select {
  /*    font-size: 100%; */
  /*    line-height: 1.3em; */
}
.smalllink {
  display: inline-block;
}
H1 {
  font-weight: bold;
  font-size: 125%;
  text-align: left;
  margin: 0 0 5px 0;
}
H2 {
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  margin: 0;
}
H3 {
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  margin: 0;
}
H5 {
  font-weight: normal;
  font-size: 10px;
  margin: 0;
}
H5 {
  font-size: 10px;
}
form {
  margin: 0;
  padding: 0;
}
input.text {
  width: 100%;
  border: 0px;
  padding: 0px;
}
input.small-text {
  font-size: 50%;
  width: 100%;
  border: 0px;
  padding: 0px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}
.table th {
  text-align: left;
}
/*  Row heading rather than column heading  */
TH.row {
  text-align: right;
}
IFRAME {
  border: none;
  padding: 0px;
  margin: 0px;
}
/*
 *  Common styles
 */
.hidden {
  /*  don't use for DHTML stuff, the class overrides visible toggle  */
  display: none;
}
#debug {
  overflow: auto;
  /*    height: 100px;  */
  border-width: 1px;
  border-style: dashed;
  display: none;
}
.tooltip {
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  max-width: 400px;
}
.tooltip .thumbbox {
  float: left;
  margin: 4px;
  border: 1px solid;
}
.tooltip .textbox {
  margin: 4px 4px 4px 50px;
  padding: 0px 0px 0px 4px;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
}
/*
 *  Standard tables
 */
TABLE.unadorned {
  width: 100%;
  border-collapse: collapse;
  /*    border: 0; */
  /*border: thin blue solid;*/
}
TABLE.unadorned TD {
  vertical-align: baseline;
  padding: 0px;
  /*border: thin red solid;*/
}
TABLE.unadorned TD.align-top {
  vertical-align: top;
}
TABLE.unadorned TD.align-middle {
  vertical-align: middle;
}
TABLE.unadorned TD.greedycell,
TABLE TR TD.greedycell {
  width: 100%;
}
TABLE.unadorned TD.nowrap,
TABLE TR TD.nowrap {
  white-space: nowrap;
}
/*
.table {
    margin-top: 0px;
    xborder-collapse: collapse;
}
.table img {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.table_heading {
    font-weight: bold;
}
*/
/*
 *  Standard page elements
 */
.inline {
  display: inline;
}
.subhead {
  float: right;
  text-align: right;
  font-weight: normal;
  margin: 5px 0 0 0;
}
.indented {
  margin-left: 20px;
}
/*
 *  Box-outs.
 */
.sidebar P:first-child {
  margin-top: 0px;
}
.sidebar P {
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 0px;
}
.sidebar blockquote {
  margin-left: 10px;
  margin-right: 10px;
}
.sidebar .notforsidebar {
  display: none;
}
.sidebar .indented {
  margin-left: 5px;
}
.sidebar .section {
  overflow: hidden;
  border-style: none;
  margin: 5px 0px 0px 0px;
  font-size: 12px;
}
.sidebar .section H1 {
  font-size: 12px;
  text-align: left;
  margin: 0;
}
.sidebar .section H2 {
  font-size: 11px;
  text-align: left;
  margin: 0;
}
.sidebar .section H3 {
  font-size: 11px;
  text-align: left;
  margin: 0;
}
.sidebar .section H5 {
  font-size: 10px;
}
.sidebar .section .subsection-box {
  /*  Hack, to stop the margins of the subboxouts being collapsed
             *  past this div.
             */
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  /*    padding: 5px 0px 5px 0px;  */
}
.sidebar .section .subsection-box .subsection:first-child {
  margin-top: 5px;
  /*    margin-top: 0px; */
}
.sidebar .section .subsection-box .subsection {
  overflow: hidden;
  margin: 0px 0px 5px 0px;
  /*    margin-top: 5px; */
  font-size: 12px;
}
.sidebar .section:first-child {
  margin-top: 0px;
}
/*
 *  Content Sections
 */
#content-column P:first-child {
  margin-top: 0px;
}
#content-column P:last-child {
  margin-bottom: 0px;
}
#content-column P,
#content-column H1,
#content-column H2,
#content-column H3,
#content-column H4,
#content-column H5,
#content-column H6 {
  padding: 0px 7px;
}
#content-column P {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  /*        padding: 0px 7px; */
}
#content-column .splash {
  border-radius: 3px;
  padding-bottom: 5px;
}
#content-column .splash H1 {
  border-radius: 3px;
  font-size: 48px;
}
#content-column .splash .subtitle {
  padding: 2px 0 2px 0;
  margin-left: 10px;
  margin-right: 10px;
}
#content-column .splash H2 {
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
  /*
            border-top-style: solid;
            border-top-width: 2px;
            border-bottom-style: solid;
            border-bottom-width: 2px;
 */
}
#content-column .section:first-child {
  margin-top: 0px;
}
#content-column .section:last-child {
  padding-bottom: 0;
}
#content-column .section {
  margin-top: 10px;
  padding: 0px 0px 5px 0px;
}
#content-column .section H1 {
  font-size: 36px;
  text-align: left;
  margin: 0px 0px 5px 0px;
  border-radius: 3px;
}
#content-column .section H2 {
  font-size: 92%;
  text-align: left;
}
#content-column .section H3 {
  font-size: 92%;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0px 2px 0px 2px;
}
#content-column .section H5 {
  font-size: 10px;
}
#content-column .section .subsection-box {
  border: 0px;
  padding: 0px;
  border-radius: 3px;
}
#content-column .section .subsection-box .subsection {
  margin: 5px 0px 0px 0px;
  padding: 0;
  /*                padding: 0px 0px 3px 0px; */
  border-radius: 3px;
}
#content-column .section .subsection-box .subsection H1 {
  font-size: 24px;
  border-radius: 3px;
}
#content-column .section .subsection-box .subsection .subsection-head {
  border-radius: 3px 3px 0 0;
  margin-bottom: 5px;
}
#content-column .section .subsection-box .subsection .subsection-head H1 {
  margin-bottom: 0px;
}
#content-column .section .subsection-box .subsection .subsection-head H2 {
  font-size: 84%;
}
#content-column .section .subsection-box .subsection .subsection-head H2:last-child {
  padding-bottom: 5px;
}
#content-column .section .subsection-box .subsection .subsection-body {
  margin-left: 7px;
  margin-right: 7px;
  /* padding-bottom: 5px; */
}
#content-column .section .subsection-box .subsection .subsection-body P,
#content-column .section .subsection-box .subsection .subsection-body H1,
#content-column .section .subsection-box .subsection .subsection-body H2,
#content-column .section .subsection-box .subsection .subsection-body H3,
#content-column .section .subsection-box .subsection .subsection-body H4,
#content-column .section .subsection-box .subsection .subsection-body H5,
#content-column .section .subsection-box .subsection .subsection-body H6 {
  padding: 0;
}
#content-column .section .subsection-box .subsection .subsection-foot {
  border-radius: 0 0 3px 3px;
  margin-top: 3px;
  padding: 2px 7px 2px 7px;
  font-size: 84%;
}
/*
 *  Column alignments
 */
.align-lhs {
  float: left;
  margin-left: 10px;
  width: 210px;
  /*border: 1px solid red;*/
}
.align-rhs {
  float: right;
  margin-right: 10px;
  width: 210px;
  /*border: 1px solid blue;*/
}
.align-content-3-column {
  margin-left: 230px;
  margin-right: 230px;
  padding-left: 10px;
  padding-right: 10px;
}
.align-content-2-column {
  margin-left: 230px;
  margin-right: 10px;
  padding-left: 10px;
}
.align-content-1-column {
  margin-left: 10px;
  margin-right: 10px;
}
/*
 *  Page columns
 */
#lhs-column {
  /*border: 1px solid red;*/
  /*
    transform-origin: left 1em;
    transform: rotate(88deg);
    transition: transform 0.1s;
 */
}
/*
#lhs-column:hover {
    transform: rotate(0deg);
}
 */
#rhs-column {
  /*border: 1px solid blue;*/
}
#content-column {
  border-style: solid;
}
#content-column.align-content-3-column {
  border-width: 0px 1px 0px 1px;
}
#content-column.align-content-2-column {
  border-width: 0px 0px 0px 1px;
}
#content-column.align-content-1-column {
  border-width: 0px 0px 0px 0px;
}
/*  Other column settings  */
.column-1-50-50,
.column-2-50-50 {
  float: left;
  width: 50%;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}
.column-end {
  clear: both;
}
.edge-edge,
.edge-join,
.join-edge,
.join-join {
  padding-left: 5px;
  padding-right: 5px;
  border-style: solid;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.edge-edge {
  border-left-width: 0px;
  border-right-width: 0px;
}
.edge-join {
  border-left-width: 0px;
  border-right-width: 0px;
}
.join-edge {
  border-left-width: 1px;
  border-right-width: 0px;
}
.join-join {
  border-left-width: 1px;
  border-right-width: 0px;
}
#page-middle {
  margin-top: 10px;
  margin-bottom: 10px;
  /*border: 1px solid green;*/
}
/*
 *  Specific page elements.
 */
#logo-panel {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 185px;
  height: 66px;
  border-style: solid;
  border-width: 2px;
  font-size: 14px;
}
#title-panel-right {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 185px;
  height: 66px;
  border-style: solid;
  border-width: 2px;
  font-size: 12px;
}
#title-panel-top {
  height: 40px;
}
#title-panel-bottom {
  height: 25px;
  width: 185px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  font-size: 11px;
  line-height: 12px;
}
#title-panel-right IFRAME {
  height: 26px;
  width: 185px;
  overflow: hidden;
}
#site-title {
  position: absolute;
  top: 7px;
  left: 210px;
  height: 66px;
  vertical-align: baseline;
}
#site-title H1 {
  font-size: 36px;
  line-height: 66px;
  margin: 0px;
}
/*
 *  Navigation blocks.
 */
#nav-page-title {
  border-style: none;
  width: 100%;
  font-weight: normal;
}
#nav-top {
  border-style: none;
  width: 100%;
  height: 80px;
  font-weight: bold;
}
#nav-bottom {
  border-style: none;
  width: 100%;
  /*    float: right;  */
  clear: both;
  margin: 10px 0px 0px 0px;
  margin-top: 10px;
  text-align: center;
  font-weight: normal;
  font-size: 70%;
}
#final-word {
  border-style: none;
  width: 100%;
  /*    float: right; */
  clear: both;
  /*    margin: 10px 0px 0px 0px; */
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  font-size: 80%;
}
.nav-links {
  text-align: right;
  font-weight: normal;
  font-size: 10px;
  margin: 0px 5px 0px 0px;
}
.search-nav {
  text-align: center;
}
/*
 *  Navigation tabs.
 */
.nav-tabs-bar {
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
}
.nav-tabs-bar UL {
  display: block;
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0px;
  border-width: 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
}
.nav-tabs-bar LI {
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  vertical-align: bottom;
}
.nav-tabs-bar LI.current {
  font-weight: bold;
  border-width: 2px 2px 0px 2px;
  padding: 2px 12px 2px 12px;
}
/*
 *  LHS Navigation
 */
.nav-lhs {
  list-style: none;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 90%;
  font-weight: bolder;
}
.nav-lhs UL {
  margin-top: 0;
}
.nav-lhs LI.section-projects > .nav-lhs-section > LI {
  padding-left: 8px;
}
.nav-lhs LI.current {
  padding-bottom: 2px;
  border-radius: 3px;
}
.nav-lhs .nav-lhs-section {
  list-style: none;
  margin-left: 5px;
  padding: 0px;
  font-size: 80%;
  /* border-bottom: 2px solid;  */
}
.nav-lhs .nav-lhs-section LI.current {
  padding-bottom: 2px;
  border-radius: 0 3px 3px 0;
}
.nav-lhs .nav-lhs-section LI.current:first-child {
  border-top-right-radius: 0;
}
.nav-lhs .nav-lhs-section LI.current:last-child {
  border-bottom-right-radius: 0;
}
.nav-lhs .nav-lhs-section .nav-lhs-section {
  list-style: none;
  margin-left: 5px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
  /* border-bottom: 2px solid;  */
}
/*  Table of Contents navigation  */
.nav-toc,
.nav-toc UL {
  list-style: none;
  margin: 0px 0px 0px 5px;
  padding: 0px;
  font-size: 90%;
  font-weight: bolder;
}
.imagebox {
  text-align: center;
}
.imagebox IMG {
  margin: 10px;
}
/*
 *  View edit controls
 */
.subview-edit {
  width: 100%;
  border: 0px;
  font-size: 12px;
}
.subview-edit input,
.subview-edit textarea,
.subview-edit select {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
  font-size: 12px;
}
/*
 *  Shoutbox
 */
.shoutbox {
  font-size: 12px;
}
DIV.shoutbox {
  width: auto;
  margin: 5px;
  border: 0px;
  padding: 0px;
}
TEXTAREA.shoutbox {
  width: 100%;
  height: 80px;
  border: 0px;
  padding: 0px;
}
.shoutbox-bottom {
  text-align: right;
}
/*
 *
 */
.friendform {
  font-size: 12px;
}
DIV.friendform {
  width: auto;
  margin: 5px;
  border: 0px;
  padding: 0px;
}
/*
 *  Avatar stuff
 */
DIV.avatarthumb {
  float: right;
  text-align: center;
  overflow: hidden;
  /*border: thin blue solid; */
}
.sidebar .section DIV.avatarthumb {
  height: 25px;
  width: 25px;
  /*    max-width: 25px;
    max-height: 25px; */
}
#content-column .section DIV.avatarthumb {
  height: 35px;
  width: 35px;
  /*    max-width: 35px;
    max-height: 35px; */
}
.sidebar .section IMG.avatarthumb {
  height: 25px;
}
#content-column .section IMG.avatarthumb {
  height: 35px;
}
/*
#login-panel IMG.avatarthumb {
    height: 40px;
}
 */
IMG.avatarlist {
  height: 60px;
}
.caption {
  font-weight: bold;
  font-size: 70%;
  line-height: 100%;
  text-align: center;
}
.tiny-caption {
  font-weight: bold;
  font-size: 60%;
  line-height: 100%;
  text-align: center;
}
.friendlist IMG.avatarthumb {
  height: 60px;
}
.commenthead .avatarthumb {
  text-align: right;
}
/*
 *  Forms stuff.
 */
.formbuttons {
  text-align: right;
  margin-right: 10px;
}
TABLE.form {
  width: 100%;
  border: 0;
}
TABLE.form TD {
  vertical-align: baseline;
  padding: 0px 5px 0px 5px;
}
TABLE.form TD.align-top {
  vertical-align: top;
}
TABLE.form TD.align-middle {
  vertical-align: middle;
}
TABLE.form .text {
  width: 100%;
}
TABLE.form .small-text {
  width: 100%;
}
TABLE.form .text80 {
  width: 80%;
}
/*
 *  Avatarlist table.
 */
DIV.avatarlist {
  /*  Need the padding otherwise mozilla adds vertical scrollbars on things
     *  that don't actually need them for some reason.
     */
  padding: 1px 0px 1px 0px;
  overflow: auto;
}
TABLE.avatarlist {
  width: 100%;
  border-width: 0px;
}
TABLE.avatarlist TD {
  vertical-align: middle;
  text-align: center;
}
TABLE.avatarlist TH {
  vertical-align: middle;
  text-align: center;
  font-size: 70%;
}
TABLE.avatarlist .text {
  width: 100%;
}
TABLE.avatarlist .text80 {
  width: 80%;
}
/*
TABLE.avatarlist TD.avatarlist {
    width: 60px;
}
 */
TABLE.avatarlist .avatarlist {
  vertical-align: middle;
}
TABLE.avatarlist .radiocell {
  vertical-align: middle;
  width: 0px;
}
TABLE.avatarlist .imagecell {
  vertical-align: middle;
  text-align: center;
  width: 0px;
}
TABLE.avatarlist .greedycell {
  vertical-align: middle;
  width: 100%;
}
IFRAME.avatar {
  width: 100%;
  height: 100px;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}
/*
 *  Friendlist table.
 */
TABLE.friendlist {
  width: 100%;
  border-collapse: collapse;
  border-width: 0px;
}
TABLE.friendlist TD {
  vertical-align: middle;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
TABLE.friendlist TH {
  vertical-align: middle;
  text-align: center;
  font-size: 70%;
  line-height: 100%;
}
TABLE.friendlist .text {
  width: 100%;
}
TABLE.friendlist .text80 {
  width: 80%;
}
/*
TABLE.friendlist TD.friendlist {
    width: 60px;
}
 */
TABLE.friendlist .friendlist {
  vertical-align: middle;
}
TABLE.friendlist .radiocell {
  vertical-align: middle;
  width: 0px;
}
TABLE.friendlist .imagecell {
  vertical-align: middle;
  text-align: center;
}
.sidebar TABLE.friendlist .imagecell {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
}
#content-column TABLE.friendlist .imagecell {
  width: 35px;
  min-width: 35px;
  max-width: 35px;
}
TABLE.friendlist .greedycell {
  vertical-align: middle;
  width: 100%;
}
TABLE.friendlist .left {
  text-align: left;
}
TABLE.friendlist .right {
  text-align: right;
}
/*
 *  Messagelist table.
 */
TABLE.messagelist {
  width: 100%;
  border-width: 0px;
  margin: 0px;
  border-collapse: collapse;
}
TABLE.messagelist .unread {
  font-weight: bolder;
}
TABLE.messagelist TD {
  vertical-align: middle;
  text-align: center;
  /*
    margin: 0px;
    padding: 0px;
 */
}
TABLE.messagelist TH {
  vertical-align: middle;
  text-align: center;
  font-size: 70%;
  line-height: 100%;
  /*    margin: 0px; */
}
TABLE.messagelist .text {
  width: 100%;
}
TABLE.messagelist .text80 {
  width: 80%;
}
TABLE.messagelist .messagelist {
  vertical-align: middle;
}
TABLE.messagelist .radiocell {
  vertical-align: middle;
  width: 0px;
}
TABLE.messagelist .imagecell {
  vertical-align: middle;
  text-align: center;
  width: 0px;
}
TABLE.messagelist .greedycell {
  vertical-align: middle;
  width: 100%;
}
/*
 *  Post markup stuff.
 */
blockquote {
  /*    margin: 0px 10px 0px 10px; */
  border-width: 2px;
  border-style: solid;
  padding: 4px;
}
.u {
  text-decoration: underline;
}
.o {
  text-decoration: overline;
}
.strikeout {
  text-decoration: line-through;
}
.spoiler {
  margin: 0px 10px 0px 10px;
  border-width: 2px;
  border-style: solid;
  padding: 4px;
}
.spoilerhead {
  font-weight: bold;
  font-size: 80%;
}
.spoilerfoot {
  font-weight: bold;
  font-size: 80%;
}
.code {
  margin: 5px 7px 0px 7px;
  border-width: 2px;
  border-style: solid;
  padding: 4px;
  overflow: auto;
  clear: right;
}
.code pre code,
.code pre div {
  padding: 9px 7px 5px 7px;
}
.codehead {
  font-weight: bold;
  font-size: 80%;
}
PRE {
  margin: 0px;
  padding: 0px;
  white-space: pre-wrap;
}
DIV.markuptable {
  margin: 0px 10px 0px 10px;
  /*  Need the padding otherwise mozilla adds vertical scrollbars on things
     *  that don't actually need them for some reason.
     */
  padding: 1px 0px 1px 0px;
  overflow: auto;
  clear: right;
}
TABLE.markuptable {
  border-width: 2px;
  border-style: solid;
  border-collapse: collapse;
  empty-cells: show;
}
.markuptable TD,
.markuptable TH {
  border-width: 1px;
  border-style: solid;
}
DIV.markupimg {
  margin: 0px 10px 0px 10px;
  /*  Need the padding otherwise mozilla adds vertical scrollbars on things
     *  that don't actually need them for some reason.
     */
  /*    padding: 1px 0px 1px 0px; */
  overflow: auto;
}
INPUT.markupbutton {
  font-size: 11px;
  /*
    font-family: Verdana, Arial, Helvetica, sans-serif;
 */
  /*
    background-color : #101010;
    color : #DCDCDC;
    border-color : #202020 #303030 #303030 #202020;
 */
}
.aside {
  margin: 0px 10px 0px 10px;
  border-width: 2px;
  border-style: solid;
  padding: 4px;
  font-size: 80%;
}
.boxout {
  float: right;
  width: 150px;
  margin: 5px 10px 0px 5px;
  border-width: 2px;
  border-style: solid;
  padding: 4px;
  font-size: 80%;
}
/*
 *  Tags stuff.
 */
DIV.tagsoup {
  text-align: center;
}
SPAN.tagsoup {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px 0px 10px;
}
.toptags {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.toptagstag {
  text-align: left;
}
.sidebar .toptagstag {
  float: left;
  width: 150px;
}
.toptagscount {
  display: block;
  text-align: right;
  margin: 0px 0px 0px 0px;
}
/*
 *  Editor stuff.
 */
.editortoolbar {
  text-align: center;
}
.editorbuttongroup {
  display: inline-block;
  margin: 0px 10px 0px 10px;
}
/*
 *  Infocharts.
 */
DIV.infochart {
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 5px;
}
TABLE.infochart {
  width: 100%;
  border-width: 2px;
  border-style: solid;
  border-collapse: collapse;
  empty-cells: show;
  font-size: 75%;
}
TABLE.infochart colgroup {
  border: 3px;
  border-style: solid;
}
.infochart TD,
.infochart TH {
  border-width: 1px;
  border-style: solid;
}
.infochart TD.currency {
  /*  Grumble, no decimal align  */
  text-align: right;
}
.infochart TD.numeric {
  text-align: right;
}
.infochart TD.centre,
.infochart TD.center {
  text-align: center;
}
/*
 *  Pager bits.
 */
.pagerbox {
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
SPAN.pagernumber {
  margin: 4px 1px 0px 1px;
  width: 15px;
  height: 13px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  vertical-align: baseline;
  display: inline-block;
}
A:hover SPAN.pagernumber {
  text-decoration: none;
}
SPAN.pagernumber-inactive {
  margin: 4px 1px 0px 1px;
  width: 15px;
  height: 13px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  vertical-align: baseline;
  display: inline-block;
}
SPAN.pagerbutton {
  margin: 0px 4px 0px 4px;
  /*    height: 16px; */
  font-size: 12px;
  text-align: center;
  vertical-align: baseline;
  display: inline-block;
}
SPAN.pagerbutton-inactive {
  margin: 0px 4px 0px 4px;
  /*    height: 16px; */
  font-size: 12px;
  text-align: center;
  vertical-align: baseline;
  display: inline-block;
}
/*
 *  Global gallery bits.
 */
.thumbnailsbox {
  text-align: center;
  vertical-align: middle;
}
.thumbnailsbox .thumbnail {
  margin: 1px;
  padding: 0px;
}
.thumbnailsbox A .thumbnail {
  /*  TODO: colour into colour css  */
  border: thin black solid;
}
.thumbnailsbox A:hover .thumbnail {
  /*  TODO: colour into colour css  */
  border: thin red solid;
}
/*
 *  RSS/Atom feeds.
 */
.feedicon {
  vertical-align: baseline;
}
.sidebar .section .subsection-foot {
  font-size: 11px;
}
UL,
OL {
  margin-top: 5px;
  margin-bottom: 0px;
}
/*  Headings for LI items  */
UL LI H3,
UL LI H4 {
  font-weight: bold;
  font-size: 92%;
  text-align: left;
  margin: 3px 0px 0px 0px;
  line-height: 1em;
}
UL.horizontal-nav {
  display: inline;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
UL.horizontal-nav LI {
  display: inline;
  margin: 0px;
  padding: 0px 5px 0px 5px;
}
UL.horizontal-nav LI.current {
  font-weight: bold;
}
/*  To line up with P  */
#content-column UL LI H3,
#content-column UL LI H4 {
  padding: 0px 2px 0px 2px;
}
UL.plainlist {
  list-style: none;
}
/*  blog categories stuff  */
DIV.tagsoup {
  text-align: center;
}
SPAN.tagsoup {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 10px 0px 10px;
}
DIV.palette {
  text-align: center;
}
DIV.palette SPAN {
  border-width: 0px 0px 0px 10px;
  border-style: solid;
  margin: 0px;
  padding: 0px;
}
#content-column .section DIV.palette H2 {
  text-align: center;
}
/*  Examples pages  */
.whitebox,
.redbox,
.purplebox,
.bluebox,
.aquabox,
.greenbox,
.yellowbox {
  border-width: 5px;
  border-style: solid;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.sgtooltip-container .whitebox,
.sgtooltip-container .redbox,
.sgtooltip-container .purplebox,
.sgtooltip-container .bluebox,
.sgtooltip-container .aquabox,
.sgtooltip-container .greenbox,
.sgtooltip-container .yellowbox {
  margin: 0px;
}
TABLE.example {
  width: 75%;
  margin-left: 10%;
  margin-right: 10%;
}
.example TD {
  vertical-align: middle;
  text-align: center;
}
/*  template-roundup bits  */
.template-roundup-chartbox {
  display: inline-block;
  width: 187px;
}
.template-roundup-chartrow {
  margin: 0px 5px 0px 5px;
}
.template-roundup-toc-column {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  margin: 0px 5px 0px 5px;
}
.template-roundup-toc-column UL {
  padding: 0px;
}
.template-roundup-toc-column LI {
  list-style: none;
}
.template-roundup-chart {
  border-width: 1px;
  border-style: solid;
}
.chart-key TH {
  text-align: left;
}
.report-index TD {
  text-align: center;
}
/*  Disqus comments bits  */
#dsq-content #dsq-comments {
  list-style: none;
  padding-left: 0px;
}
#dsq-content #dsq-comments .dsq-comment {
  margin-bottom: 5px;
  border-radius: 3px;
}
#dsq-content #dsq-comments .dsq-comment .dsq-comment-header {
  /*                margin-bottom: 5px; */
}
#dsq-content #dsq-comments .dsq-comment .dsq-comment-body {
  /*                padding: 0px 5px 5px 5px; */
  /*                padding: 0px 5px 0px 5px; */
  font-size: 16px !important;
}
#dsq-content #dsq-comments .dsq-comment .dsq-comment-footer {
  border-width: 2px 0px 0px 0px;
  border-style: solid;
  padding: 2px 5px 2px 5px;
}
#dsq-content #dsq-comments .dsq-comment .dsq-comment-footer .dsq-comment-footer-left {
  display: inline-block;
}
#dsq-content #dsq-comments .dsq-comment .dsq-comment-footer .dsq-comment-footer-left a {
  margin-right: 10px;
}
#dsq-content #dsq-comments .dsq-comment .dsq-comment-footer .dsq-comment-footer-right {
  display: inline-block;
  text-align: right;
}
/*  Constants  */
/*
@bgstrong:     hsl(@bghue, 25%, 60%);
@bgsemistrong: hsl(@bghue, 37.5%, 70%);
@bgmid:        hsl(@bghue, 50%, 80%);
@bglight:      hsl(@bghue, 50%, 90%);
 */
/*  Greys  */
/*  Borders  */
/*
 *  Basics
 */
body {
  background-color: #d9f2d9;
}
H1 {
  color: #000000;
  background-color: #7ab87a;
}
#site-title H1 {
  background-color: #70c270;
}
H2 {
  color: #333333;
}
H5.subhead {
  color: #000000;
}
a {
  color: #1f1f7a;
}
a:visited {
  color: #1f1f7a;
}
.subsection-body a:visited {
  color: #7a1f7a;
}
a:hover {
  color: #1f1f7a;
}
.table th {
  background-color: #888;
  color: white;
}
.table th a,
.table th a:visited {
  color: white;
}
/*
 *  Common styles
 */
#debug {
  border-color: silver;
}
.faint {
  color: #888 !important;
}
.warning {
  color: red;
}
.alert {
  background: #ffcccc;
  background-color: #ffcccc;
}
.label,
.hint {
  color: #888;
}
.tooltip {
  background-color: #ffffcc;
  border-color: black;
}
.tooltip .textbox {
  border-color: #aaa;
}
/*
 *  Standard page elements
 */
/*
 *  Box-outs.
 */
.sidebar .section {
  background-color: #d9f2d9;
}
.sidebar .section H1 {
  color: #4d4d4d;
}
.sidebar .section H2 {
  color: #4d4d4d;
}
.sidebar .section H5.subhead {
  color: #4d4d4d;
}
.sidebar .section .subsection-box {
  background-color: #fff;
}
.sidebar .section .subsection-box .subsection {
  background-color: #b3e6b3;
  border-color: #fff;
}
/*
 *  Content Sections
 */
#content-column {
  border-color: #dddddd;
}
#content-column .splash {
  background-color: #7ab87a;
}
#content-column .splash H1 {
  color: #000000;
}
#content-column .splash .subtitle {
  background-image: linear-gradient(to right, #7ab87a, #d9f2d9 10%, #7ab87a);
}
#content-column .splash H2 {
  color: #333333;
  background-color: #7ab87a;
  border-color: #d9f2d9;
}
#content-column .section {
  background-color: #d9f2d9;
  color: #4d4d4d;
}
#content-column .section H1 {
  color: #000000;
}
#content-column .section H2 {
  color: #333333;
}
#content-column .section H5.subhead {
  color: #000000;
}
#content-column .section .subsection-box {
  background-color: #d9f2d9;
  color: #4d4d4d;
}
#content-column .section .subsection-box .subsection {
  background-color: #b3e6b3;
  color: #333333;
}
/*
 *  Specific page elements.
 */
#logo-panel {
  border-color: #a3f5a3;
}
#title-panel-right {
  border-color: #a3f5a3;
}
#title-panel-bottom {
  border-color: #a3f5a3;
  background-color: #999;
}
/*
 *  Navigation blocks.
 */
#nav-page-title {
  background-color: #999;
}
#nav-top {
  background-color: #70c270;
}
#nav-bottom {
  background-color: #999;
}
#final-word {
  background-color: #70c270;
}
/*
 *  Navigation tabs.
 */
.nav-tabs-bar LI.current {
  background-color: #d9f2d9;
}
/*
 *  LHS Navigation
 */
#lhs-column {
  background-color: #d9f2d9;
}
.nav-lhs {
  background-color: #d9f2d9;
}
.nav-lhs LI {
  background-color: #d9f2d9;
}
.nav-lhs LI.current {
  background-color: #7ab87a;
}
.nav-lhs .nav-lhs-section {
  background-color: #d9f2d9;
  border-color: #7ab87a;
}
.nav-lhs .nav-lhs-section LI {
  background-color: #d9f2d9;
}
.nav-lhs .nav-lhs-section LI.current {
  background-color: #94d194;
}
.nav-lhs .nav-lhs-section .nav-lhs-section LI.current {
  /*    background-color: #9e9;  */
  /*    background-color: #ccc; */
  background-color: #d9f2d9;
}
/*
 *  View edit controls
 */
.subview-edit {
  background-color: #faa;
}
.subview-edit input,
.subview-edit textarea,
.subview-edit select {
  background-color: #c77;
}
/*
 *  Message list stuff.
 */
/*
 *  Post markup stuff.
 */
blockquote {
  border-color: #ccc;
  background-color: #fff;
}
.spoiler {
  border-color: #ccc;
  background-color: #fff;
}
.spoilerbody {
  color: #fff;
  background-color: #fff;
}
TABLE.markuptable {
  border-color: #ccc;
  background-color: #fff;
}
.markuptable TD,
.markuptable TH {
  border-color: #ddd;
}
.aside {
  border-color: #ccc;
  background-color: #d9f2d9;
}
.boxout {
  border-color: #ccc;
  background-color: #d9f2d9;
}
/*
 *  Tag stuff.
 */
.usertag,
.usertag:visited,
.usertag:hover {
  color: #008;
}
.authortag,
.authortag:visited,
.authortag:hover {
  color: #880;
}
.othertag,
.othertag:visited,
.othertag:hover {
  color: #888;
}
.toptags LI:hover {
  background-color: #cac;
}
.sidebar .friendlist TR:hover {
  background-color: #cac;
}
TABLE.infochart {
  border-color: #ccc;
  background-color: #fff;
}
TABLE.infochart colgroup {
  border-color: #ddd;
}
.infochart TD,
.infochart TH {
  border-color: #ddd;
}
.infochart .good TD,
.infochart .good TH {
  background-color: #0d0;
}
.infochart .bad TD,
.infochart .bad TH {
  background-color: #d00;
}
.infochart .highlight TD,
.infochart .highlight TH {
  background-color: #aaa;
}
/*
 *  Pager colours.
 */
SPAN.pagernumber {
  color: white;
  background-color: #00c;
}
SPAN.pagernumber:hover {
  color: white;
  background-color: #0cc;
}
A SPAN.pagernumber {
  color: white;
}
SPAN.pagernumber-inactive {
  color: white;
  background-color: #0cc;
}
.subsection-head,
.subsection-foot {
  background-color: #7ab87a;
}
/*  Examples pages  */
.whitebox {
  border-color: #ccc;
  background-color: #fff;
}
.redbox {
  border-color: #c99;
  background-color: #fcc;
}
.purplebox {
  border-color: #c9c;
  background-color: #fcf;
}
.bluebox {
  border-color: #99c;
  background-color: #ccf;
}
.aquabox {
  border-color: #9cc;
  background-color: #cff;
}
.greenbox {
  border-color: #9c9;
  background-color: #cfc;
}
.yellowbox {
  border-color: #cc9;
  background-color: #ffc;
}
.edge-edge,
.edge-join,
.join-edge,
.join-join {
  border-color: #ccc;
}
/*  template-roundup bits  */
.template-roundup-chart {
  border-color: black;
}
/*  Disqus comments bits  */
#dsq-content {
  padding-left: 5px;
  padding-right: 5px;
}
#dsq-content #dsq-comments .dsq-comment {
  background-color: #b3e6b3;
}
#dsq-content #dsq-comments .dsq-comment .dsq-comment-header {
  background-color: #7ab87a;
}
#dsq-content #dsq-comments .dsq-comment .dsq-comment-footer {
  border-color: #d9f2d9;
}
/*  Syntax highlighting  */
.code {
  border-color: #ccc;
  background-color: #fdf6e3;
  color: #657b83;
}
.code .synComment {
  color: #93a1a1;
  font-style: italic;
}
.code .synConstant {
  color: #2aa198;
}
.code .synIdentifier {
  color: #859900;
}
.code .synStatement {
  color: #268bd2;
}
.code .synPreProc {
  color: #cb4b16;
}
.code .synType {
  color: #b58900;
}
.code .synSpecial {
  color: #d33682;
}
.code .synUnderlined {
  text-decoration: underline;
}
.code .synError {
  color: #dc322f;
}
.code .synTodo {
  color: #93a1a1;
}
body {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.smalllink {
  font-size: 12px;
}
.label,
.hint,
.tooltip {
  font-size: 14px;
}
H1 {
  font-size: 20px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.gallerybox {
  text-align: center;
  height: 600px;
  line-height: 600px;
}
.gallerybox IMG {
  vertical-align: middle;
}
.coverimagebox {
  float: left;
  padding: 0px;
  margin: 0px 2px 0px 0px;
  border: 1px black solid;
  text-align: center;
  vertical-align: middle;
}
.coverimage {
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}
/*
.coverimage {
    float: left;
    margin-right: 2px;
    border: 1px black solid;
}
 */
#content-column .section .galleryhead H1 {
  margin-bottom: 0px;
}
#content-column .section .galleryhead H2 {
  margin-left: 5px;
  font-size: 84%;
}
#content-column .section .galleryhead {
  margin-bottom: 5px;
}
#content-column .section .gallerybody {
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 5px;
}
#content-column .section .galleryfoot {
  font-size: 84%;
}
.sidebar .section .galleryfoot {
  font-size: 11px;
}
#content-column .section .commenthead H1 {
  margin-bottom: 0px;
}
#content-column .section .commenthead H2 {
  margin-left: 5px;
  font-size: 84%;
}
#content-column .section .commenthead {
  margin-bottom: 5px;
}
#content-column .section .commentbody {
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 5px;
}
#content-column .section .commentfoot {
  font-size: 84%;
}
.sidebar .section .commentfoot {
  font-size: 11px;
}
.thumbbox {
  /*    line-height: 25px; */
  /*    display: inline; */
}
.thumbbox A {
  /*    display: inline; */
}
.thumbbox IMG {
  vertical-align: middle;
  /*    display: inline; */
}
/*
.magnifier-row {
    border: thin green solid;
}
*/
.thumbbox TABLE {
  /*    border: thin blue solid; */
  margin: 0px;
  padding: 0px;
}
.thumbbox TR {
  /*    border: thin green solid; */
  margin: 0px;
  padding: 0px;
}
.thumbbox TD {
  /*    border: thin red solid; */
  margin: 0px;
  padding: 0px;
}
.galleryhead {
  background-color: #aca;
}
.commenthead {
  background-color: #aca;
}