html,body,p,h1,h2,h3,h4,h5,h6,blockquote,div,form,ul,ol,li,dl,dd,dt,a
{
	margin:0;
	border:0;
	padding:0;
	outline:0;
	text-decoration:none;
	list-style:none;
}
body
{
	font:normal normal .85em/1.5em sans-serif;
	color:#666;
	background:#eee;
}
a,.email
{
	cursor:pointer;
	text-transform:capitalize;
	color:inherit;
}
#navigation
{
	color:#fff;
	background:#000;
	text-align:center;
	height:4em;
	margin:0;
	padding:0;
	position:relative;
}
#toybox
{
	position:relative;
	display:block;
	display:none;
	width:40em;
	height:4em;
	top:0;
	padding:0;
	margin:0 auto -4em auto;
}
#navigation ul
{
	position:relative;
	width:40em;
	height:4em;
	margin:auto;
}
#navigation ul li
{
	display:inline;
}
#navigation ul li a
{
	display:block;
	float:left;
	color:#999;
	overflow:hidden;
	width:10em;
	line-height:4em;
	text-align:center;
    letter-spacing:.1em;
}
#navigation li a:hover,
#navigation li a.active
{
	color:#fff;
	background-color:#333;
	background-color:rgba(255,255,255,.3);
}
#footer
{
	font-size:.9em;
	padding:1.1em 0;
	text-align:center;
}
.wrapper
{
	padding:2em 0;
	background:#fff;
	/*text-align:justify;*/
}
.wrapped
{
	margin:auto;
	width:40em;
}
#header
{
	color:#000;
	text-align:right;
	padding:.5em 0;
}
#content
{
	color:#888;
	padding-bottom:4em;
	border-top:2px solid #eee;
}
#content ul#subnav
{
	margin:0;
	font-size:.9em;
}
#content ul.tags
{
	margin:0;
	font-size:.8em;
}
#content ul.tags:before
{
	content:"TAGS: "
}
#content ul#subnav li,
#content ul.tags li
{
	text-transform:capitalize;
	display:inline;
	color:#999;
}
#content ul#subnav li:before,
#content ul.tags li:before
{
	display:none;
}
#content ul#subnav li:after
{
	content:" \203a ";
}
#content ul.tags li:after
{
	content:", ";
}
#content ul#subnav li:last-child:after,
#content ul.tags li:last-child:after
{
	display:none
}
#content p,
#content ul,
#content ol,
#content dl,
#content pre,
#content blockquote
{
	margin:1em 0 2em 0;
}
#content time
{
	font-size:.4em;
	color:#999;
	text-transform:capitalize;
	font-weight:normal;
	width:16em;
	margin-left:-17em;
	margin-top:.5em;
	text-align:right;
	float:left;
	display:block;
	vertical-align:bottom;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
    font-weight:normal;
    letter-spacing:.1ex;
	text-transform:capitalize;
	color:#9cf;
	margin-top:3em;
	line-height:1em;
}
#content h1
{
	margin-top:0;
}
#content a
,#content .email
{
	color:#9cf;
	padding:0 .2em;
	margin:0 -.2em;
}
#content a:after
{
	content:' \21cc';
}
#content a[href^="#"]:after
{
    display:none;
}
#content :target,
#content .email:hover,
#content a:hover
{
	color:#fff;
	background-color:#9cf;
}
#content ul li
{
	margin-bottom:.5em;
}
#content ul li:before
{
	content:'\22c6';
	padding:0 .5em;
}
#content .notice
{
	background:#def;
	font-style:italic;
	padding:1em;
	margin-top:6em;
}
#content .notice:before
{
	content:"NOTICE:";
}

/*
 *  code
 */
#content .code
{
	padding:1em;
	background:#333;
	color:#ff9;
	margin:3em 0;
	overflow:hidden;
}
#content .code code
{
	display:block;
	overflow:auto;
	border:1px dashed #444;
	padding:1em;
	margin:0;
}
#content .code code[title]:before
{
	display:block;
	font-family:sans-serif;
	text-transform:capitalize;
	content:attr(title);
	font-style:italic;
	text-align:center;
	margin:0 auto 2em auto;
	padding:0;
	color:#fff;
}
#content .code em
{
	color:#f63;
}
/*
 *  figures
 */
#content .figure
{
	position:relative;
	text-align:center;
	font-style:italic;
	color:#999;
	margin:3em 0;
	padding:0;
	font-size:.9em;
}
#content .figure img,
#content .figure object
{
	display:block;
	padding:.5em;
	border:1px solid #ccc;
	margin:auto;
}
#content .figure a img,
#content .figure a object
{
	border-color:#9cf;
}
#content .figure a:after
{
	content:attr(alt) '  \21cc';
}
/*
 *  quotes
 */
#content q
{
	color:#9c6;
	font-style:italic;
}
#content blockquote
{
	background:#693;
	font-style:italic;
	color:#fff;
	padding:1em;
	margin:1.5em 0;
}
#content blockquote:before,
#content blockquote:after
{
	font-size:.5em;
	content:'\25e4\25e4';
	font-style:normal;
	display:inline;
	position:relative;
	top:-1ex;
}
#content blockquote:after
{
	content:'\25e2\25e2';
	top:1ex;
}
#content blockquote p
{
	display:inline;
	margin:0 .25em;
}
#content blockquote p em
{
	font-weight:bold;
	color:#030;
}

.middle
{
	text-align:center;
}
.middle *
{
	text-align:center;
	vertical-align:middle;
}