<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*---COLORS: magenta #990073 | yellow #F8ED37 | ice blue #99FFFF | lt. blue #00CCFF | orange #F99B4E | green #66A642---*/

		/*-------- reset --------*/
article, aside, footer, header, nav, section {display: block;}
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, button, input, select, textarea {font-family:sans-serif; color:#666666;}
body {margin:0; font-size:1em; line-height: 1.4;}
::-moz-selection {background:#A8E1FF; color:#FFFFFF; text-shadow:none;}
::selection {background:#A8E1FF; color:#FFFFFF; text-shadow:none;}
b, strong {font-weight:bold;}
i, em {font-style:italic;}
blockquote {margin:1em 40px;}
hr {display:block; height:1px; border:0; border-top:1px solid #990073; margin:1em 0; padding:0;}
q {quotes:none;}
q:before, q:after {content:""; content:none;}
ul, ol {margin:1em 0; padding:0 0 0 40px;}
nav ul, nav ol {list-style:none; list-style-image:none; margin:0; padding:0;}
img {width: 100%; max-width: 100%; border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
.chromeframe {margin:0.2em 0; background:#CCCCCC; color:black; padding:0.2em 0;}

		/*-------- Navigation --------*/
		nav {
			width: 100%;
			margin: 0 auto;
	  	padding: 0;
		}
				nav ul ul {
					display: none;
				}
			a.menu-btn { /* mobile menu */
				position: absolute;
				top: 0;
				right: 0;
				width: 36px;
				margin-right: 5%;
				padding: 10px;
				-webkit-border-radius: 2px;
    		-moz-border-radius: 2px;
 		   border-radius: 2px;
			}
				a.menu-btn:hover,
				a.menu-btn:focus {
					border: 1px solid #990073; /* magenta */
				}
			nav ul {
				display: none;  /* set for mobile first */
				position: absolute;
				top: 0;
				right: 0;
				width: 35%;
				margin: 45px 3% 0 0;
				padding: 0;
				background-color: #000000;
				-webkit-border-radius: 0 0 5px 5px;
    		-moz-border-radius: 0 0 5px 5px;
				border-radius: 0 0 5px 5px;
				border: 1px solid #990073; /* magenta */
				text-align: right;
			}
				nav:hover &gt; ul {
					display: block;
				}
				nav ul:after {
					content:""; 
					display: block;
				}
				nav ul li {
					padding: 0;
					border-bottom: 1px solid #990073;	/* magenta */
				}
					nav ul li:last-child {
						border: 0;
					}
					nav ul li a {
						display:block; 
						padding: 4% 5%;
					}
		.breadcrumbs {
	  	margin: 0;
  		padding: 3% 0;  		
			border-top: 1px solid #990073;	/* magenta */
			text-transform:uppercase;
 	 		text-align: center;
		}
			.breadcrumbs ul {
  			margin: 0;
  			padding: 0;
  			list-style-type: none;
			}
				.breadcrumbs ul li {
					margin: 0 1%;
					padding: 0;
					display: inline;
				}
		footer {	/* set for mobile first */
			margin: 0 auto;
			padding: 5% 0;
		}
			footer ul {
				padding: 0;
				list-style-type: none;
  		}
				footer ul li {
					padding: 0 20px;
					display: inline;
					border-right: 1px solid #B3B3B3; /* grey */
  			}
					footer ul li:last-child {
						border: 0;
					}

		/*-------- content --------*/
body {
  padding: 0;
	background-color: #000000;
	overflow-y:scroll;	/* forces scrollbar on short pages */
}
	.content {
		max-width: 1300px;	/* set for mobile first */
		min-height: 100%;
  	margin: 0 auto;
  	padding: 0;
	}
		header {
			width: 100%;
			margin: 0 0 2% 0;
			padding: 0;
		}
			.logo { 
				width: 50%;
				max-width: 500px;
  			margin: 2%;
  			padding: 0;
  		}
			.sub-nav {
				padding: 2px 0 1px;
				border: 1px #990073; /* magenta */
				border-style: solid none;
			}
		article {	/* set for mobile first */
			margin: 0 7%;
			padding: 0;
  	}
  		article header {
  			margin: 0;
  		}
			.column,
			.column-center,
			.column-full,
			.column-third,
			.block,
			.border-block,
			.image-block {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.column {	/* set for mobile first */
				width: 100%;
				margin: 0;	
				padding: 2% 4%;		
			}
			.column-center {
				width: 100%;
				margin: 0 auto;	
				padding: 2% 4%;		
			}
			.column-full {
				width: 100%;
				margin: 0 auto;	
				padding: 2% 0;		
			}
			.column-third {
				width: 100%;
				margin: 0 auto;	
				padding: 2% 0;		
			}
				.block {
						margin: 0 auto;
					}
				.border-block {
					margin: 0 auto 5%;				
					padding: 10px;
					border: 1px solid #990073;	/* magenta */
				}
				.image-block {
					margin: 0 auto;
					text-align: center;
				}
					img {						
						padding: 5px;
						border: 1px solid #990073; /* magenta */
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
					}
				.logo img,
				ul img,
				#gallery img,
				#wholesale img,
				#contact img {
					padding: 0;
					border: 0;
				}
		.bottom-nav {
			margin-top: 3%;
			text-align: center;
			border-top: 1px solid #990073;	/* magenta */
		}
			aside {
				margin: 0 auto;
				padding: 0 3%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				aside a {
					display: block;
					line-height: 2.75em;
				}
					.social { /* social icons */
						display: inline;
					}
						.social img {
							width: 32px;
							margin: 25px 15px 0 0;
							padding: 0;
							border: 0;
						}
						.social:hover {
							opacity: .8;
						}

		/*-------- galleries --------*/		
			.stage {
				text-align: center;
			}
				.stage img {
					width: 98%;
					max-width: 495px;
				}
  			.collections img {	/* collection preview images - mobile first */
  				width: 100%;
  				max-width: 500px;
  			}
			.collectionlist ul {
				position: relative;
				margin: 0 auto;
				padding: 0;
				list-style-type: none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				.collectionlist ul li {
					padding-bottom: 5%;
				}
					.collectionlist a {
						display: block;
					}
					.collectionlist li span,
					.collectionlist li:hover span {
						display: none;
						width: 100%;
						max-width: 500px;
					}

		/*--------  page-specific elements --------*/
			#contact blockquote {
				margin: 10% 40px 10% 25%;
			}
			#contact img {
				max-width: 500px;;
			}
				#store .block,
				#bookstore .block,
				#diy .block {
					margin: 5% auto 10%;
					text-align: center;
				}
				#store .block,
				#diy .block {
					padding: 0 2%;
				}
					#store .books {
						padding: 0 3%;
					}
				#diy .block {
					position: relative;
					width: 90%;
				}
					#store .column-full a {
						display: block;
						margin: 0 auto;
					}
					#store a:hover img,
					#bookstore a:hover img {
						opacity: .8;
					}
					#store a:hover h2,
					#bookstore a:hover h2 {
						color: #00CCFF; /* lt-blue */
					}
						#store img,
						#bookstore img,
						#miniref .block &gt; img {
							max-width: 250px;
							margin: 0 auto 5%;
						}
						#diy img {
							max-width: 200px;
							margin: 3% auto 0;
						}
						#diy h2,
						#diy p,
						#bookstore p {
							text-align: left; /*to override image centering */
						}
				#diy .block:hover .overlay {
					display: block;
				}
					.overlay {
					display: none;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					padding: 20% 15%;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					background-color: #777777;
					background-color: rgba(0,0,0,.6);
					font-size: 1.25em;
					color: #FFFFFF;
				}
			.ads {
				width: 100%;
				margin: 8% 0;
				max-height: 90px;
				overflow: hidden;
			}

		/*--------  shop pages --------*/
				#store header ul,
				#shop header ul {
					margin: 5% 0 0;
					padding: 0;
					list-style-type: none;
					font-size: .75em;
					text-align: right;
				}
					#store header ul li,
					#shop header ul li {
						padding: 0 15px;
						display: inline;
						border-right: 1px solid #B3B3B3; /* grey */
					}
						#store header ul li:last-child,
						#shop header ul li:last-child {
							border: 0;
						}
				#shop .column-full {
					width: 90%;
					text-align: center;
				}
				ul.product-list { /* set for mobile first */
				  padding-left: 0;
			  }
					.product-list li {
						list-style-type: none;
						width: 165px;
					  margin: 0 auto 30px;
					  text-align: center;
				  }
				  	.no-js .product-list li {
				  		width: 100%;
						}
			  		.preview {
			  			display: block;
			  		}
			  		.item-info .preview {
			  			display: inline;
			  		}
				  		.preview img {
			  				/* width: 125px; */
			  				margin: 0 auto 10px;
								padding: 5px;
								border: 1px solid #990073; /* magenta */
			  			}
				  			.no-js .preview img {
				  				display: none;
				  			}
			  				.preview:hover img {
			  					opacity: .8;
			  				}
			  			.preview .item-title {
			  				font-size: 1.06em;	/* 17px */
			  				font-weight: normal;
			  				color: #00CCFF;
			  			}
			  				.preview:hover .item-title {
			  					color: #F8ED37;
			  				}
			  			.item-price {
			  				margin: .25em 0;
			  				font-size: .9em;
			  			}
			  .item-description {
			  	display: none;
			  	max-width: 700px;
			  }
			  	.no-js .item-description {
			  		display: block;
			  		max-width: 500px;
			  	}
				  .item-images {
						text-align: center;
			  	}
				  	.item-images img {
				  		max-width: 250px;
				  		margin: 0 5px 10px;
			  			padding: 0;
			  			border: 0;
			  		}
			  	.item-info {
			  		text-align: left;
			  	}
			  		.item-info .item-title {
							display: block;
							margin: 0;
							font: normal bold 1.06em Raleway,'Open Sans',Helvetica,Arial,sans-serif;	/* 17px */
			  			color: #000000;
			  		}
			  			.purchase p {
			  				float: left;
			  				margin: 0;
			  			}
			  			.purchase form {
			  				float: right;
			  				margin: 0 0 0 10px;
			  			}
			  				.purchase input[type="image"] {
			  					height: 22px;
			  					margin-left: 10px;
			  					padding: 1px 2px 1px 3px;
									background-color: #f5f5f5;
  								*background-color: #e6e6e6;
								  background-image: -ms-linear-gradient(top, #FFFFFF, #e6e6e6);
								  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#e6e6e6));
								  background-image: -webkit-linear-gradient(top, #FFFFFF, #e6e6e6);
								  background-image: -o-linear-gradient(top, #FFFFFF, #e6e6e6);
								  background-image: linear-gradient(top, #FFFFFF, #e6e6e6);
								  background-image: -moz-linear-gradient(top, #FFFFFF, #e6e6e6);
								  background-repeat: repeat-x;
								  border: 1px solid #cccccc;
 								 *border: 0;
 								 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 								 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 								 border-bottom-color: #b3b3b3;
 								 -webkit-border-radius: 4px;
 								 -moz-border-radius: 4px;
 								 border-radius: 4px;
 								 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e6e6e6', GradientType=0);
 								 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
 								 *zoom: 1;
 								 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 								 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
 								 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			  				}
			  				.purchase input[type="image"]:hover {
			  					opacity: .8;
			  				}
	
		/*--------  typography --------*/
body { /* mobile first */
	font: normal normal 14px/21px Raleway,'Open Sans',Helvetica,Arial,sans-serif;
	font-weight: 300;
  color: #FFFFFF;
  text-align: left;
}
	h1 {
		margin: 0;
		font: normal normal 1.375em Raleway,'Open Sans',Helvetica,Arial,sans-serif;	/* 22px */
		color: #F8ED37; /* yellow */
	}
	h2 {	/* subheads, collectionlist titles */
		display: block;
		margin: 0;
		font: normal normal 1.15em Raleway,'Open Sans',Helvetica,Arial,sans-serif;	/* 18.4px */
		color: #F8ED37; /* yellow */
	}
		#specialty h2 {margin: 1em 0;}
	h3 {
		display: block;
		margin: 0;
		font: normal bold 1.06em Raleway,'Open Sans',Helvetica,Arial,sans-serif;	/* 17px */
		color: #FFFFFF;
	}
	h4 {
		font-size: .8125em;	/* 13px */
	}
	footer {
		font-size: .75em;	/* 12px */
		text-align: center;
	}
		footer p {
			margin: 0;
		}
	.subtitle {
		margin: .25em 0 0 0;
		font-size:  .8125em;	/* 13px */
		font-style: italic;
	}
	.fig-caption {
		margin: -.5em 0 1em 0;
		font-size:  .8125em;	/* 13px */
		font-style: italic;
	}
	a {
		color: #00CCFF; /* lt-blue */
		text-decoration: none;
	}
		a:visited {
  		color: #00CCFF; /* lt-blue */
  		text-decoration: none;
  	}
		a:hover {
			color: #F8ED37; /* yellow */
  		text-decoration: none;
  	}
		a:active {
  		color: #F8ED37; /* yellow */
  		outline: 0;
  	}
		a.current {color: #F8ED37; /* yellow */}

	.collections a,
	.bottom-nav a,
	.breadcrumbs a,
	#diy a {
  	color: #FFFFFF;
  	text-decoration: none;
	}
		.collections a:visited,
		.bottom-nav a:visited,
		.breadcrumbs a:visited,
		#diy a:visited {
			color: #FFFFFF;
  	}
		.collections a:hover,
		.bottom-nav a:hover,
		.breadcrumbs a:hover,
		#diy a:hover {
  		color: #00CCFF; /* lt-blue */
  	}
		.collections a:active,
		.bottom-nav a:active,
		.breadcrumbs a:active,
		#diy a:active {
			color: #00CCFF; /* lt-blue */
  		outline: 0;
  	}
	.pika-stage a,
	.item-description a {
  	color: #004DFF; /* blue */
	}
		.pika-stage a:visited,
	.item-description a:visited {
			color: #004DFF; /* blue */
  	}
		.pika-stage a:hover,
	.item-description a:hover {
  		color: #990073; /* magenta */
  	}

		/*--------  lists --------*/
				ul.basic { /* set for mobile first */
				  padding-left: 0;
			  }
					ul.basic li { 
						list-style-type: none;
					  margin-bottom: 20px;
				  }
						ul.basic time { 
				  	font-weight: bold;
			  		}
						ul.basic p { /* text indent for sub-lines */
				  		margin: .5em 8%;
			  		}
						#diy .basic p { /* text indent for sub-lines */
				  		margin: 0;
			  		}
			  		ul.basic img {
			  			float: left;
			  			width: 100px;
			  			margin-right: 10px;
			  		}
				ul.star { /* set for mobile first */
				  padding-left: 0;
			  }
					ul.star li { 
					  list-style-image: url(../img/star.jpg);
					  margin-bottom: 20px;
				  }
				ul.starpink { /* set for mobile first */
				  padding-left: 0;
			  }
					ul.starpink li { 
					  list-style-image: url(../img/starpink.jpg);
					  margin-bottom: 20px;
				  }
				ul.swatches {
					max-width: 525px;
					margin: 1em auto;
				  padding: 0;
				  text-align: center;
			  }
					ul.swatches li { 
						display: inline-block;
					  list-style-type: none;
					  max-width: 125px;
					  margin: 3px 1px;
				  }
				.categories { /* books main page */
					padding-left: 0;
				}
					.categories li { 
					  list-style-type: none;
					  width: 100%;
					  margin: 3px 0;
				  }
				  	#category a {
				  		display: block;
				  	}
				  	#category img {
				  		max-width: 100px;
				  		margin-right: 10px;
				  	}
	
		/*-------- forms, buttons &amp; search box --------*/
button, input, select, textarea {
  margin: 0;
  vertical-align: middle;
}
button, input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
	height: auto;
  overflow: auto;
  vertical-align: top;
}
.btn,
input.gsc-search-button,
#___gcse_0 input.gsc-search-button {
  display: inline-block;
  *display: inline;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #FFFFFF, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #FFFFFF, #e6e6e6);
  background-image: -o-linear-gradient(top, #FFFFFF, #e6e6e6);
  background-image: linear-gradient(top, #FFFFFF, #e6e6e6);
  background-image: -moz-linear-gradient(top, #FFFFFF, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
input.gsc-search-button:hover,
input.gsc-search-button:active,
input.gsc-search-button.active,
input.gsc-search-button.disabled,
input.gsc-search-button[disabled]  {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active,
input.gsc-search-button:active,
input.gsc-search-button.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover,
input.gsc-search-button:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus,
input.gsc-search-button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active,
input.gsc-search-button.active,
input.gsc-search-button:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
		div#cse-search-form,
		#___gcse_0 {
			width: 270px;
			margin: 0 auto;
			text-align: center;
		}
				input#gsc-i-id1.gsc-input {
					background-color: #f5f5f5 !important;
					font-size: 12px;
				}
					input#gsc-i-id1.gsc-input:focus {
						outline: -webkit-focus-ring-color auto 5px !important;
					}
			td.gsc-search-button {
				 padding: 0 12px;
			}
				#___gcse_0 input.gsc-search-button {
					font-weight: normal;
					font-family: sans-serif;
					color: #666666;
					padding: 2px 6px 3px 6px;
					min-width: 49px;
				 }
				.gsc-clear-button {
					display: none;
				}
		table.gsc-branding {
			display: none !important;
		}

		/* -------- helper classes --------*/
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
br {clear:both;}
.nodisplay {display:none !important; visibility:hidden;}
.noborder {border:0;}
.nomargin {margin:0;}
	.spacer-bottom {margin-bottom:40px;}
.nopadding {padding:0;}
.nofloat {float:none;}
.center {float:none;margin-right:auto;margin-left:auto;text-align:center;}
.img300 {max-width: 300px;}
.left, .right {float:none; /* mobile first */}
.align-left {text-align: left;}
.white {color: #FFFFFF;}
.black {color: #000000;}

   	/*-------- print styles --------*/
@media print {
  * {background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;} 
  a, a:visited {text-decoration:underline;}
  abbr[title]:after {content:" (" attr(title) ")";}
  pre, blockquote {border:1px solid #999999; page-break-inside:avoid;}
  img {page-break-inside:avoid;}
  @page {margin:0.5cm;}
  p, h2, h3 {orphans:3; widows:3;}
  h2, h3 {page-break-after:avoid;}
  .noprint {
  	display: none !important;
  }
}

		/* -------- media queries --------*/
@media screen and (min-width: 480px) {	
					.collectionlist ul { width: 60%; }	
					#store .books {
						float: left;
						width: 50%;
						margin-bottom: 5%;
					}	
					ul.categories li { 
						float: left;
					  width: 50%;
				  }
}	
@media screen and (min-width: 500px) {	
				#store h1,
				#shop h1 {
					float: left;
					width: 50%;
				}
				#store header ul,
				#shop header ul {
					float: right;
					width: 50%;
					margin: 0;
				}
					.product-list li {
						float: left;
						min-height: 265px;
					  margin: 0 15px 15px;
					}
}	
@media screen and (min-width: 600px) {
			.logo { width: 40%; }
			nav { /* small tablet text menu formatting */
				padding-top: 1%;
				text-align: center;
			}
				a.menu-btn { display: none; /* mobile menu */ }
				nav ul {
					display: block; /* non-mobile menu */
					position: static;
					right: auto;
					width: auto;
					margin: 0 auto;
					background-color: transparent;
					border-radius: 0;
					border: 0;
					text-align: center;
  			}
					nav ul li:hover &gt; ul { display: block; }
					nav ul li {
						display: inline-block;
						border: 0;
						border-right: 1px solid #990073;
					}
						nav ul li a {
							padding: 0;
							margin: 0 20px;
						}
						nav ul ul {
							position: absolute; 
							top: auto;
							width: 22%;
							margin-left: -1px;
							padding: .5% 0 0 0;
							background-color: #000000;
							border-radius: 0 0 5px 5px;
							border: 1px #990073;	/* magenta */
							border-style: none solid solid;
							z-index: 12;
						}
							nav ul ul li {
								float: none;
								width: 100%;
								text-align: left;
							}	
								nav ul ul li a {
									margin: 0;
									padding: 3% 8%;
								}				
								nav ul ul li a:hover {
									background-color: #990073;	/* magenta */
								}
								nav ul ul ul {
									position: absolute; 
									top: 2%;
									left: 100%;
									width: 100%;
									padding: .5% 0 0;
									border-style: solid;
								}
									nav ul ul ul li {
										border: 0;
									}
										nav ul ul ul li a {
											padding: 4% 6%;
										}
			.sub-nav {	
				margin-top: 3%;
				padding: 2px 10px 1px;
			}
				.breadcrumbs {
					float: left;
					width: 50%;
					padding: 2px 0 0 2%;
					border: 0;
					font-size: .75em; /* 12px */
					text-align: left;
				}
				div#cse-search-form,
				#___gcse_0 {
					float: right;
					margin: 0;
					text-align: right;
				}
			.column-third {
				float: left;
				width: 50%;
			}
			aside {
				float: left;
				width: 33%;
				height: 100%;
				padding: 3% 5%;
				text-align: left;
			}
				aside a { line-height: 2.25em; }
				#store .block,
				#bookstore .block,
				#diy .block {
					margin-bottom: 5%;
				}
				#store .block,
				#diy .block {
					float: left;
					width: 50%;
				}	
				#bookstore .block {
					text-align: left;
				}
						#bookstore img {
							width: 25%;
							margin: 0 5%;
						}
				#diy .block {
					min-height: 290px;
				}
						#miniref .block &gt; img {
							float: left;
							width: 50%;
							margin: 0 5% 5% 0;
						}		
.left {float: left; }
.right {float: right; }
}
@media screen and (min-width: 701px) {	/* two-column layout */
body {
	font-size: 15px;
	line-height: 1.68em;
}
			.logo {
				float: left;
				margin: 1%;
			}
			nav { /* larger screen nav formatting */
				float: right;
				width: 58%;
				max-width: 650px;
				padding-top: 4%;
				text-align: center;
			}
						nav ul ul {
							font-size: .85em;
						}
			.sub-nav {	margin-top: 0; }
			.column {
				float: left;
				width: 50%;
				padding: 2% 5% 2% 0;
			}
			#miniref .column {
				float: none;
				width: 100%;
				padding: 2% 4%;
			}
			.column-center { width: 80%; }
				ul.basic,
				ul.star,
				ul.starpink {
					padding-left: 40px;
				}
				.border-block ul.basic,
				.border-block ul.star,
				.border-block ul.starpink { padding-left: 0 6.5%; }
		footer {
			padding: 40px 6.5%;
		}
					.collectionlist ul {
						width: 100%;
						margin-left: 15%;
						padding-top: 5%;
					}
						.collectionlist span { /*CSS for enlarged image*/
							position: absolute;
							left: -1000px;
							visibility: hidden;
							text-decoration: none;
						}
							.collectionlist span img { margin-left: 0; }
						.collectionlist li:hover span {
							display: block;
							visibility: visible;
							top: 0;
							left: 96%;	/* horizontal offset for preview image */
							width: 100%;
							z-index: 5;
						}
					.stage { padding-left: 0; }
				#store .block,
				#bookstore .block,
				#diy .block {	
					margin-top: 0;
				}
					#diy .block p {
						font-size: .875em; /* 14px */
					}
				#store .block { 
					width: 33%;
				}
					#store .books {
						width: 25%;
					}	
			#category, #specialty {
				width: 90%;
			}
}
@media screen and (min-width: 701px) and (max-width: 840px) {
			.logo { width: 35%; }
			nav {
				width: 63%;
			}
				.section-title {
					font-size: .85em;
				}
}
@media screen and (min-width: 701px) and (max-width: 920px) {
						#menu-diy { margin-left: -12%; }
			.ads { margin: 0 0 5% 0; }
}
@media screen and (min-width: 743px) {
body { font-size: 16px; }
}
@media screen and (min-width: 921px) {
				.section-title {
					font-size: 1.17em;	/* 18.75px */
				}
			aside { padding: 3% 8%; }
			.column-third {
				float: left;
				width: 33%;
			}
				#store .block {
					width: 25%;
				}
					#specialty .block {
						width: 33%;
					}
					ul.categories li { 
					  width: 33%;
				  }
				#diy .block {
					width: 33%;
					min-height: 305px;
				}
			.ads { margin: 0 0 2% 0; }
				  	.no-js .product-list li {
				  		width: 45%;
						}
}
@media screen and (min-width: 921px)and (max-width: 1200px) {
						nav ul ul { width: 15%; }
						#menu-diy { margin-left: -6%; }
}
@media screen and (min-width: 1100px) {
			#miniref .column {
				float: left;
				width: 50%;
				padding: 2% 5% 2% 0;
			}
}
@media screen and (min-width: 1201px) {
						nav ul ul { width: 12%; }
						#menu-diy { margin-left: -2%; }
					#diy .block p { font-size: 1em; }
}</pre></body></html>