@charset "utf-8";

/* @import url('https://fonts.googleapis.com/css?family=Asap'); */
/* @import url('https://fonts.googleapis.com/css?family=Lato'); */

@import url('https://fonts.googleapis.com/css?family=Roboto');

/* background */
body
{
	color: rgb(255, 255, 255);
	background-color: rgb(100, 100, 100);
	background-image: url("../background/background_01.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	/* font-family: "segoe ui", "trebuchet ms", arial, sans-serif; */
	font-family: "Roboto", arial, helvetica, sans-serif;
	font-size: 12px;
}

/* sections */
header.main_banner
{
	background-color: rgba(10, 10, 40, 0.6);
	/* for older browsers */
	background: linear-gradient(45deg, rgba(10, 10, 40, 0.8), rgba(10, 10, 40, 0.6));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	margin: 15px 40px 0px 40px;
	/* top right bottom left */
	padding: 0px;
	border-radius: 6px 6px 0px 0px;
	font-family: arial, helvetica, sans-serif;
}

nav.navigator_top
{
	color: rgb(255, 255, 255);
	background-color: rgba(90, 90, 90, 0.6);
	/* for older browsers */
	background: linear-gradient(to right, rgba(90, 90, 90, 0.5), rgba(70, 70, 70, 0.9));
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.05);
	margin: 0px;
	padding: 0px;
	font-size: 1.025em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

main
{
	background-color: rgba(150, 150, 150, 0.7);
	/* for older browsers */
	background: linear-gradient(0deg, rgba(50, 50, 50, 0.95), rgba(70, 70, 70, 0.8), rgba(80, 80, 80, 0.8), rgba(110, 110, 110, 0.75));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	margin: 0px 40px;
	/* top right bottom left */
	padding: 6px;
	font-size: 1.05em;
}

nav.navigator_bottom
{
	color: rgb(255, 255, 255);
	background-color: rgba(90, 90, 90, 0.6);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
	margin: 0px;
	padding: 0px;
	font-size: 1.025em;
	font-weight: bold;
	border-radius: 0px 0px 5px 5px;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
}

footer.main_footer
{
	background-color: rgba(10, 10, 40, 0.5);
	margin: 0px 40px 15px 40px;
	/* top right bottom left */
	padding: 0px;
}

footer.final_footer { text-align: center; }
small.about { color: rgb(230, 230, 230); }

/* banner header and search */
div.banner-container
{
	padding: 0px;
	margin: 0px;
}

div.banner-inner-left
{
	float: left;
	width: 50%;
}

div.banner-inner-right
{
	overflow: hidden;
	float: right;
	text-align: right;
}

h1.banner_title
{
	color: rgb(255, 255, 255);
	text-shadow: 1px 1px 2px rgb(0, 0, 0), 0 0 10px rgb(0, 0, 255), 0 0 5px rgb(0, 0, 150);
	margin: 0px;
	padding: 30px 0px 0px 0px;
	/* top right bottom left */
	display: block;
	font-size: 2.0em;
	font-weight: bold;
}

h2.banner_subtitle
{
	color: rgb(255, 255, 255);
	margin: 0px;
	padding: 5px 0px 0px 0px;
	/* top right bottom left */
	font-size: 1.25em;
	font-weight: bold;
}

img.banner_logo
{
	box-shadow: 0px 0px 10px rgba(200, 100, 0, 1.0);
	float: left;
	width: 100px;
	height: 100px;
	margin: 10px 20px 10px 10px;
	/* top right bottom left */
	padding: 0px;
}

input.banner-search-box
{
	background: rgb(50, 50, 50);
	color: rgb(255, 255, 255);
	border: 1px solid rgb(100, 100, 100);
	width: 165px;
	height: 18px;
	margin: 90px 2px 5px 5px;
	/* top right bottom left */
	padding: 0px;
}

button.banner-search-button
{
	float: right;
	width: 20px;
	height: 20px;
	margin: 90px 5px 5px 2px;
	/* top right bottom left */
	padding: 0px;
	background: rgb(140, 140, 140);
	color: rgb(0, 0, 0);
	font-size: 1em;
	border: none;
	cursor: pointer;
}

button.banner-search-button:hover
{
	background: rgb(180, 180, 180);
	color: rgb(0, 0, 0);
}

a.banner-nav-link
{
	position: relative;
	top: -4px;
}

a.banner-nav-link:link
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

a.banner-nav-link:visited
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

a.banner-nav-link:hover
{
	color: rgb(255, 200, 70);
	background-color: rgba(100, 100, 100, 0.95);
	/* for older browsers */
	background: linear-gradient(to bottom, rgba(100, 100, 100, 0.85), rgba(50, 50, 50, 0.95));
	text-decoration: none;
}

@media screen and (max-width: 600px)
{
	div.banner-inner-left, div.banner-inner-right
	{
		float: none;
		width: 100%;
	}
	
	input.banner-search-box { margin-top: 2px; }
	button.banner-search-button { margin-top: 2px; }
}

/* navigator menu items */
ul.navbar-item
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

li.navbar-item
{
	float: left;
	margin: 0px;
	padding: 0px;
}

li.navbar-item a.navbar-item, .navbar-item-dropdown-header
{
	color: rgb(255, 255, 255);
	display: inline-block;
	padding: 4px 6px;
	text-align: center;
	text-decoration: none;
}

span.navbar-item-current { color: rgb(255, 180, 0); }

li.navbar-item a.navbar-item:hover, .navbar-item-dropdown:hover .navbar-item-dropdown-header
{
	background-color: rgb(0, 20, 230);
	color: rgb(250, 255, 255);
}

li.navbar-item-dropdown
{
	display: inline-block;
	float: left;
}

.navbar-item-dropdown-menu
{
	background-color: rgba(100, 100, 100, 0.95);
	/* for older browsers */
	background: linear-gradient(to bottom, rgba(70, 70, 70, 0.85), rgba(40, 40, 40, 0.95));
	box-shadow: 2px 4px 16px 0px rgba(0,0,0,0.6);
	border-radius: 0px 0px 4px 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	display: none;
	position: absolute;
	min-width: 200px;
	z-index: 1;
}

.navbar-item-dropdown-menu a.navbar-item
{
	color: rgb(255, 255, 255);
	display: block;
	padding: 4px 8px;
	text-decoration: none;
	text-align: left;
}

.navbar-item-dropdown-menu a.navbar-item:hover
{
	background-color: rgb(0, 20, 230);
	color: rgb(250, 255, 255);
}

.navbar-item-dropdown:hover .navbar-item-dropdown-menu { display: block; }

img.navbar-item-dropdown-icon
{
	width: 10px;
	height: 10px;
	margin: 0px;
	padding: 0px;
}

ul.bottom-navbar-item
{
	list-style-type: none;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
}

li.bottom-navbar-item
{
	margin: 0px 85px 0px -85px;
	padding: 0px;
}

li.bottom-navbar-item a.bottom-navbar-item
{
	color: rgb(255, 255, 255);
	display: inline-block;
	padding: 4px 6px;
	text-decoration: none;
}

li.bottom-navbar-item a.bottom-navbar-item:hover
{
	background-color: rgb(0, 20, 230);
	color: rgb(250, 255, 255);
}

/* navbar date */
span.navbar-date
{
	color: rgb(200, 200, 200);
	float: right;
	margin: 4px 2px;
	/* top right bottom left */
	padding: 0px;
}

@media screen and (max-width: 600px)
{
	span.navbar-date {
		width: 100%;
		float: none;
		white-space: nowrap;
	}
}

/* navbar rightmost icons */
a.navbar-righticon
{
	float: right;
	margin: 0px;
	padding: 0px;
}

img.navbar-righticon
{
	width: 16px;
	height: 16px;
	margin: 3px 2px;
	padding: 0px;
}

/* dividers */
div.linebreak-clear
{
	display: block;
	margin: 0px;
	padding: 0px;
	clear: left;
}

div.linebreak-dropdown-item
{
	display: block;
	clear: left;
	margin: 4px 4px;
	border-bottom: 1px solid rgb(140, 140, 140);
}

div.type-1
{
	padding: 5px;
	margin: 5px;
	clear: both;
}

/* content */
main h3
{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	clear: left;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
}

main h4
{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 1em;
	clear: left;
	position: relative;
}

main hr
{
	display: block;
	background-image: linear-gradient(to right, rgba(190, 190, 190, 1), rgba(150, 150, 150, 0.2), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	border: 0px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	clear: left;
}

main a:link
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

main a:visited
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

main a:hover
{
	color: rgb(255, 200, 70);
	background-color: rgba(100, 100, 100, 0.95);
	/* for older browsers */
	background: linear-gradient(to bottom, rgba(100, 100, 100, 0.85), rgba(50, 50, 50, 0.95));
	text-decoration: underline;
}

main em
{
	color: rgb(220, 255, 220);
	font-style: italic;
	font-weight: bold;
}

span.smalltext { font-size: 0.9em; }

div.content-updated
{
	text-align: right;
	font-size: 0.9em;
	color: rgb(180, 180, 180);
}

div.link-container { }

div.link-url
{
	color: rgb(255, 200, 70);
	width: 200px;
	float: left;
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	/* top right bottom left */
}

div.link-url:hover
{
	background-color: rgba(100, 100, 100, 0.95);
	/* for older browsers */
	background: linear-gradient(to bottom, rgba(100, 100, 100, 0.85), rgba(50, 50, 50, 0.95));
}

hr.link-seperator
{
	display: block;
	background-image: linear-gradient(to right, rgba(120, 120, 120, 0.2), rgba(120, 120, 120, 0.7), rgba(120, 120, 120, 0));
	border: 0px;
	height: 1px;
	margin: 8px 0px 4px 0px;
	/* top right bottom left */
	padding: 0px;
	clear: left;
}

div.link-description
{
	margin-left: 200px;
	padding: 0px 0px 0px 5px;
	/* top right bottom left */
}

@media screen and (max-width: 600px)
{
	div.link-container, div.link-url, div.link-description {
		width: 100%;
		float: none;
		margin-left: 0px;
		text-align: left;
	}
}

div.specs-container { }

div.specs-item
{
	color: rgb(255, 230, 200);
	width: 130px;
	float: left;
	font-weight: bold;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	/* top right bottom left */
}

hr.specs-seperator
{
	display: block;
	background-image: linear-gradient(to right, rgba(120, 120, 120, 0.2), rgba(120, 120, 120, 0.7), rgba(120, 120, 120, 0));
	border: 0px;
	height: 1px;
	margin: 8px 0px 4px 0px;
	/* top right bottom left */
	padding: 0px;
	clear: left;
}

div.specs-description
{
	background-image: linear-gradient(to right, rgba(100, 100, 100, 0.2), rgba(100, 100, 100, 0.7), rgba(100, 100, 100, 0));
	margin-left: 130px;
	padding: 2px 0px 0px 5px;
	/* top right bottom left */
}

@media screen and (max-width: 600px)
{
	div.specs-container, div.specs-item, div.specs-description {
		width: 100%;
		float: none;
		margin-left: 0px;
	}
}

div.icon-indent-container { }

div.icon-indent
{
	width: 24px;
	float: left;
	text-align: center;
	font-weight: bold;
	color: rgb(100, 100, 100);
}

div.icon-indent-content
{
	margin-left: 24px;
	padding-left: 5px;
	margin-bottom: 2px;
}

div.header-project
{
	width: auto;
	text-align: left;
}

div.header-img
{
	height: 62px;
	background-color: rgb(0, 0, 0);
	background-repeat: no-repeat;
	background-position: top left;
	border-bottom: 1px solid rgb(40, 40, 40);
	border-top: 1px solid rgb(120, 120, 120);
	border-right: 1px solid rgb(40, 40, 40);
	border-left: 1px solid rgb(120, 120, 120);
	margin-bottom: 5px;
}

img.header-icon-openbve
{
	float: right;
	padding-top: 2px;
}

div.group-box
{
	background-image: linear-gradient(270deg, rgba(60, 60, 60, 0.2), rgba(30, 30, 30, 0.1));
	padding: 4px;
	margin: 0px 0px 20px 0px;
}

/* images */
img.inset-image-1
{
	float: left;
	/* top right bottom left */
	padding: 0px 5px 0px 5px;
	/* top right bottom left */
	margin: 0px 5px 0px 5px;
}

img.inset-image-1-shadow
{	
	float: left;
	padding: 0px;
	/* top right bottom left */
	margin: 0px 10px 0px 5px;
	/* top right bottom left */
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
}

img.inset-image-2
{
	float: right;
	/* top right bottom left */
	margin: 4px 0px 7px 7px;
}

img.inset-image-3-shadow
{
	float: right;
	/* top right bottom left */
	margin: 4px 4px 7px 7px;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
}

img.inset-screenshot
{
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
}

img.inset-screenshot-no-shadow
{
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
}

div.imglink-validators
{
	/* background: rgba(225, 225, 225, 0.5); /* for older browsers */
	background: linear-gradient(0deg, rgba(70, 70, 70, 0.95), rgba(180, 180, 180, 0.75));
	border-radius: 6px;
	margin: 10px 4px 0px 4px;
	padding: 2px 0px 0px 0px;
	width: 48px;
	height: 20px;
	text-align: center;
	float: left;
}

img.gallery-thumbnail-link
{
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	margin: 2px;
	padding: 0px;
}

a.gallery-thumbnail-link:link
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

a.gallery-thumbnail-link:visited
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

a.gallery-thumbnail-link:hover
{
	color: rgb(255, 200, 70);
	background-color: rgba(100, 100, 100, 0.95);
	/* for older browsers */
	background: linear-gradient(to right, rgba(255, 200, 70, 0), rgba(255, 200, 70, 0.75), rgba(255, 200, 70, 0));
	text-decoration: underline;
}

/* imglink is intended for image links with no text link */
img.imglink
{
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	margin: 2px;
	padding: 0px;
}

a.imglink:link
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

a.imglink:visited
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

a.imglink:hover
{
	color: rgb(255, 200, 70);
	background-color: rgba(100, 100, 100, 0.95);
	/* for older browsers */
	background: linear-gradient(to right, rgba(255, 200, 70, 0), rgba(255, 200, 70, 0.75), rgba(255, 200, 70, 0));
	text-decoration: underline;
}

/* bannerlink is intended for banners with text beneath */
img.bannerlink
{
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	margin: 1px;
	padding: 0px;
}

a.bannerlink:link
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

a.bannerlink:visited
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

a.bannerlink:hover
{
	color: rgb(255, 200, 70);
	background-color: rgba(100, 100, 100, 0.95);
	/* for older browsers */
	background: linear-gradient(to bottom, rgba(100, 100, 100, 0.85), rgba(50, 50, 50, 0.95));
	text-decoration: underline;
}

img.h3-icon
{
	padding-right: 4px;
	vertical-align: middle;
	float: left;
}

/* footer */
footer a:link
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

footer a:visited
{
	color: rgb(255, 180, 50);
	text-decoration: none;
}

footer a:hover
{
	color: rgb(255, 200, 70);
	background-color: rgba(100, 100, 100, 0.95);
	/* for older browsers */
	background: linear-gradient(to bottom, rgba(100, 100, 100, 0.85), rgba(50, 50, 50, 0.95));
	text-decoration: underline;
}

a.plain:link
{
	color: rgb(255, 255, 255);
	text-decoration: none;
}

a.plain:visited
{
	color: rgb(255, 255, 255);
	text-decoration: none;
}

a.plain:hover
{
	color: rgb(255, 255, 255);
	text-decoration: none;
}

/* style selection */
div.style-selector
{
	float: left;
	width: 160px;
	text-align: left;
	padding: 4px 5px;
	font-size: 0.85em;
}

select.style-selector-dropdown
{
	width: 120px;
	font-size: 0.85em;
}

ins.javascript-disabled
{
	text-decoration: none;
	color: #444444;
}

input.rsr-button-1
{
	font-family: "segoe ui", "candara", "trebuchet ms", arial, helvetica, tahoma, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	border: 1px solid;
	border-color: #696 #363 #363 #696;
}

/* homepage news box */
div.newsbox
{
	background-color: rgba(70, 70, 70, 0.7);
	/* for older browsers */
	background: linear-gradient(0deg, rgba(50, 50, 50, 0.95), rgba(70, 70, 70, 0.8), rgba(120, 120, 120, 0.75));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	float: right;
	width: 250px;
	font-size: 0.9em;
	padding: 2px 2px 1px 2px;
	margin: 2px 2px 4px 4px;
	border-radius: 2px;
}

div.newsbox-title
{
	background-color: rgba(50, 50, 50, 0.7);
	padding: 1px;
	margin: 0px;
}

div.newsbox-footer
{
	padding: 0px 1px;
	margin: 2px 0px 0px 0px;
	border-top: 1px solid rgb(90, 90, 90);
	text-align: right;
	font-size: 0.9em;
}

div.newsbox ul
{
	list-style-type: square;
	margin: 0px 0px 0px -10px;
	padding: 5px 5px 5px 25px;
}

/* download box */
div.downloadbox
{
	background-color: rgba(70, 70, 70, 0.7);
	/* for older browsers */
	background: linear-gradient(0deg, rgba(50, 50, 50, 0.95), rgba(70, 70, 70, 0.8), rgba(120, 120, 120, 0.75));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	width: 400px;
	font-size: 0.95em;
	padding: 2px 2px 1px 2px;
	margin: 2px 2px 2px 4px;
	border-radius: 2px;
}

div.downloadbox-2
{
	background-color: rgba(70, 70, 70, 0.7);
	/* for older browsers */
	background: linear-gradient(0deg, rgba(50, 50, 50, 0.95), rgba(70, 70, 70, 0.8), rgba(100, 100, 100, 0.75));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	width: 400px;
	font-size: 0.95em;
	padding: 2px 2px 1px 2px;
	margin: 2px 2px 2px 4px;
	border-radius: 2px;
}

div.downloadbox-3
{
	background-color: rgba(70, 70, 70, 0.7);
	/* for older browsers */
	background: linear-gradient(0deg, rgba(50, 50, 50, 0.95), rgba(70, 70, 70, 0.8), rgba(100, 100, 100, 0.75));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	width: 450px;
	font-size: 0.95em;
	padding: 2px 2px 1px 2px;
	margin: 2px 2px 2px 4px;
	border-radius: 2px;
}

div.downloadbox-title
{
	background-color: rgba(50, 50, 50, 0.7);
	padding: 2px;
	margin: 0px;
}

div.downloadbox-content
{
	padding-left: 3px;
	margin: 0px;
}

div.downloadbox-footer
{
	padding: 0px 1px;
	margin: 2px 0px 0px 0px;
	border-top: 1px solid rgb(90, 90, 90);
	text-align: right;
	font-size: 0.9em;
}

span.downloadbox-link-inactive
{
	color: rgb(200, 200, 200)
}

@media screen and (max-width: 600px)
{
	div.downloadbox, div.downloadbox-2, div.downloadbox-3
	{
		width: 90%;
	}
}

/* Misc */
span.no-wrap { white-space: nowrap; }

ol
{
	padding-top: 0px;
	margin-top: 0px;
}

ol li { list-style-type: decimal; }

li.square { list-style-type: square; }

/* legacy */
div.two-column-container
{
	padding: 0px;
	margin: 0px;
}

div.two-column-left
{
	width: 50%;
	float: left;
}

div.two-column-right
{
	margin-left: 50%;
	padding-left: 5px;
}

table.gridtable-container
{
	width: 100%;
	text-align: center;
}

table.gridtable
{
	background-color: rgba(105, 105, 105, 0.7);
	/* for older browsers */
	background: linear-gradient(0deg, rgba(70, 70, 70, 0.95), rgba(140, 140, 140, 0.75));
	border-bottom: rgb(90, 90, 90) 1px solid;
	border-top: rgb(20, 20, 20) 1px solid;
	border-right: rgb(90, 90, 90) 1px solid;
	border-left: rgb(20, 20, 20) 1px solid;
	padding: 1px;
}

table.gridtable2
{
	background-color: rgba(105, 105, 105, 0.7);
	/* for older browsers */
	background: linear-gradient(90deg, rgba(70, 70, 70, 0.95), rgba(140, 140, 140, 0.75));
	border-bottom: rgb(90, 90, 90) 1px solid;
	border-top: rgb(20, 20, 20) 1px solid;
	border-right: rgb(90, 90, 90) 1px solid;
	border-left: rgb(20, 20, 20) 1px solid;
	padding: 1px;
}

td.gridtable-title
{
	border: 0px;
	background-color: rgba(30, 30, 30, 0.7);
	padding: 2px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

td.gridtable
{
	border: 0px;
	background-color: rgba(30, 30, 30, 0.3);
	padding: 1px;
	vertical-align: top;
}

span.gridtable-minor-text
{
	color: rgb(200, 200, 200)
}

strong { font-family: arial, helvetica, sans-serif; }
em { font-family: arial, helvetica, sans-serif; }
li.sitemap-tree { list-style-type: none; }

div.commandbox
{
	background-color: rgba(70, 70, 70, 0.7);
	/* for older browsers */
	background: linear-gradient(0deg, rgba(50, 50, 50, 0.95), rgba(70, 70, 70, 0.8), rgba(120, 120, 120, 0.75));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	width: 250px;
	font-size: 0.95em;
	padding: 2px 2px 1px 2px;
	margin: 2px 10px 2px 4px;
	border-radius: 2px;
}

div.commandbox-title
{
	background-color: rgba(50, 50, 50, 0.7);
	padding: 2px;
	margin: 0px;
}

div.commandbox-content
{
	background: rgba(0, 0, 0, 0.8);
	color: rgb(200, 255, 200);
	padding: 0px 3px 3px 3px;
	margin: 1px;
	font-family: "lucida console", "consolas", "fixedsys", monospace;
	font-size: 8pt;
}

/* deprecated - use above */
div.commandbox-shadow
{
	background-color: #bbbbbb;
	position: relative;
	left: 3px;
	top: 3px;
	margin-left: 20px;
	margin-right: 15px;
}

div.commandbox-shadow-content
{
	background-color: #000000;
	color: #c0c0c0;
	position: relative;
	left: -3px;
	top: -3px;
	border: 1px dashed #dddddd;
	padding: 4px 6px 4px 6px;
	font-family: "lucida console", "consolas", "fixedsys", monospace;
	font-size: 8pt;
}
/* end deprecated */

div.codebox
{
	color: rgb(255, 255, 255);
	background-color: rgba(120, 120, 120, 0.7);
	/* for older browsers */
	background: linear-gradient(270deg, rgba(80, 80, 80, 0.9), rgba(20, 20, 20, 0.9));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	position: relative;
	left: -3px;
	top: -3px;
	border: 1px dashed rgb(130, 130, 130);
	padding: 5px 7px 5px 7px;
	margin: 4px;
	font-family: "consolas", "courier new", monospace;
	font-size: 8pt;
}

div.keycommand-container { }

div.keycommand-key
{
	width: 160px;
	float: left;
	text-align: center;
	font-weight: bold;
	color: rgb(160, 160, 160);
}

div.keycommand-description
{
	margin-left: 160px;
	padding-left: 5px;
	margin-bottom: 2px;
}

@media screen and (max-width: 600px)
{
	div.keycommand-container, div.keycommand-key, div.keycommand-description {
		width: 100%;
		float: none;
		margin-left: 0px;
		text-align: left;
	}
}

/* deprecated - use <em> */
span.emphasis-colour
{
	color: rgb(200, 255, 200);
}
/* end deprecated */

code
{
	font-size: 1em;
	font-style: italic;
	color: rgb(220, 255, 200);
}

/* deprecated - use <code> */
tt
{
	font-size: 1em;
	font-style: italic;
	color: rgb(220, 255, 200);
}
/* end deprecated */



/* Blog */
.blog-column-left
{
	float: left;
	padding: 10px;
	width: 80%;
	box-sizing: border-box;
	background-color: rgba(70, 70, 70, 0.7);
	/* for older browsers */
	background: linear-gradient(90deg, rgba(50, 50, 50, 0.95), rgba(70, 70, 70, 0.8), rgba(120, 120, 120, 0.75));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	border-radius: 5px;
}

.blog-column-right
{
	margin-left: 80%;
	width: 20%;
	box-sizing: border-box;
	background-color: rgba(70, 70, 70, 0.7);
	/* for older browsers */
	background: linear-gradient(270deg, rgba(50, 50, 50, 0.35), rgba(120, 120, 120, 0.15));
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
	border-radius: 3px;
}

/* Clear floats after the columns */
.blog-row:after
{
	content: "";
	display: table;
	clear: both;
}

h2.blog-post-date { font-size: 1.4em; }

h2.blog-post-title
{
	margin: 0px;
	padding: 0px;
}

/* Blog - Wordpress specific */
/* Begin Typography & Colors */
#content {
	font-size: 1em;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	/*line-height: 1.4em;*/
	}

.widecolumn {
	/*line-height: 1.6em;*/
	}

.narrowcolumn {
	text-align: left;
	}

 .postmetadata {
	text-align: right;
	}

.thread-alt {
	background: rgb(90, 90, 90);
}
.thread-even {
	background: rgb(110, 110, 110);
}
.depth-1 {
border: 1px solid rgb(130, 130, 130);
}

.even, .alt {
	border-left: 1px solid rgb(150, 150, 150);
}

#footer {
	background: green;
	border: none;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

#sidebar h2 {
	font-family: "segoe ui", "candara", "trebuchet ms", arial, helvetica, tahoma, sans-serif;
	font-size: 1.2em;
	}

.entry p a:visited {
	/*color: #00aa22;*/
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 1.0em "segoe ui", "candara", "trebuchet ms", arial, helvetica, tahoma, sans-serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid rgb(80, 80, 80);
	padding: 1px;
	background: rgb(150, 150, 150);
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: "segoe ui", "candara", "trebuchet ms", arial, helvetica, tahoma, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 0.9em "segoe ui", "candara", "trebuchet ms", arial, helvetica, tahoma, sans-serif;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em "segoe ui", "candara", "trebuchet ms", arial, helvetica, tahoma, sans-serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
.post {
	margin: 0 5px 40px 5px;
	text-align: left;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists */


html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\25AA \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 5px;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Sidebar */
#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a:hover {
	/*display: block;*/
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */