/*~	standard HTML tag styles	*/
				body { color : #333 ; background-color : #efefef ; margin : 5px ; }
				
				dt,dd,li,pre,p,blockquote,th,td,address,caption,cite,code,dfn,var { font-size : 130% ; }
				p { font-size : 130% ; }
				li li { font-size : 100% ; }
				
				h1, h2, h3, h4, h5, h6 { font-family : "Trebuchet MS", arial, sans-serif ; }
				h1 { font-size : 260% ; }
				h1, h2, h3 { color : #370 ; }
				h2, h3, h4, h5, h6 { margin-bottom : .5em ; }
				h2 { font-size : 230% ; }
				h3 { font-size : 200% ; }
				h4 { font-size : 170% ; }
				h5 { font-size : 140% ; font-weight : bold ; }
				h6 { font-size : 130% ; font-weight : bold ; }
				
				p { margin-bottom : .5em ; }
				
				ul ul { margin : .3em 0 0 1em ; }
				ul li { margin-bottom : .3em ; }
				
				a { padding : 1px ; text-decoration : none ; }
				a:link { color : #099 ; }
				a:visited { color : #607 ; }
				a:hover { background : #370 ; color : #fff ; }

				strong { font-weight : bold ; }
				em { font-style : italics ; }
				
				form fieldset legend { display : none ; }
				form fieldset p { float : left ; margin : 3px 10px 0 0 ; }
				form fieldset p label { display : block ; margin-bottom : 3px ; }
				form fieldset p select { width : 150px ; }
				
				form fieldset p.action { float : right ; }
				
/*~	custom styles used globally throughout the page	*/
				a.btn {
					background-repeat : no-repeat ; 
					height : 0 ; 
					display : block ; 
					overflow : hidden ; 
					padding : 22px 22px 0 0 ; 
					width : 0 ; 
					}
				
				ul.page li, ul.info li { background : url(../media/bullet.png) left .5em no-repeat ; padding-left : 7px ; }
				ul.info li { background-position : left .55em ; }
				
				p.note { background : url(../media/readme.png) no-repeat ; font-size : 110% ; min-height : 22px ; padding-left : 26px ; }
				
/*~	.section	*/
				.section { 
					background : #deb ; 
					border-radius : 10px ; 
					margin-bottom : 2px ; 
					-moz-border-radius : 10px ; 
					padding : 10px 20px 20px ; 
					}
					
/*~ ,dp-highlighter - over-writing styles	*/
				html>body .dp-highlighter {
					background : #efefef ; 
					border : 0 ; 
					border-radius : 10px ; 
					-moz-border-radius : 10px ; 
					margin : 5px 0 10px ; 
					padding : 5px 5px 0 ;
					}
				html>body .dp-highlighter .bar, 
				html>body .dp-highlighter ol { margin-right : 20px ! important ; }
				.dp-highlighter ol { list-style : decimal ; max-height : 200px ; overflow : auto ; }
				.dp-highlighter li { font-size : 100% ; }
				
/*~	#f	*/
				#f { text-align : center ; }
				#f li { font-size : 110% ; }
				
/*~	#examples	*/
				#examples { 
					background : #deb ; 
					border-radius : 10px ; 
					min-height : 100px ; 
					left : 10px ; 
					-moz-border-radius : 10px ; 
					padding : 10px ; 
					position : absolute ; 
					top : 10px ; 
					width : 640px ; 
					z-index : 9000 ; 
					}
				#examples .section { background : transparent ; margin-bottom : 10px ; padding : 0 ; }
				#examples p { padding-top : 10px ; }
				
				#examples .gr { _height : 50px ; margin-bottom : 10px ; min-height : 50px ; }
				#examples .layout .a { background : #fdd ; }
				#examples .layout .layout .a { background : #fbb ; }
				#examples .layout .layout .layout .a { background : #f99 ; }
				#examples .layout .layout .layout .layout .a { background : #f77 ; }
				#examples .layout .b { background : #ddf ; }
				#examples .layout .layout .b { background : #bbf ; }
				#examples .layout .layout .layout .b { background : #99f ; }
				#examples .layout .layout .layout .layout .b { background : #77f ; }
				#examples .layout .c { background : #dfd ; }
				#examples .layout .layout .c { background : #bfb ; }
				#examples .layout .layout .layout .c { background : #9f9 ; }
				#examples .layout .layout .layout .layout .c { background : #7f7 ; }
				#examples .layout .d { background : #fdf ; }
				#examples .layout .layout .d { background : #fbf ; }
				#examples .layout .layout .layout .d { background : #f9f ; }
				#examples .layout .layout .layout .layout .d { background : #f7f ; }
				
	/*~	.lightbox	*/
			.lightbox { 
				background : #333 ; 
			    filter : alpha(opacity=80);
				height : 100% ; 
				margin-right : -100px ; 
				-moz-opacity : 0.8 ; 
			    opacity : .80 ; 
				position : absolute ; 
				left : 0 ; 
				text-align : center ; 
				top : 0 ; 
				width : 100% ; 
				z-index : 8000 ; 
				}