#content {
	bottom: 0;
	left: 0;
	overflow-y: scroll;
	padding: 1%;
	position: fixed;
	right: 16em;
	top: 48px;
}
#content>.bookmarklets>:target+dd,
#content>:target,
#content>:target+div {
	display: block;
}
#content>.bookmarklets>:target,
#content>:target+div+.bookmarklets>dt {
	display: list-item;
}
#content>.bookmarklets>dd,
#content>.bookmarklets>dt,
#content>div,
#content>h2 {
	display: none;
}
#content dt,
#menu dd {
	display: list-item;
	list-style-type: disc;
	margin-left: 1.5em;
}
#menu {
	background: #fff;
	background: hsla(0, 0%, 100%, .5);
	bottom: 0;
	color: black;
	overflow-y: scroll;
	padding-left: .5em;
	position: fixed;
	right: 0;
	top: 48px;
	width: 15.5em;
}
#menu ol,
#menu ul {
	padding-left: 1em;
}
.comment {
	outline: gray dotted thin;
}
.noborder {
	border-spacing: 0;
}
.noborder td {
	padding: 3px;
}
.noindent {
	text-indent: 0;
}
.ps1::before {
	content: "%";
	padding-right: .5em;
}
.ps2::before {
	content: ">";
	padding-right: .5em;
}
:target {
	background: #eee;
	background: hsla(0, 0%, 90%, .5);
	padding: .25em;
}
[datetime]::after {
	color: #444;
	font-size: x-small;
	opacity: .5;
	padding-left: .5em;
}
[datetime]:hover::after {
	opacity: .8;
}
blockquote {
	border-left: thick double gray;
	margin: auto 1em;
	padding: 0 1em;
}
blockquote[cite]::before {
	background: #bbb;
	background: hsla(0, 0%, 75%, .5);
	color: #555;
	content: "<" attr(cite) ">";
	display: block;
	margin: auto -1em;
	padding: .1em .2em;
}
br,
dd::after,
hr {
	clear: both;
	float: none;
}
caption,
table {
	background: #cde;
	color: #000;
}
code :link,
pre :link {
	color: #4ff;
}
code,
pre {
	background: #555;
	background: hsla(0, 10%, 10%, .6);
	color: white;
	padding: .125em .25em;
}
del:hover,
ins:hover {
	opacity: 1;
	text-decoration: none;
}
del>*:not(pre):not(code):not(a) {
	background: #ccc;
	opacity: .5;
	text-decoration: inherit;
}
del[datetime]::after {
	content: "delete @" attr(datetime);
}
dt::after {
	content: ":";
	margin: auto .25em;
}
fieldset {
	margin-right: .5pc;
}
h1 {
	background: #fff;
	background: hsla(0, 0%, 100%, .5);
	color: transparent;
	color: hsla(0, 0%, 75%, .5);
	font-size: 36px;
	height: 48px;
	left: 0;
	line-height: 48px;
	margin: auto;
	position: fixed;
	right: 0;
	text-align: center;
	text-shadow: -1px -1px 0 #eee, 1px 1px 0 #111;
	top: 0;
}
h2:target {
	-moz-transform: rotate(-1deg) skew(-1deg);
	-webkit-transform: rotate(-1deg) skew(-1deg);
	transform: rotate(-1deg) skew(-1deg);
}
input[type="text"] {
	width: 8em;
}
ins[datetime]::after {
	content: "insert @" attr(datetime);
}
kbd {
	background: #ffc;
	background: hsla(0, 0%, 100%, .5);
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	border-radius: .25em;
	border-style: double;
	border-width: .11em .22em .33em .22em;
	padding: 0 0.2em;
}
object[data$='.js'] {
	background: hsla(0, 0%, 50%, .3);
	border: 2px inset silver;
	margin: 1%;
	width: 98%;
}
p {
	padding-left: .5em;
	text-indent: .5em;
}
pre {
	-moz-box-shadow: 2px 3px 4px #333;
	-webkit-box-shadow: 2px 3px 4px #333;
	box-shadow: 2px 3px 4px #333;
	overflow: auto;
}
pre[title]::before {
	background: #666;
	background: hsla(0, 0%, 20%, .5);
	content: attr(title);
	display: block;
	margin-bottom: .25em;
	padding: .25em;
}
samp {
	background: #ccc;
	background: hsla(0, 0%, 50%, .5);
	padding: 0 0.5em;
}
table {
	margin-left: .5pc;
}
tbody,
tfoot,
thead {
	background: #def;
}
tbody>tr:nth-child(odd) { /* (odd)CSS3 */
	background: #fff;
}
th {
	background: #abc;
}