/*

	-- -- -- -- -- -- --
	protosw.com 
	Documentation CSS
	-- -- -- -- -- -- --

*/

/* framework changes */
	#documentation #mainContent {margin-top: 50px; position: relative;}
	#documentation #header {background: #fff url(../i/bg-header-tutorial.gif) repeat-x;}
	#documentation #header .wrapper {background: transparent url(../i/bg-header2-tutorial.gif) no-repeat right top;}

	#documentation #header h1 {background: url(../i/header-h1-tutorial.gif) no-repeat;}
	#documentation #header h2 {text-align: right; margin: 0 25px 0 190px; padding-top: 4em; color: #90B738;}
	#documentation a:link.back, #documentation a:visited.back {display: block; text-align: right; margin-right: 25px; font-size: 0.9em; font-weight: normal; color: #BFBFBF;}

/* header changes */
	#documentation #title h3 {font: bold 1.3em Helvetica, Arial, sans-serif; color: #363636; text-transform: uppercase; margin: 1em 0 0 25px;}
	#documentation #title h4 {margin: 0 0 1em 25px;}
	
/* pager style */
	.pager {position: absolute; top: 0; right: 0;}
	.pager li a:link, .pager li a:visited {width: 100px; padding: 0; border: 0;}
	.pager li a:hover {background: none;}
	
/* -- Custom lists -- */
	.instructions dd, .points dd {padding: 0 20px 0.5em 40px; background: url(../i/dd-dt-arrows.gif) no-repeat 20px 0;}
	.instructions dt, .points dt {padding: 0 20px 0.5em 20px;}

	.properties {padding: 0 20px;}
	.properties dd {background: none; padding: 0 0 1em 10em;}
	.properties dt {text-transform: none; font-weight: normal; color: #000; font-style: italic; width: 10em; float: left; margin: 0; padding: 0;}

	#documentation .infopanel {background: #EAEAEA url(../i/infopanel-middle-wide.gif) repeat-y; width: 640px; margin: 2em 0;}
	#documentation .infopanel .wrapper {background: url(../i/infopanel-bottom-wide.gif) no-repeat left bottom;}
	#documentation .infopanel .wrapper .wrapper {padding: 1px 20px; background: url(../i/infopanel-top-wide.gif) no-repeat left top;}