body { font:76%/1.68 verdana, Sans Serif; background:#f5f5f5 url(http://www.onenaught.com/wp-content/themes/onenaught/images/sand/bg.png) repeat-x fixed left top; }
p, h2, h3, a, ul, li, ol { margin:0; padding:0; } /* crude CSS reset */

h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h1, h2 { border-bottom:1px solid; }
h3 { font-size:1em; }
p, ul, ol { margin:1.5em 0; }
li { margin-left:1.5em; }

#example-container { display:table; width:75%; margin:auto; border:1px solid #ccc; }
#example-container-contents { display:table-row; }
#example, #example-nav { display:table-cell; padding:0.5em; }

#example-container {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#fff;
}

.dynamic-side-note-container {
	border:1px solid #ccc;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:#f8f8f8;
	padding:1em;
	margin-top:0.5em;
}

.toggler { font-size:1em; margin:0; }

.dynamic-side-note-container .dynamic-side-note-container {
	background:#e8e8e8;
}

#example-nav {
	border-left:1px solid #ddd;
	padding-top:0;
	width:35%;
	background:#fff url(http://www.onenaught.com/wp-content/themes/onenaught/images/sand/sidebar.png) no-repeat -30px top;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}