/*	Section headers ---------- */
	div.sub-header { position: relative; margin: 0 20px 18px 0; padding: 0 0 8px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
	div.sub-header h3 { color: #222; float: left; margin-bottom: 5px; }
	div.sub-header h3 small { color: #777; font-size: 18px; }
	div.sub-header ul { margin-top: 10px; margin-bottom: 0px; float: right;  }
	div.sub-header li { display: inline; padding: 0 0 0 10px; }
	div.sub-header li a { color: #777; }
	div.sub-header li a:hover { color: #555; }
	
/*	Color Blocks ---------- */
	ul.colors { width: 100%; margin: 0 0 18px -15px; padding: 0; list-style: none; height: 126px; }
	ul.colors li { display: inline; float: left; margin: 0 0 0 15px; font-weight: bold; }
	ul.colors span { display: block; width: 81px; height: 81px; margin: 0; }
	ul.colors small { display: block; margin: 0; font-size: 12px; line-height: 15px; /* color: #777; */ }
/* Primary Colors ----- */
	ul.colors li.placeholder { color: #999; }
	ul.colors li.placeholder span { background: #999; }
/* Lighter Colors ----- */
	ul.light.colors { height: 90px; }
	ul.light.colors span { height: 45px; }
	ul.light.colors li.placeholder { color: #ccc; }
	ul.light.colors li.placeholder span { background: #ccc; }
/* Darker Colors ----- */
	ul.dark.colors { height: 72px; }
	ul.dark.colors span { height: 27px; }
	ul.dark.colors li.placeholder { color: #555; }
	ul.dark.colors li.placeholder span { background: #555; }
	
/* div#styleguide div.column-row { padding-right: 20px; } */
	a.layout img {border: 5px solid #ddd;}
	a.layout:hover img {border: 5px solid #ccc;}
	
	

/* Examples  */
div.example div.container { width: auto; background: none !important; padding: 15px 10px !important; }
div.example div.container ul#nav { margin: 10px 5px !important;}
div.example div.book-info { width: 400px !important; }
/* div.example ul#results li { border-bottom: 0 !important; } */

div.pattern { border: 1px solid #ddd; overflow: hidden; padding: 10px; width: 560px;}

hr.div { margin: 25px 0; border: 0; border-bottom: 1px solid #DDDDDD;  display: block;}
img.example { border: 1px solid #DDDDDD; }

div.example2 { border: 1px solid #DDDDDD; padding: 10px }
a.psd { font-size: 18px; margin-top: 10px; display: block;}

div.example ul.results li { margin-top: 0 !important; }

div.example ul.results li.v3 .book-info { width: 270px !important }

body.ie6 .sub-header { width: 960px; }
/* body.ie6 hr.div  {display: none; } */
body.ie6 div#content  div.example ul.results { width: 540px; }

body.ie6 div#content ul.results li.v3 div.book-info { width: 500px; }

div.example-nav { background: #F3EACE; height: 30px !important; overflow: hidden; padding: 20px;}
div.example-nav #nav{ margin-top: 0 !important; }