/*


	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: #171B20;


	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: #ffffff;


		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: #ffffff;


		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; 


	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;


}


