/* © 2011-2014 Chris Stone, Beerware Licensed */

@font-face { font-family:Wubble; src:url('/inc/wubble.ttf'); }
@font-face { font-family:Amienne; src:url('/inc/amienne.ttf'); }
@font-face { font-family:Pretender; src:url('/inc/pretender.otf') format("opentype"); }
/* Amienne, Wubble, & Pretender copyright TypodermicFonts.com - They're cheap, support the creator! */

/********************************* Global *********************************/

* {
	margin:0;
	padding:0;
}

html	{	overflow-y:scroll;}
body	{	background:#202020 url('/images/stripes2.png');}

a , #tocdiv		{	transition:all  0.4s ease;}
a:link		{	text-decoration:none;color:#d3d3d3;}
a:visited	{	text-decoration:none;color:#d3d3d3;}
a:active	{	text-decoration:none;color:#d3d3d3;}
a:hover[href]	{	text-decoration:none;color:white;}

a img	{	border:none;}

ul	{	list-style:square inside;}
ol li	{	margin:0.5pc 0;}

h1, h2, h3	{	margin:0.85pc 0 0.2pc;}
h1	{	font:1.75pc Pretender, sans-serif;}
h2	{	font:bold 1.0pc Verdana, sans-serif;}
h3	{	font:bold 0.9pc Verdana, sans-serif;}

sup	{	vertical-align:top; font-size:0.7pc;}
sub	{	line-height:0; font-size:0.7pc;}

/********************************* Header *********************************/

header, #header	{
	height:5.5pc;
	width:60pc; max-width:100%; min-width:30pc;
	position:relative;
	margin-left:auto; margin-right:auto;
	border-bottom:thin #a9a9a9 solid;	
}

.flare	{
	background-color:#308000;
	position:absolute;
	bottom:0; left:0;
	height:0.4pc;
	width:10pc; max-width:20%;
}

.logo	{
	top:0.5pc; left:2pc; width:20pc; position:relative;
	font:3pc Amienne;
	color:white;
	text-shadow:2px 3px 5px black;
}

header a, #header a	{
	font-family:Verdana, sans-serif;
	display:inline-block; 
	background-color:black; 
	float:right;
	padding:0.3pc 2pc 0.2pc;
	margin-left:0.2pc;	
}

header a:first-child, #header a:first-child	{
	margin-right:3pc;
}

*[class^="linkpane"], *[id^="linkpane"]	{
	position:absolute;
	width:100%;
}

#linkpanetop, .linkpanetop	{	top:0; }
#linkpanetop a:hover, #header .linkpanetop a:hover	{	
	color:black;
	background-color:#fafffa; 
	top:0pc;
}
#linkpanetop a, .linkpanetop a	{
	border:thin #308000 solid;border-top:none; 
	border-bottom-left-radius:0.3pc 0.3pc; border-bottom-right-radius:0.3pc 0.3pc;
	margin-bottom:0.5pc;
	top:-0.5pc; position:relative;
}

#linkpanebottom, .linkpanebottom	{	bottom:0; }
#linkpanebottom a:hover, #header .linkpanebottom a:hover	{
	color:black;
	background-color:#fafffa;
}
#linkpanebottom a, .linkpanebottom a {
	border:thin #d3d3d3 solid; border-bottom:none;
	border-top-left-radius:0.3pc 0.3pc; border-top-right-radius:0.3pc 0.3pc;
}

header a[class*="link"], #header a[class*="link"]	{	padding-left:3pc;}
.linkuser	{	background:black 1.6pc 0.5pc url('/images/icons/user.svg') no-repeat;}
.linkmail	{	background:black 1.6pc 0.4pc url('/images/icons/mail.svg') no-repeat;}
.linkhome	{	background:black 1.6pc 0.5pc url('/images/icons/home.svg') no-repeat;}
.linkabout	{	background:black 1.6pc 0.5pc url('/images/icons/about.svg') no-repeat;}
.linktag	{	background:black 1.6pc 0.5pc url('/images/icons/tag.svg') no-repeat;}
.linkarc	{	background:black 1.6pc 0.4pc url('/images/icons/clock.svg') no-repeat;}

/********************************* Body *********************************/

main, #mainbody	{
	display: block;
	width:54pc; max-width:100%; min-width:24pc;
	min-height: 30pc;
	margin:auto; 
	background:white; 
	border:1px #a9a9a9 solid; 
	padding:3pc;
	position:relative;
	top:2pc;
	overflow:hidden;
}

main a:link,	#mainbody a:link		{	color:#308000;}
main a:visited,	#mainbody a:visited	{	color:#308000;}
main a:active,	#mainbody a:active	{	color:#308000;}
main a:hover[href], #mainbody a:hover[href]	{	color:#40B010; border-bottom:1px dotted #40B010;}

main a[href $='.pdf'], #mainbody a[href $='.pdf']	{
	background:transparent url('/images/icons/pdf.png') no-repeat top right;
	padding-right:12px;
}

main a:not([href^='/']), #mainbody a:not([href^='/'])	{
	background:transparent url('/images/icons/external.svg') no-repeat top right;
	padding-right:12px;
}

main a[rel *='bookmark'], #mainbody a[rel *='bookmark']	{
	background:transparent url('/images/icons/link.svg') no-repeat top right;
	padding-right:13px;
	padding-left:0.1pc;
}	

/********************************* Footer *********************************/

footer, #footer	{
	height:2pc;width:60pc;top:4pc;position:relative;
	margin-left:auto;margin-right:auto;
	color:white;
	text-shadow:1px 2px 3px black;
}

footer span, #footer span	{	
	display:inline-block;
	width:20pc;
	text-align:center;
	float:left;
	color:#d3d3d3;
}

footer a:hover, #footer a:hover	{	text-decoration:underline; }

/**************************** Table of Contents ***************************/




/********************************* Family *********************************/

.fammember	{	
	height:10pc; 
	text-align:justify;
	padding:1pc 0 1pc 0;
}

.fammember a p	{
	text-decoration:none;

	color:black;
}

.fammember a span	{
	display:block; 
	font:x-large Wubble, sans-serif;
	text-indent:1pc;
	padding:0.2pc 0 0.4pc 0;
}

.fammember a img	{
	float:left;
	height:10pc; width:10pc;
	border:none;
	margin-right:2pc;
}

/********************************* User *********************************/

.usrbody #usrpic	{
	float:right;
}

.usrbody #who	{
	width:27pc;
	padding-bottom:2pc;
}

.usrbody #hello	{
	font-size:large;
	font-style:italic;
}

.usrbody #name	{
	font-family:Wubble, sans-serif;
	font-size:xx-large;
	color:#308000;
	margin:1pc;
}

.usrbody #about	{
	font-family:sans-serif;
	text-align:justify;
}

.usrbody hr	{
	height:0.2pc; 
	background-color:#308000; 
	border:none;
	margin:1pc 0;
}

.usrbody section, .usrbody aside	{	display:table-cell;}
.usrbody section:first-child	{	width:40pc;}
.usrbody aside	{
	min-width:12pc;
	margin-right:3pc;
}

.usrbody article	{	margin:0.5pc 0;}
.usrbody article a	{	font-weight:bold;}

.usrbody a time	{		color:black;}
.usrbody a time:after	{	content:" - ";}

/********************************* Blog *********************************/

pre, x-cli, .clisnip, x-snp, x-snpb	{
	font:0.95pc "Courier New";
	line-height:1.1pc;
}

pre, x-cli, x-snpb	{
	margin:1pc 0;
	padding:0.20pc;
	
	display:block;
	unicode-bidi:embed;
	white-space:pre;
	overflow:auto;
}

.clisnip, x-snp	{	padding:0 0.2pc; }

.clisnip, x-snp, x-snpb	{	color:black; background-color:Gainsboro; }

pre, x-cli	{	color:Gainsboro; background-color:#202020; }
pre span, x-cli span	{	color:white; background-color:blue; }

.code	{
	background-image:linear-gradient(gainsboro 50%, lightgray 50%);
	background-size:2.2pc 2.2pc;
	tab-size:4;
	-moz-tab-size:4;
}

.calc	{
	background-color:gainsboro;
	display:inline-block;
	padding:0.5pc;
	margin:0.5pc auto;
	border:thin black solid;
}

.note, x-note, x-warn, x-idea	{
	padding-left:38px;
	display:block;
	font-style:italic;
	min-height:32px;
	margin-top:1pc;
	margin-bottom:1pc;
}

.note, x-note	{	background:transparent url('/images/icons/blog_note.png') no-repeat top left;}
.note:before, x-note:before	{	content:"Note:";}

x-warn		{	background:transparent url('/images/icons/warn.svg') no-repeat top left;}
x-warn:before	{	content:"Warning:";}

x-idea		{	background:transparent url('/images/icons/idea.svg') no-repeat top left;}
x-idea:before	{	content:"Idea:";}


.propblk	{
	padding-bottom:1pc;
	width:100%;
}

.propblk embed	{
	margin-right:1pc;
}

.propblk div,embed	{
	display:inline-block;
	vertical-align:top;
}

.propblk h1, .propblk li	{
	display:inline;
}

.propblk .details	{
	float:right;
	font-size:small;
}

.propblk li:first-of-type:before	{	content:"\00AB\00A0";}
.propblk li:last-of-type:after	{	content:"\00A0\00BB";}
.propblk li:not(first-of-type):before {	content:"\2022\00A0";}

.propblk time:before	{	content:"Published ";}

/********************************* Image Frames *********************************/
.imgframe1	{
	border:20px solid;
	border-image:url('/images/frame1.1.png') 20 20 20 20 round;
	transform:rotate(-7deg);
	margin:0.75pc;
}

.imgframe1 img	{
	position:relative;
	top:-11px;
	left:-11px;
}

/********************************* Ads *********************************/
#ad	{
	float:right;
}

.adsbygoogle	{
	margin-left: 1pc;
}