
h1 {
	margin-bottom: 10px;
	margin-top: 40px;
	padding-bottom: 0px;
	letter-spacing: 1.1px !important;
	font-size: 15px;
	/*text-decoration: underline;*/
	color: rgb(255,255,255);
	/*-webkit-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	box-shadow: 2px 3px 5px rgba(0,0,0,0.2);
	background-color: rgb(230,230,230);*/
	text-shadow: 2px 2px #626262;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

pre.prettyprint { 
	display: block;
	background-color: rgb(50,50,50);
	width:auto !important;
	padding:10px !important;
	font-size: 13px;
}

.com	{ color: #636363 !important; }  /* comment */
.nocode { background-color: none; color: #000 }
.str, .tag { color: #d2458a !important; } /* string */
.kwd	{ color: #569cd2 !important; }
.atn 	{ color: #00FF00 !important; } /* attribute name */
.atv	{ color: #FF0000 !important; } /* attribute value */
.typ	{ color: #02e6b8 !important; }
.lit	{ color: #cb6ba7 !important; } /* literal */
.pun	{ color: #6c7171 !important; } /* punctuation */
.pln	{ color: #FFFFFF !important; } /* plain text */
.dec	{ color: #800080 !important; } /* decimal */

li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
	color: #636363 !important;
	list-style-type: decimal !important;
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
	background: rgb(53,53,53) !important;
	color: #636363 !important;
}

.clippy {
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	top: 3px;
	left: 1px;
	/*-webkit-filter: invert(80%);
	filter: invert(80%);*/
	width:13px; height:auto;	
}

.btn {    
	display: inline-block;    
	font-weight: bold;
	line-height: 20px;
	color: #FFFFFF;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-color: rgb(30,30,30);
	/*background-image: linear-gradient(#fcfcfc, #eee);*/
	border: 2px solid rgb(70,70,70);;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	position: absolute;
	top: 5px;
	right: 5px;
	padding:0;
	margin:0;
	width: 26px;
	height: 26px;
}

.copydiv {
	position: relative;
}

/*

*/

#sharing{
	float:right;
	
	
	margin-top:4px;
	margin-right:4px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing: 0.0825em;
}


#sharingIcon{
	padding:0;
	margin:0;
	margin-left:4px;
	margin-top:2px;
	margin-right:4px;
}

#sharingRound{
	text-decoration:none;
	border:0;
	border-style:none;	
	background-color:rgba(52,53,53,0.4);
	border-radius: 15px;
	-moz-border-radius: 15px;
	
	padding:5px;
	
	margin-top:5px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	
	font-size:12px;
	display:inline-block;
}


/*

*/

A:link {
	text-decoration: none;
	color: #ffffff;
}

A:visited {
	color: rgb(210,211,212);
}

@viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}


/* background of site */
BODY {
	/*font-family:  Helvetica, Arial;
	font-size: small;*/
	font-weight: normal; 
	margin:0px;
	/*	background: rgb(65,67,68);*/	
    background-color: rgb(46, 46, 46);
	/*color: #f7faff;*/
	padding:0px;
	
	color: rgb(244, 244, 244);
	font-size: 14px;
    /* font-size: 1rem; */
    line-height: 1.375;
    font-family: Helmet, Freesans, Helvetica, Arial, sans-serif;
}

/* Main content background */
.bloop{			
	margin-right: 0px;
	margin-left: 0px;
	max-width: 1000px;	
	margin: auto;
	margin-top:10px;
	margin-bottom:10px;
	
	/*	background: rgb(130,132,134);*/	
    background: rgb(67, 67, 67);

	-webkit-box-shadow: 3px 6px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	box-shadow: 3px 6px 10px rgba(0,0,0,0.3);		
}

/* header top content background */
.headerdoo{			
	margin-right: 0px;
	margin-left: 0px;
	max-width: 1000px;	
	margin: auto;
	margin-top:10px;
	margin-bottom:10px;	
}
.youtubeThumb {

}

.youtubeHolder {
	width:100%;
	margin-top:10px;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.youtubeFrame {
	width:1280;
	height:720;
	margin:0px;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}

.videoThumb {
	background-color: rgb(43,43,43);	
	/*
	border-color: rgb(83,83,83);
	border-style: solid;	
	border-width: 4px;*/

	outline:4px solid rgb(83,83,83);

	margin-top:8px;
	margin-bottom:8px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	/*width:648px;*/
	/*height:368px;*/

	/* https://css-tricks.com/scaled-proportional-blocks-with-css-and-javascript/ */
	
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	position: relative;
}

.videoWrapper {
	background-color: rgba(0,0,0,0.5);
	opacity: 1.0;
	
	background-position: center;
	/*background-repeat: no-repeat;*/
	
	padding-top: 0px;
	text-align: center;	
	/*width:648px;
	height:368px;*/

	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}

.video-js, img.vjs-poster { width: 100%; height: 100% !important; }
 
.content{
	margin-right: 11px;
	margin-left: 11px;
	margin:0px;
	padding:15px;
	overflow-wrap: break-word;
	/* Explorer/Edge dont support overflow-wrap? and its break-word doesnt work?*/
    /*word-break: break-all;*/
	word-break: break-word;
	word-wrap: break-word;
}

.priv {	
	color: rgb(255,239,239);
	margin:-15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: rgb(126,87,81);
	-webkit-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	-moz-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
}

.privall {	
	/*color: rgb(255,239,239);*/
	margin:-15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: rgb(126,87,81);
}

.oldpost {
	margin:-15px;
	margin-top: 10px;
	margin-bottom: 10px;	
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: rgb(120,22,22);
	/*-webkit-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	-moz-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(20,0,0,0.3);*/
}

.notready {
	margin:-15px;
	margin-top: 10px;
	margin-bottom: 10px;	
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: rgb(120,122,144);
	/*-webkit-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	-moz-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(20,0,0,0.3);*/
}
	
.pub {
	margin:-15px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: rgb(95,97,99);
	-webkit-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	-moz-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
}

.motdbox{	
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	
}

a.motd{
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;	
	display:block;
	text-decoration:none;	
	font-size:12px;		
	color:rgb(160,162,164);
}


a.motd.hover{
	text-decoration: underline;
	color: rgb(110,255,0);
	text-shadow: 0 0 1em rgba(110,231,107,0.5);
}



.siteTitle{
	float:right;
	margin:0px;
	text-align:right;
	font-size:15px;
	padding-top:15px;
	padding-right:7px;
	color:rgb(170,172,174);		
	
}

.myName{
	display:inline;
	font-size:15px;
	color:rgb(255,255,255);
	padding-left:6px;
	padding-right:7px;
	font-weight: bold;
}

.imageLink-DISABLED{
	background-color: rgb(190,192,194);
}

.imageNolink-DISABLED{
	background-color: rgb(190,192,194);
}

.bloop-DISABLED{	
	max-width: 865px;	
	margin: auto;
	margin-top:0px;
	margin-bottom:0px;
	background: #a0a2a5;
	-webkit-box-shadow: 3px 6px 7px #444;	
}

A:hover {
	text-decoration: underline;
	color: rgb(110,255,107);
	text-shadow: 0 0 1em rgba(110,231,107,0.5);
}




@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */

img {
	margin-top: 0px;
	margin-bottom: -15px;
	max-width:100%;
	height:auto !important; /* Important is for IE */
	border-color: rgb(40,42,43);
	border-style: solid;
	border:2px;	
}

.smiley {
	border-style: none;
	border:0px;
	margin-top: -5px;
	margin-left:-1px;
	margin-bottom:-3px;
	height:15px;
	width:15px;
}

img:hover {
	font-weight: normal;
	text-decoration: none;
	color: #abfe00;
}

.imageLink{
	border:0px;
	border-style:solid;
	border-color: navy;
	border-color: rgb(40,42,43);
	margin-left:0px;
	margin-right:0px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding:0px;
	-webkit-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	box-shadow: 2px 3px 5px rgba(0,0,0,0.2);	
	display: none;
}

.imageFallback{
	border:0px;
	border-style:solid;
	border-color: navy;
	border-color: rgb(40,42,43);
	margin-left:0px;
	margin-right:0px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding:0px;
	-webkit-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	box-shadow: 3px 6px 10px rgba(0,0,0,0.2);	
}
.meh3{
	display: block !important;
}
.meh4{
	display: block !important;
}

.imageLink:hover{
	border:3px;
	padding:0px;
	margin-left:-3px;
	margin-right:-3px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-style:solid;
	border-color: rgb(110,255,107);
	-webkit-box-shadow: 0px 6px 20px rgba(110,231,127,0.5);
	-moz-box-shadow: 0px 0px 20px rgba(110,231,127,0.5);
	box-shadow: 0px 0px 20px rgba(110,231,127,0.6);	
	display:inline-block;
}

video{	
	margin-top: 4px;
	
	max-width: 100%;
	border:0px;
	border-style:solid;
	border-color: navy;
	border-color: rgb(40,42,43);
	-webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	box-shadow: 2px 3px 5px rgba(0,0,0,0.2);	
}



.imageNolink{
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 8px;
	margin-bottom: 8px;
	border:0px;
	border-style:solid;
	border-color: navy;
	border-color: rgb(40,42,43);
	-webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	box-shadow: 2px 3px 5px rgba(0,0,0,0.2);	
	/*box-shadow: 0px 4px 7px rgba(0,0,0,0.2);*/
	display: none;
}

.alpha{
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.playDiv{
	position:relative;
	z-index: 3;
	width:100%;
	height:100%;
	
}
.videoEmbed span {
	display: block;
	position: absolute;
	
	border:15px;
	border-color: rgb(40,42,43);
	border-color: rgba(40,42,43,0);
	border-style: solid;
	
	margin:15px;
	margin-left:-15px;
	
	
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	
	/*background-color: blue;*/
	background: url(Images/play-button.png) no-repeat center center;
}
.videoLink {
	border:15px;
	margin-top: 15px;	
	margin-left:-15px;
	margin-right:-15px;
	max-width:100%;
	height:auto !important;
	border-color: rgb(40,42,43);
	border-style: solid;
	-webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	margin-bottom:0px;/*Fix, hack ass I get extranious <br> after videos due to applescript*/
	
}

.videoEmbed span:hover {
	color: #abfe00;
	border-color: rgb(110,255,107);
	border-style: solid;
	-webkit-box-shadow: 0px 0px 50px rgba(110,231,127,0.5);
	-moz-box-shadow: 0px 0px 50px rgba(110,231,127,0.5);
	box-shadow: 0px 0px 50px rgba(110,231,127,0.5);
}
.videoLink:hover {
	color: #abfe00;
	border-color: rgb(110,255,107);
	border-style: solid;
}

.videoEmbed {
	/*display: none;*/
}


p {
	font-size: small;	
}

.date {
	font-size: small;
	font-weight: bolder;
	color: #cecece;
	letter-spacing: 0.07em;
	display: inline;
	margin-left: 20px;
	
}

.tags {
	font-size: small;
	font-weight: normal;
	color: #cecece;
	letter-spacing: 0.07em;
	display: inline;
	margin-left: 20px;
}

.ramblings{
	display:inline;
	color:rgb(220,221,223);
	font-weight: normal;
}

.alexlovett{
	display:inline;
	/*color:rgb(220,221,223);*/
	font-weight: normal;
	color: rgb(110,255,107);
	text-shadow: 0 0 1em rgba(110,231,107,0.5);
}



.title{
	font-size: 24px;
	letter-spacing: 3px;
	padding: 10px;	
	padding-bottom: 3px;
}

.title2{
	color: #ffffff;
 	font-size: 15px;
	letter-spacing: 0.07em;
	display: inline;
	line-height: 30px;
}
	
.articlefooter {
	margin: 0px;
	/*border-bottom: 4px solid #989a9d;*/
	border-bottom: 4px solid rgba(0, 0, 0, 0.12);
	left: 8px;
	right: 8px;	
	height: 12px;
	margin-bottom: 12px;
}

.articletop {
	width: 100%;
	display: inline-block;
}


.header{
	color: #e6e8eb;
	padding-left:15px;
	background-color: rgb(110,255,107);
	-webkit-box-shadow: 0px 0px 30px rgba(110,231,107,1);
	-moz-box-shadow: 0px 0px 30px rgba(110,231,107,1);
	box-shadow: 0px 0px 30px rgba(110,231,107,1);	
	height:10px;
}

.header a:link{
	color: #e6e8eb;
	font-weight: normal;
	text-decoration: underline;
	padding-right: 10px;
}

.header img{
	padding-right: 17px;
	padding-bottom:0px;
	padding-top:10px;
	margin:-5px;
	border:none;
}

.header a:visited{
	color: #e6e8eb;
	font-weight: normal;
	text-decoration: underline;
	padding-right: 10px;
}



.sitemap{
	text-decoration: none;
	font-size: x-small;
	color: #b5b5b5;	
	display:block;
	
	padding: 7px;
	
	padding-bottom: 10px;
    padding-left: 9px; 
}

.sitemap A:link{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.sitemap A:visited{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
/*
.sitemap A:hover{
	color: rgb(110,255,107);
	text-shadow: 0 0 1em rgba(110,231,107,0.5);	

}
*/

.sitemap2{
	text-decoration: none;
	font-size: x-small;
	color: #b5b5b5;	
	display:block;

	
	padding: 7px;
	padding-bottom: 10px;
    padding-left: 9px; 
	/*display:flex;
	justify-content:center;*/
}

.sitemap2 A:link{
	color: #c6c6c6;
	font-weight: normal;
	text-decoration: none;
}


.sitemap2 A:visited{
	color: #c6c6c6;
	font-weight: normal;
	text-decoration: none;
}

/*
.sitemap2 A:hover{
	color: rgb(110,255,107);
	text-shadow: 0 0 1em rgba(110,231,107,0.5);
	text-decoration: none;
	background-color: #00FF00 !important;
}*/

.navrow{
	/*margin-top: auto;
	margin-bottom: auto;*/
	/*align-self: center;*/
	width:100%;
}

.navtxt {
	display:inline;
}

.thumbnav{
	/*margin-top: -2px;*/
	/*margin-left: 8px;
	display: inline-block;*/
	overflow: hidden;
    width: 100000px;
	/*height: 36px;*/

}

.thumbnav img{
	/*margin-bottom: -13px;*/
}

.navimg {
	margin-right: 10px;
	margin-top: 5px;
	/*
	padding: 1px;;
	border: 1px solid;
	border-color: rgba(0, 0, 0,0.2);
	background-color: rgba(0, 0, 0,0.2);*/
}

a.sitemaplink  {
	background-color: rgba(0,0,0,0.0);	
	z-index: -11;
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: rgba(0, 0, 0,0.1);
}
a.sitemaplink:hover {
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: rgba(255, 255, 255,0.2);

	color: rgb(254,254,254);
	box-shadow: 0em 0em 5em rgba(254,254,254,0.2);	
	text-decoration: none;
	background-color: rgb(180,180,180,0.5);
	z-index: 11;
}


.sitemapb{
	font-size: x-large;
	color: #dfdfdf;
	/* padding: 7px; */
    /* padding-left: 9px; */
	font-size: 24px;
	letter-spacing: 0.07em;
	/*background: rgb(112,114,118);*/
	background-repeat: repeat-x;
	background-position: top left;
	margin-bottom:12px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	/*border-color: rgb(102,105,110);*/
	border-color: rgba(255, 255, 255, 0.05);
    /*background: rgba(255, 255, 255, 0.06);*/
	
    
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.scrollingPanel {
	overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.navoldernewer{
	font-size: x-large;
	color: #dfdfdf;
	padding: 7px;
	padding-left: 9px;
	font-size: 24px;
	letter-spacing: 0.07em;

	margin-bottom:12px;
	border-top: 1px solid;
	border-bottom: 1px solid;

	border-color: rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.06);
	
}
	
.directory{
	color: #cecece;
	padding: 7px;
	font-size: x-small;
}


/* Scrollbar */

.scrollbar {
	margin-left: 22px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow {
	min-height: 450px;
}

.articleedit {
	color: rgba(254,254,254,0.2) !important;
	
}

.editbutton {
	float: right;
	line-height: 30px;
	font-size: 12px;
}

.thumbnavedit {
	padding: 8px;
	float:right;
	font-size: 7pt;
	color: rgba(254,254,254,0.2) !important;
}
#wrapper {
	text-align: center;
	margin: auto;
}

#scrollingPanel1::-webkit-scrollbar {
	width: 15px;
	
	background-color: rgb(60,60,60);
}

#scrollingPanel1::-webkit-scrollbar-thumb {
	border-radius: 15px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: rgb(100,100,100);
	min-height: 45px;
}

#scrollingPanel1::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 15px;
	background-color: rgb(150,150,150);
}



/* Disqus */

/*
.nav-primary {
	border-bottom-color: rgba(0, 0, 0, 0.12) !important;
}

#disqus_thread {
	background-color: rgba(0, 0, 0, 0.20) !important;
    padding: 20px !important;
    border-radius: 5px !important;
    color: black !important;
}

.discovery-post .top-comment p {
    color: rgba(255, 255, 255, 0.80) !important;
}

.discovery-post .top-comment .user {
    color: rgba(255, 255, 255, 1.00) !important;
}

.dropdown-toggle {
    color: rgba(255, 255, 255, 0.60) !important;
}

.nav-tab>a {
    color: rgba(255, 255, 255, 1.00) !important;
}

.tab-conversation.active>a {
    color: rgba(255, 255, 255, 0.40) !important;
}

.discovery-col-header h2 {
    color: rgba(255, 255, 255, 0.40) !important;
}

.discovery-col-header h2 strong {
    color: rgba(255, 255, 255, 0.50) !important;
}

.disqus-footer__link {
    color: rgba(255, 255, 255, 0.24) !important;
}

.discovery-post .meta {
    color: rgba(255, 255, 255, 0.4) !important;
}*/


/**/