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

    *  {
margin : 0;
padding : 0;
}
body {
padding : 0;
margin : 0;
background-color : #ffffcc;
font-size : 12px;
font-family : "Lucida Grande", Tahoma, sans-serif;
}
.page-body {
margin : 0 auto 0 auto;
width : 600px;
padding : 30px 0 20px 0;
text-align : left;
}
.page-footer {
margin : 0 10% 0 315px;
width : 600px;
padding : 0 0 50px 0;
text-align : left;
}
.page-body ul, .page-body ol {
color : #ffffcc;
margin : 10px 0 30px 25px;
}
.page-body ul li, .page-body ol li {
padding : 0;
margin : 0 0 5px 0;
color : #cccccc;
line-height : 140%;
font-size : 100%;
}
.page-footer p {
margin : 0;
}
.page-footer {
padding : 20px;
}
.page-title h1 span {
text-align : left;
font-weight : normal;
font-size : 100%;
color : #ffffcc;
margin : 5px 0 15px 0;
}
h1 {
text-align : left;
font-weight : normal;
font-size : 180%;
color : #96bf55;
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 : #09f;
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;
}
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 : #ffffcc;
}
.hidden {
display : none;
}