@import url("inc/0f.css");
.inspect {
	/*border-width:1px;
	border-style:dotted;
	border-color:#000;*/
}
html, body {
	margin:0; padding:0;
	width:100%; height:100%;
	/*overflow:hidden;*/

	font-size:21px /*19px*/;
	font-weight:100;
	font-family: 'ColaborateThinRegular', Helvetica, Verdana, Arial, sans-serif;
	letter-spacing:0.1em;

	background:#000;
	color:#ddd;
	text-shadow:0 2px 5px #000;
}
body .bg {
	position:fixed; left:0; top:0; width:101%; height:101%;
	/*background:#b0d6ff url('img/Gradient Wallpaper 02.png') no-repeat scroll 50% 50%;*/
	background:#030 url('img/andy2012-06-10 21.14.26cut01.jpg') no-repeat top center fixed;
	background-size:cover;
}
body .bg .shader {
	position:absolute; left:0; top:0; width:100%; height:100%;
	background-image:transparent url('img/0.gif') repeat left top fixed;
	background-color:rgba(0,0,0,1);

	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	opacity:0.7;
}

h1 { border-color:#000;
	display:block; margin:0 0 0.5em 0; padding:0;
	text-align:center;
  /*word-break:break-all;*/

	font-size:80px;
	font-family: jrhandRegular, 'Comic Sans', 'Times New Roman', serif;
	letter-spacing:0;
	line-height:1em;
	font-weight:normal;
	color:#111;
	text-shadow:
		0 3px 4px #777
		/* 1px 1px 5px #000
		,-1px -1px 5px #fff */
	;

}
h1 em {
	font-size:0.6em;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
}
img { border:0;
	position:relative;
	vertical-align:middle;
	top:-5px; margin:0 -3px 0 -3px;

	/* box-shadow:0 3px 4px #777; */
}
a, a:link, a.visited {
  position:relative;
	text-decoration:underline; color:#777;
	text-shadow:none;
}
a em {
	font-weight:100;
	font-style:normal;
	text-decoration:none;
	color:#ddd;
  text-shadow:0 2px 5px #aaa;
}
a:focus, a:hover {
	left:0; top:-1px;
	text-decoration:underline;
	color:#aaa;
	text-shadow:1px 3px 10px #fff;
}
a:focus em, a:hover em {
	color:#fff;
	text-shadow:1px 3px 10px #fff;
}


div.centered { border-color:yellow;
	position:relative;
	width:500px; max-width:90%;
	top:20%;
	margin:auto auto;
	text-align:justify;
}


@media (orientation: portrait) {
	div.centered { border-color:yellow;
		top:12%;
	}
}
/*
@media (orientation: landscape) {
	div.centered { border-color:yellow;
		top:2%;
	}
}
*/