/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

* { padding: 0; }
body { padding: 0; background-color: #171B20; font-size: 12px; font-family: "Lucida Grande", Tahoma, sans-serif; }
h1 { text-align: left; font-weight: bold; font-size: 180%; color: #FFF; margin: 5px 0 15px 0; }
h1 span { clear: both; font-size: 60%; color: #FF9; }
h2 { text-align: left; font-weight: normal; font-size: 150%; color: #FFF; margin: 5px 0 15px 0; }
h2 span { clear: both; font-size: 70%; color: #FF9; }
h3 { clear: both; font-size: 120%; color: #FF9; font-weight: normal; margin: 0 0 10px 0; }
.notice { border: 3px solid #ffffbe; padding: 10px; color: #ffffff; background-color: #09f; margin: 0 0 20px 0; }
.notice p,  .notice p a,  li a { color: #ffffff; text-decoration: none; }
a.page-options { color: #000000; text-decoration: none; display: block; text-align: left; padding: 5px; background: #a9d06a; margin: 3px 0 0 0; border-bottom: 1px solid #333333; border-bottom: 1px solid #555555; }
a.page-options:hover, a.page-options:focus { color: #fff; background: #09F; }
p { margin: 0 0 20px 0; color: #cccccc; line-height: 140%; }
p small,  li small { color: #09F; font-size: 100%; }
p em,  em { color: #ffffff; }
.hidden { display : none; }