@font-face {
	font-family:Michroma-Black;
	src: url('../../support/fonts/Michroma.ttf');
}

@font-face {
	font-family:Michroma-Bold;
	src: url('../../support/fonts/Michroma.ttf');
}

hr {
    border:0;
    height:2px;
    background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    text-align:center;
    margin:20px 0;
}

hr:after {
	color:#000000;
    content:"☢";
    display:inline-block;
    position:relative; 
    top:-0.5em;  
    font-size:1.5em;
    padding:0 0.25em;
}

/** Link formatting. */
#banner a, #motd a, .columnnav a, .toclist a, .area a, #bottombarinner a {
	text-decoration:none;
	padding-bottom:1px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

/**
 * File icons.
 */
a[href$='.pdf'] {
	padding: 5px 20px 2px 0;
	background: url('../../interface/pdf.png') no-repeat center right;
}

/**
 * Collapsing area.
 */
section.collapsible > div > header.sectionheader > div > label {
	position:absolute;
	top:1em;
	right:1.5em;
}

.collapsible > div > label,
.collapsible > div > header.sectionheader > div > label {
	font-family:Michroma-Black;
	border-radius:3px;
	background:-webkit-linear-gradient(270deg,#EEEEEE,#CCCCCC); /* Replace with CSS3. */
	background:linear-gradient(to bottom,#EEEEEE,#CCCCCC);
	border:solid #DDDDDD 1px;
	padding:0 5px;
	cursor:pointer;
}

#sitenav > div > label {
	position:static;
	display:block;
	text-align:center;
	border-radius:0px;
	background:-webkit-linear-gradient(270deg,#EEEEEE,#CCCCCC); /* Replace with CSS3. */
	background:linear-gradient(to bottom,#EEEEEE,#CCCCCC);
	cursor:pointer;
	font-size:20px;
}

.collapsible > input[type="checkbox"] {
	position:absolute;
	height:0;
	margin:0;
	-moz-appearance:none; /** Imperfect Gecko hack. */
	opacity:0; /** Imperfect Gecko hack. */
}

#sitenav > input[type="checkbox"],
nav.toccont > input[type="checkbox"] {
	position:absolute;
	right:0;
	top:0;
}

.collapsible > div > label:before,
.collapsible > div > header.sectionheader > div > label:before {
	content:"Hide";
}

#sitenav > div > label:before {
	content:"Click to Hide Site Menu";
}

.collapsible > div > label,
.collapsible > div > header.sectionheader > div > label {
	color:#AA0000;
}

.collapsible > div > label:hover,
.collapsible > div > header.sectionheader > div > label:hover {
	color:#FF0000;
}

.collapsible > input:checked + div > label:before,
.collapsible > input:checked + div > header.sectionheader > div > label:before {
	content:"Show";
}

#sitenav > input:checked + div > label:before {
	content:"Show Site Menu";
}

.collapsible > input:checked + div > label,
.collapsible > input:checked + div > header.sectionheader > div > label {
	color:#00AA00;
}

.collapsible > input:checked + div > label:hover,
.collapsible > input:checked + div > header.sectionheader > div > label:hover {
	color:#00DD00;
}

.collapsible > div > div, .defaulthide > input:checked + div > div {
	display:block;
}

.collapsible > input:checked + div > div, .defaulthide > div > div {
	display:none;
}

/**
 * Vertical centring.
 */
div.vertcentre {
	display:table;
	overflow:hidden;
}

div.vertcentre > div {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	margin:0 auto;
	text-align:center;
}

/**
 * Centring containers.
 */
.centrecont {
	max-width:1190px;
	margin:0 auto;
	padding:0px 10px;
}

img {
	vertical-align:middle;
	margin:0;
	padding:0;
}

header.hide, h1.hide, h2.hide {
	display:none;
}

body {
	background:#DDDDEE;
	margin:0;
	font-family:sans-serif;
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:column; /* Replace with CSS3. */
	flex-direction:column;
}

/**
 * Article container.
 */
#article {
	-webkit-flex:1 1 auto; /* Replace with CSS3. */
	flex:1 1 auto;
	-webkit-order:4; /* Replace with CSS3. */
	order:4;
}

#article > div {
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:column; /* Replace with CSS3. */
	flex-direction:column;
}

/**
 * Banner.
 */
#banner {
	-webkit-flex:1 1 auto; /* Replace with CSS3. */
	flex:1 1 auto;
	-webkit-order:5; /* Replace with CSS3. */
	order:5;
	background:#111111;
	padding-top:10px;
	padding-bottom:15px;
	font-family:Michroma-Bold;
	text-align:center;
	color:#FFFFFF;
}

#banner a:link {
	color: #00FFFF;
}

#banner a:visited{
	color:#C0C0C0;
}

#banner a:hover{
	color:#C0C0C0;
}

#banner a:active{
	color:#00FFFF;
}

#bannertitle {
	font-family:Michroma-Black;
	font-weight:900;
	margin:0;
	font-size:35px;
}

#bannersubtitle {
	font-family:Michroma-Black;
	font-weight:900;
	margin:0;
	font-size:20px;
}

/**
 * Content.
 */
#content {
	-webkit-flex:1 1 auto; /* Replace with CSS3. */
	flex:1 1 auto;
	-webkit-order:7; /* Replace with CSS3. */
	order:7;
	padding-bottom:5px;
}

header.sectionheader {
	margin-bottom:5px;
}

header.sectionheaderh2 {
	background:#00113B;
}

header.sectionheader > div {
	position:relative;
}

h2.subhead {
	font-family:Michroma-Black;
	font-weight:900;
	text-align:center;
	margin:0;
	padding:10px 0;
	font-size:28px;
	color:#FFFFFF;
	background:#00113B;
}

h3.subhead {
	font-family:Michroma-Black;
	font-weight:900;
	margin:0;
	padding:5px 0 5px 10px;
	font-size:28px;
	color:#FFFFFF;
	background:#00113B;
}

h4.subhead {
	font-family:Michroma-Black;
	font-weight:900;
	margin:0;
	padding:5px 0 5px 10px;
	font-size:24px;
	color:#FFFFFF;
	background:#000011;
}

h5.subhead {
	font-family:Michroma-Black;
	font-weight:900;
	margin:0;
	padding:5px 0 5px 10px;
	font-size:24px;
	font-style:italic;
	color:#FFFFFF;
	background:#000011;
}

div.area {
	padding:5px 10px;
	padding-bottom:5px;
}

/**
 * Page navigation.
 */
#pagenav {
	-webkit-flex:none; /* Replace with CSS3. */
	flex:none;
	-webkit-order:6; /* Replace with CSS3. */
	order:6;
	background:#050505;
	padding:5px 0 10px 0;
}

#pagenav > div {
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:row; /* Replace with CSS3. */
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
}

#pagetoc {
	-webkit-order:1; /* Replace with CSS3. */
	order:1;
}

#reltoc {
	-webkit-order:2; /* Replace with CSS3. */
	order:2;
}

nav.toccont {
	-webkit-flex:1 1 325px; /* Replace with CSS3. */
	flex:1 1 325px;
	text-align:center;
	position:relative;
}

header.tochead {
	display:inline-block;
	margin-right:5px;
}

h2.tocname {
	display:inline;
	font-family:Michroma-Black;
	font-weight:900;
	text-align:center;
	margin:0;
	padding:0 0 5px 0;
	color:#FFFFFF;
	text-align:center;
	font-size:20px;
}

div.toclistcont {
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:row; /* Replace with CSS3. */
	flex-direction:row;
	justify-content:space-around;
}

ul.toclist {
	-webkit-flex:none; /* Replace with CSS3. */
	flex:none;
	-webkit-order:1; /* Replace with CSS3. */
	order:1;
	background:#E7E7E7;
	border-radius:10px;
	box-shadow:inset 0 0 10px #888888;
	width:275px;
	text-align:left;
	padding:15px 10px 15px 35px;
	margin:10px 0 5px 0;
}

/**
 * Previous/next page links section.
 */
#topprevnext {
	-webkit-order:4; /* Replace with CSS3. */
	order:4;
}

#bottomprevnext {
	-webkit-order:8; /* Replace with CSS3. */
	order:8;
}

div.prevnext {
	-webkit-flex:none; /* Replace with CSS3. */
	flex:none;
	background:#050505;
	padding:5px 0;
}

div.nextprevinner {
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:row; /* Replace with CSS3. */
	flow:row;
	justify-content:space-between;
}

div.nextpage {
	-webkit-order:2; /* Replace with CSS3. */
	order:2;
}

span.nextarrow {
	color:#00AA00;
	margin-left:5px;
}

div.prevpage {
	-webkit-order:1; /* Replace with CSS3. */
	order:1;
}

span.prevarrow {
	color:#DD0000;
	margin-right:5px;
}

a.nextprevlink:link {
	color:#EEEEEE;
	font-weight:bold;
	text-decoration:none;
}

a.nextprevlink:visited {
	color:#0044BB;
}

a.nextprevlink:hover {
	color:#FF0000;
}

/**
 * Site navigation.
 */
#sitenav {
	-webkit-flex:none; /* Replace with CSS3. */
	flex:none;
	-webkit-order:2; /* Replace with CSS3. */
	order:2;
	background:#2A2A2A;
	background:-webkit-linear-gradient(270deg,#202020,#303030);
	background:linear-gradient(to bottom,#202020,#303030);
	color:#FFFFFF;
}

#sitenav > div > div > div {
	padding-top:10px;
}

#sitenav a:visited {
	color: #777777;
}

#sitenav a:link {
	color: #CCCCCC;
}
 
.columnnav {
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-flow:row wrap; /* Replace with CSS3. */
	flex-flow:row wrap;
	justify-content:space-around;
	-webkit-justify-content:space-around; /* Replace with CSS3. */
	font-size:14px;
}

.columnnav > div {
	min-width:150px;
}

.columnnav ul {
	list-style-type:none;
	padding-bottom:15px;
	padding-left:20px;
	margin:0;
}

.columnnav ul > li > ul {
	list-style-type:disc;
	padding-bottom:0px;
	margin:0;
}

.columnnav > div > ul > li > div {
	font-family:Michroma-Black;
	font-size:15px;
}

.columnnav > div > ul li {
	margin:1px 0;
}

#sitemenuhead {
	text-align:center;
	font-family:Michroma-Black;
	font-weight:900;
	margin:0;
	text-shadow:#0000FF 0px 0px 10px;
}

/**
 * Top bar.
 */
#topbar {
	-webkit-flex:none; /* Replace with CSS3. */
	flex:none;
	-webkit-order:1; /* Replace with CSS3. */
	order:1;
	background:#001858;
	padding-top:10px;
	padding-bottom:10px;
}

#topbarinner {
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:row; /* Replace with CSS3. */
	flex-direction:row;
	flex-wrap:wrap;
}

#topbarleft {
	-webkit-flex:1 1 auto; /* Replace with CSS3. */
	flex:1 1 auto;
	-webkit-order:1; /* Replace with CSS3. */
	order:1;
}

#sitetitle {
	margin:0;
	font-weight:900;
}

#topbarbutton > img {
	padding-right:5px;
}

#topbarbutton:link {
	color:#FFFFFF;
	font-size:25px;
	font-family:Michroma Medium;
	text-decoration:none;
	text-shadow:#000000 0px 0px 10px;
}

#topbarbutton:visited {
	color:#FFFFFF;
}

#topbarbutton:active {
	color:#FFFFFF;
}

#topbarbutton:hover {
	color:#FFFFFF;
}

#topbarright {
	-webkit-flex:0 1 auto; /* Replace with CSS3. */
	flex:0 1 auto;
	-webkit-order:2; /* Replace with CSS3. */
	order:2;
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:column; /* Replace with CSS3. */
	flex-direction:column;
	text-align:right;
}

#topbarrightrow1 {
	-webkit-flex:1; /* Replace with CSS3. */
	flex:1;
	-webkit-order:1; /* Replace with CSS3. */
	order:1;
}

#topbarnav {
	display:inline-block;
}

#topbarnavlist {
	list-style-type:none;
	margin:0;
	padding:0 10px;
	border-radius:10px;
	background:-webkit-linear-gradient(270deg,#EEEEEE,#CCCCCC); /* Replace with CSS3. */
	background:linear-gradient(to bottom,#EEEEEE,#CCCCCC);
}

#topbarnavlist > li {
	display:inline-block;
	padding:0 15px 0 0;
	color:#550000;
	font-weight:bold;
	font-size:14px;
}

#topbarnavlist > li:last-child {
	padding:0;
}

#topbarnavlist a {
	display:inline-block;
}

#topbarnavlist a:link {
	color:#550000;
	text-decoration:none;
}

#topbarnavlist a:visited {
	color:#555555;
}

#topbarnavlist a:hover {
	color:#BB0000;
}

#topbarnavlist a:active {
	color:#BB0000;
}

#topbarnavlist img {
	max-height:18px;
	padding-top:2px;
	padding-bottom:2px;
}

#topbarrightrow2 {
	-webkit-flex:1; /* Replace with CSS3. */
	flex:1;
	-webkit-order:2; /* Replace with CSS3. */
	order:2;
}

#search {
	display:inline-block;
}

#searchform > input[type="text"] {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	margin-right:0;
	padding-left:2px;
	border-top:solid #DDDDDD 1px;
	border-left:solid #DDDDDD 1px;
	border-bottom:solid #DDDDDD 1px;
}

#searchform > input[type="submit"] {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	color:#000E36;
	background:-webkit-linear-gradient(270deg,#EEEEEE,#CCCCCC); /* Replace with CSS3. */
	background:linear-gradient(to bottom,#EEEEEE,#CCCCCC);
	border:solid #DDDDDD 1px;
}

#searchform > input[type="submit"]:hover {
	color:#22AAFF;
	border:solid #CCCCCC 1px;
}

#topbarsponsor {
	-webkit-flex:0 1 auto; /* Replace with CSS3. */
	flex:0 1 auto;
	-webkit-order:3; /* Replace with CSS3. */
	order:3;
	margin-left:10px;
}

/**
 * Message of the day.
 */
#motd {
	-webkit-flex:none; /* Replace with CSS3. */
	flex:none;
	-webkit-order:3; /* Replace with CSS3. */
	order:3;
	background-image:repeating-linear-gradient(45deg,#ffdd55,#ffdd55 25px,#000000 25px,#000000 50px);
	font-size:14px;
}

#motdinner > div:nth-child(odd) {
	background:rgba(220,220,220,.97);
}

#motdinner > div:nth-child(even) {
	background:rgba(200,200,220,.97);
}

div.motdmsg {
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:row; /* Replace with CSS3. */
	flex-direction:row;
	margin:0;
}

div.motdmsgleft {
	-webkit-flex:1 1 auto; /* Replace with CSS3. */
	flex:1 1 auto;
	-webkit-order:1; /* Replace with CSS3. */
	order:1;
	padding:5px 10px;
}

div.motdmsgright {
	-webkit-flex:0 1 auto; /* Replace with CSS3. */
	flex:0 1 auto;
	-webkit-order:2; /* Replace with CSS3. */
	order:2;
	padding:5px;
}

div.motdmsgright > input[type="button"] {
	font-family:Michroma-Black;
	background:#ffeb9c;
	color:#000000;
	border-radius:5px;
	cursor:pointer;
	padding:0 5px;
	border:0;
}

div.motdmsgright > input[type="button"]:hover {
	color:#AA0000;
}

/**
 * Bottom bar.
 */
#bottombar {
	-webkit-flex:none; /* Replace with CSS3. */
	flex:none;
	-webkit-order:9; /* Replace with CSS3. */
	order:9;
	background:#00113B;
	font-size:14px;
	color:#FFFFFF;
}

#bottombarinner {
	padding-top:10px;
	padding-bottom:5px;
}

#bottombarmisc {
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:row; /* Replace with CSS3. */
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between; /* Replace with CSS3. */
}

#bottombarmisc > div {
	padding-bottom:10px;
}

#bottombarcol1 {
	-webkit-flex:0 1 auto; /* Replace with CSS3. */
	flex:0 1 auto;
	-webkit-order:1; /* Replace with CSS3. */
	order:1;
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:column; /* Replace with CSS3. */
	flex-direction:column;
}

#creditstext {
	display:inline-block;
	vertical-align:top;
	padding-left:5px;
}

#bottombar a:link {
	color:#55CCDD;
}

#bottombar a:visited{
	color:#C0C0C0;
}

#bottombar a:hover{
	color:#C0C0C0;
}

#bottombar a:active{
	color:#00FFFF;
}

#bottombarcol2 {
	-webkit-flex:0 1 auto; /* Replace with CSS3. */
	flex:0 1 auto;
	-webkit-order:2; /* Replace with CSS3. */
	order:2;
}

#html5:link {
	font-weight:bold;
	font-size:14px;
	border:none;
}

#bottombarcol3 {
	-webkit-flex:0 1 auto; /* Replace with CSS3. */
	flex:0 1 auto;
	-webkit-order:3; /* Replace with CSS3. */
	order:3;
}

#bottombarcol4 {
	-webkit-flex:0 1 auto; /* Replace with CSS3. */
	flex:0 1 auto;
	-webkit-order:4; /* Replace with CSS3. */
	order:4;
	text-align:right;
}

/**
 * Utility area.
 */
#util {
	position:fixed;
	bottom:10px;
	right:10px;
}

#backtotop {
	padding:5px 7px;
	background:#DDDDDD;
	border-radius:5px;
	box-shadow:inset 0 0 5px #000000;
}

#backtotop:link {
	color:#000055;
	text-decoration:none;
}

#backtotop:visited {
	color:#000055;
	text-decoration:none;
}

#backtotop:hover {
	color:#AA0000;
	text-decoration:none;
}

/** Alignment for static utility area. */
div.utilalign {
	padding-right:40px;
}

/**
 * Patreon patron list.
 */
div.patreonheader {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin:10px 0 5px 0;
	padding:5px;
	background:#000000;
}

div.patreonheader > div:nth-child(1) {
	 flex-shrink:1;
}

div.patreonheader > div:nth-child(2) {
	flex-shrink:1;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:1em;
	font-size:150%;
}

div.patreonlist {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}

div.patreonlist > div {
	flex:1 1 390px;
	max-width:390px;
	margin:2px;
	display:flex;
	flex-direction:row;
	align-items:center;
	border-radius:5px;
	border:1px solid #CCCCCC;
}

div.patreonlist > div > div:nth-child(1) {
	flex-shrink:0;
	margin:5px;
}

div.patreonlist > div > div:nth-child(2) {
	font-weight:bold;
	margin:5px;
}

div.patreonlist > div.gamma {
	background:#FFCA80;
}

div.patreonlist > div.delta {
	background:#80FF82;
}

div.patreonlist > div.epsilon {
	background:#92FEFF;
}

div.patreonlist > div.zeta {
	background:#80BFFF;
}

div.patreonlist > div.eta {
	background:#BF80FF;
}

/**
 * Gallery.
 */
ul.gallery {
	list-style-type:none;
	padding:0;
	margin:0 3px;
	font-family:sans-serif;
}

li.galleryhorizontal {
	display:inline-block;
}

li.galleryitem {
	color:#FFFFFF;
	font-size:90%;
	padding:5px;
	margin:2px;
	border-radius:3px;
	background:#00113B;
	vertical-align:top;
}

li.galleryitem > figure {
	margin:0;
	display:-webkit-flex; /* Replace with CSS3. */
	display:flex;
	-webkit-flex-direction:column; /* Replace with CSS3. */
	flex-direction:column;
	align-items:center;
}

li.galleryitem > figure > .galleryimg {
	flex:0 0 auto;
}

div.galleryimg > img {
	border:2px solid #00113B;
}

#banner a.galleryimg, a.galleryimg {
	border:none;
}

a.galleryimg > img {
	border:2px solid #55CCDD;
}

a.galleryimg:visited > img {
	border:2px solid #880000;
}

a.galleryimg > img:hover {
	border:2px solid #FF0000;
}

li.galleryitem > figure > figcaption {
	margin-top:3px;
	text-align:center;
	line-height:140%;
}

li.galleryitem > figure > figcaption a:link {
	color:#55CCDD;
}

li.galleryitem > figure > figcaption a:visited {
	color:#CC0000;
}

li.galleryitem > figure > figcaption a:hover {
	color:#FF0000;
}

#banner li.galleryitem {
	background:#0A0A0A;
}

#banner div.galleryimg > img {
	border:none;
}

/**
 * Textboxes.
 */
figure.textbox {
	margin:10px 5px;
	background:#EEEEFF;
	border-radius:30px;
}

div.textboxtop {
	width:100%;
	border-top-right-radius:25px;
	border-top-left-radius:25px;
	height:30px;
	background:#00113B;
}

div.textboxtopinner {
	padding-left:20px;
	padding-right:20px;
	line-height:30px;
	text-align:left;
}

img.textboxtopimg {
	height:15px;
	padding-right:10px;
}

div.textboxtopname {
	display:inline-block;
	font-family:Michroma-Black;
	font-weight: 900;
	color:#FFFFFF;
}

div.textboxmiddle {
	width:100%;
}

blockquote.textboxmiddleinner {
	font-family:sans-serif;
	margin:0 10px;
	text-align:left;
}

div.textboxbottom {
	width:100%;
	border-bottom-right-radius:25px;
	border-bottom-left-radius:25px;
	min-height:30px;
	background:#00113B;
}

div.textboxbottominner {
	line-height:30px;
	text-align:right;
	padding-left:20px;
	padding-right:20px;
}

figcaption.textboxbottomsrc {
	display:inline;
	font-family:Michroma-Black;
	color:#FFFFFF;
}

img.textboxbottomimg {
	height:15px;
	padding-left:10px;
}

div.textboxtopname a:link, figcaption.textboxbottomsrc a:link {
	color:#FFFFFF;
}

div.textboxtopname a:visited, figcaption.textboxbottomsrc a:visited {
	color:#8888FF;
}

div.textboxtopname a:hover, figcaption.textboxbottomsrc a:hover {
	color:#AAAAFF;
}

.textcolor0{
	color:#002255;
}

.textcolor1{
	color:#000000;
}

.textcolor2{
	color:#001100;
}

.textemp {
	color:#550000;
	font-style:italic;
}

.textemp1 {
	color:#550000;
}

/**
 * General helpers.
 */
.floatleft {
	float:left;
	margin-top:3px;
	margin-right:3px;
	margin-bottom:3px;
}

.floatright {
	float:right;
	margin-top:3px;
	margin-left:3px;
	margin-bottom:3px;
}

.center {
	text-align:center;
}

/**
 * Fancy button links. Works with vertical centring.
 */
a.button {
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
	margin:2px 0;
}

a.button:link {
	color:#AADDDD;
}

a.button:visited {
	color:#DDAAAA;
}

a.button:active {
	color:#FF0000;
}

a.button:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-shadow:#000000 0px 0px 10px;
}

a.button > div {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	border-radius:15px;
	background:-webkit-linear-gradient(270deg,#2A0000,#440000); /* Replace with CSS3. */
	background:linear-gradient(to bottom,#2A0000,#440000);
	width:200px;
	height:75px;
}

a.button > div > div {
	margin:0 auto;
	padding:5px 20px;
}

a.button > div:hover {
	background:-webkit-linear-gradient(270deg,#4A0000,#640000); /* Replace with CSS3. */
	background:linear-gradient(to bottom,#4A0000,#640000);
}

/* Table beautification. */
table.prettytable {
	vertical-align:top;
	background:#CCCCCC;
	margin:2px;
	color:#000000;
}

table.prettytable > caption {
	padding:5px;
	font-weight:bold;
}

table.prettytable > thead > tr > th {
	background:#000000;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	color:#EEEEEE;
}

table.prettytable > thead > tr > td {
	background:#909090;
	text-align:left;
	padding:5px;
}

table.prettytable > thead.subhead > tr > th {
	background:#222222;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	color:#EEEEEE;
}

table.prettytable > thead.subhead > tr > td {
	background:#A0A0A0;
	text-align:left;
	padding:5px;
}

table.prettytable > tfoot > tr > th {
	background:#707070;
	text-align:left;
	padding:5px;
}

table.prettytable > tfoot > tr > td {
	background:#909090;
	text-align:left;
	padding:5px;
}

table.prettytable > tbody > tr:nth-child(odd) {
	background:#83C0FF;
}

table.prettytable > tbody > tr:nth-child(even) {
	background:#55AAFF;
}

table.prettytable > tbody > tr > th {
	padding:5px;
	text-align:left;
}

table.prettytable > tbody > tr > td {
	padding:5px;
}

table.prettytable > tbody > tr.subtotal > th {
	background:#707070;
	text-align:left;
	padding:5px;
}

table.prettytable > tbody > tr.subtotal > td {
	background:#707070;
	text-align:left;
	padding:5px;
}

th.lvl2, td.lvl2 {
	padding-left:30px;
}

/* Forms. */

article input[type="text"], article input[type="password"] {
	padding:2px 5px;
	border-radius:5px;
	border:0;
	box-shadow:inset 0 0 5px #880000;
}

article input[type="reset"], article input[type="submit"] {
	border-radius:10px;
	padding:5px 8px;
	color:#FFFFFF;
	background:-webkit-linear-gradient(270deg,#992222,#552222); /* Replace with CSS3. */
	background:linear-gradient(to bottom,#992222,#552222);
	font-weight:bold;
	border:0;
}

article input[type="reset"]:hover, article input[type="submit"]:hover {
	text-shadow:#FF0000 0px 0px 10px;
}

/**
 * Javascript elements.
 */
.nojs {
	display:none;
}

/**
 * Screen changes.
 */

@media all and (max-width:550px) {
	
	.floatleft{
		float:none;
		margin-right:0px;
	}

	.floatright{
		float:none;
		margin-left:0px;
	}
}

@media all and (max-width:400px) {
	
	#topbarnav {
		display:block;
		text-align:center;
	}
	
	#search {
		display:block;
		text-align:center;
	}
	
	li.galleryitem {
		max-width:95%;
	}

	li.galleryitem > figure img {
		max-width:95%;
		height:auto;
	}

	li.galleryitem > figure > figcaption {
		max-width:95%;
	}
}