.clear {
	clear:			both;
}

.left {
	float:			left;
}

.right {
	float:			right;
}

.ul {
	text-decoration:	underline;
}

.small {
	font-size:		0.8em;
}

.sup {
	font-size:		0.6em;
	vertical-align:		super;
}

a {
	color:			#009;
	text-decoration:	none;
}

a[href^="#"], a[href*="ntworks.net/"], a[href^="/"] {
	color:			#00b;
	text-decoration:	underline;
}

a[href^="mailto:"]:before {
	content:		"✉";
	padding-right:		0.3em;
}

a img {
	border:			none;
}

b.important {
	color:			#f00;
}

b.important:before {
	content:		"⚠";
	padding-right:		5px;
}

body {
	font-family:		Sans-serif;
	padding-left:		14em;
	padding-right:		100px;
}

code {
	background-color:	#ffc;
	border:			1px solid #dda;
	font-family:		Monospace;
	font-size:		1em;
	padding-left:		5px;
	padding-right:		5px;
	text-transform:		none;
	white-space:		nowrap;
}

del {
	color:			#ccc;
}

div.menu {
	background-color:	#fafafa;
	border:			1px solid #000;
	font-size:		0.9em;
	left:			10px;
	position:		absolute;
	top:			30px;
	width:			12em;
}

div.menu div.title {
	border-bottom:		1px dotted #000;
	font-weight:		bold;
	letter-spacing:		5px;
	padding-bottom:		2px;
	padding-left:		10px;
	padding-top:		4px;
}

div.menu p {
	border-bottom:		1px dotted #ccc;
	border-top:		1px dotted #ccc;
}

div.menu p.current {
	background-color:	#eaeaea;
}

div.menu p a {
	display:		block;
	margin:			1px;
	padding-right:		20px;
	text-align:		right;
	text-decoration:	none;
}

div.menu p a:hover {
	background-color:	#dadada;
}

div.menu p.current a:after {
	content:		" ↩";
}

div.menu p.current a.sub {
	font-size:		0.9em;
	padding-right:		2.8em;
}

div.menu p.current a.main:after {
	content:		" ";
}

div.menu p.current a.sub:after {
	content:		" ";
}

ins {
	margin-left:		-0.5em;
	text-decoration:	none;
	vertical-align:		sub;
}

h1 {
	border-bottom:		2px solid #000;
	font-size:		1.5em;
	font-weight:		normal;
	letter-spacing:		10px;
	margin-top:		25px;
	margin-bottom:		30px;
}

h2 {
	border-bottom:		1px solid #000;
	font-size:		1.4em;
	font-weight:		normal;
	letter-spacing:		3px;
	margin-bottom:		25px;
	margin-top:		50px;
}

h3 {
	font-size:		1.0em;
	font-weight:		bold;
	margin-top:		30px;
}

p.license {
	font-size:		0.8em;
}

p.pagefoot {
	clear:			both;
	color:			#aaa;
	font-size:		0.7em;
	margin-top:		50px;
	text-align:		center;
}

p.pagefoot a {
	color:			inherit;
}

p.pagefoot a.img {
	display:		inline-block;
	width:			80px;
	height:			15px;
	margin-top:		0.5em;
}

ul {
	list-style:		circle;
}

p.pagefoot a.xhtml {
	background-image:	url(../images/xhtml-badge.png);
	background-position:	right;
}

p.pagefoot a.xhtml:hover {
	background-image:	url(../images/xhtml-badge.png);
	background-position:	left;
}

p.pagefoot a.css {
	background-image:	url(../images/css-badge.png);
	background-position:	right;
}

p.pagefoot a.css:hover {
	background-image:	url(../images/css-badge.png);
	background-position:	left;
}

p.pagefoot a.atom {
	background-image:	url(../images/atom-badge.png);
	background-position:	right;
}

p.pagefoot a.atom:hover {
	background-image:	url(../images/atom-badge.png);
	background-position:	left;
}

div.cc {
	font-size:	0.8em;
	margin-left:	100px;
	margin-right:	130px;
}

div.cc-left {
	float:		left;
	margin-right:	10px;
}

div.cc-right {
	float:		right;
	margin-right:	10px;
}

div.cc-right img {
	margin-left:	0.2em;
}