div.examples div
	{float:left;
	width:200px;
	font-size:1.3em;
	padding:5px;}

div.examples div ul li a
	{border:0;}

div.examples div ul li a:hover
	{text-decoration:underline;}

div.examples div ul#breadcrumb li
	{display:inline;
	font-size:0.9em;}

div.examples div ul#breadcrumb li:after
	{content:">";
	color:#3abbe9;
	padding:0 0.2em 0 0.5em;}

div.examples div ul#custom
	{margin:1em 0;}

div.examples div ul#custom li
	{list-style-type:none;}

div.examples div ul#custom li:before
	{content: "+";
	color:#3abbe9;
	padding:0 0.3em 0 0;}

div.examples div ul#custom li a[href ^="http://"]:after
	{content:url("../images/link_external.png");
	padding:0 0.2em;}

div.examples div#example2 blockquote
	{position:relative;
	font-size:0.9em;}

div.examples div#example2 blockquote:before
	{content:"(Hover over this blockquote)";
	display:block;
	color:#3abbe9;
	font-size:0.9em;}

div.examples div#example2 blockquote:hover:before
	{visibility:hidden;}

div.examples div#example2 blockquote:hover:after
	{content:attr(cite);
	position:absolute;
	top:10px;
	right:-70px;
	display:block;
	width:150px;
	background:#feffbf;
	color:#888;
	border:1px solid rgba(170,170,170,0.9);
	-moz-box-shadow:3px 3px 5px rgba(170,170,170,0.9);
	-webkit-box-shadow:3px 3px 5px rgba(170,170,170,0.9);
	font-size:0.9em;
	text-align:center;
	padding:0.3em;
	border:2px solid;}

div.examples div#example2 a
	{display:block;
	border:0;
	margin-top:250px;}

div.examples div#example2 a:after
	{content:"(" attr(href) ")";
	display:block;
	font-size:0.9em;
	font-style:italic;
	color:#888;
	text-align:right;}

div.examples code+code
	{margin-top:10px;}

div.examples h1
	{font:1.3em/1.3 calibri, verdana, sans-serif;
	color:#888;
	text-shadow:none;
	text-align:left;
	border:0;
	margin:0 0 20px;
	counter-increment:chapters;
	counter-reset:sub-sections;}

div#example3 h1:before
	{content:"Chapter " counter(chapters, decimal) ":";
	display:block;
	font-size:0.9em;
	color:#aaa;}

div.examples h2
	{float:none;
	font:1.1em/1.3 calibri, verdana, sans-serif;
	color:#888;
	text-shadow:none;
	text-transform:none;
	padding:0;
	margin:0 0 5px;
	counter-increment:sub-sections;}

div.examples h2:before
	{content:"Sub-section " counter(sub-sections, upper-roman) "- ";
	font:0.7em cambria, times, serif;
	font-style:italic;}

div.examples h2:hover
	{background:none;}

div.examples h1+h2
	{margin-top:-18px;}

div.examples h2+h1
	{margin-top:20px;}