/* ------------------------------------------------------ 
CSS comments cannot be nested.
Border, margin, padding: Top Right Bottom Left
Hash marks are id and periods are classes
-------------------------------------------------------- */
img { border:0; }

body { 
	border:0; 
	margin:0; 
	padding:0;
	line-height: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:90%;
	background-color:#e6e6fa;
	text-decoration: none; 
	}

#header { 
	background-color:#8f8fff;
	min-height:75px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:75px; /* for IE5.x and IE6 */
	}
	
#menu { 
	font: 100% Arial, Helvetica, sans-serif; /* was 120% */
	float:left;
	width:140px; /* was 200px */
	background-color:#e6e6fa; 
	line-height: 2.5;
	min-height:550px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:550px; /* for IE5.x and IE6 */
	}
	
ul#nav { margin: 0; padding: 0; list-style: none; }

li { padding-top: 10px; padding-left: 20px; }

/* ||||||||||||| Menu stuff START */
#menu li { margin: 5px; 
	text-indent:1em;
	padding:0;
	}
#menu li a:hover { background: #fff; }
#menu li a { display: block; }
#menu li#here { background: #fff; }	
		
 * html #menu li a {  /* make hover effect work in IE */
	width: 140px; /* was 200px */
	}
/* ||||||||||||||| Menu stuff END */

*.lb { display:block; margin-top:0em; margin-bottom:0; }
*.lb1 { display:block; margin-bottom:0; margin-top:.5em; }
*.hang { text-indent:-1em; padding-left:1em; }
*.c { text-align:center; }
*.one { line-height:1em; }
*.hlf { line-height:.5em; }
*.padr2 { padding-right:2em; }
*.q { text-indent:-2em; 
	padding-left:2em; display:block; 
	margin-bottom:0; margin-top:.5em; 
	}

*.a { padding-left:2em; display:block; 
	margin-bottom:1.5em; margin-top:.25em; 
	}

ul.describe { 
	padding: 0 1em 0 0;
	margin: 0;
/*	text-align: top; */
	line-height: 1.3;
	list-style: none; 
	}

ul.lists { line-height: 1.5; }

.eyecatch { color:#990099; }
.catcheye { color:#CC0000; }
.xout { text-decoration:line-through; }

#bigtitle { text-align: left;
	font-size:175%;
	position: relative;
	top:10px;
	line-height:0; 
	}

h1, h2 { 
	font-family: Helvetica, Verdana, Arial, sans-serif; }

h1 { font-size:150%; }

h2 { font-size:125%; line-height: 1.25; }

p { line-height: 1.5; }

*.newline { display:block; margin-top:.7em; }

.bigpic { text-align:center; border:0; margin:0; padding:0; }
.medpic { text-align:left; border:0; margin:0; padding:0; }

p#crumb { margin: 0 0 10px 0; font-size: 75%; }

#content { 
	margin-left:140px; /* was 200px */
	background-color:#fff; 
	padding: 10px 0 5px 10px; 
	min-height:525px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:525px; /* for IE5.x and IE6 */
	}
	
h2.catalog { 
	border:0; 
	margin:0; 
	padding:5px 0 0 0;
	color: black;
	line-height: 1.5;
	 }

.readtext { line-height: 1.75; }
.catalog { line-height: 1.25; }
.pictitle { margin:0 0 0 1em; line-height: 1.25; }
.descrip { line-height: 1.5; padding:0 10em 1em 2em; }
li.last { line-height:1; }
.skill { color:#888fff; font-weight:bold; }
.hilite { background-color:#ffff99; font-size:105%; }
.padpat { padding-left:1em; }
 
table { background:white; }

table.swatch td { padding:7pt; }
.tinytext { font-size:75%; } 
.yarncard { font-size:80%; }
h2.yarncard { font-size:125%; line-height:.5; }

/* ******** TABLE BORDER *********** */	
td { border:0; padding:1em; background:white; }
.nopadtop { padding-top:0; }
td.between { 
	padding:0; 
	margin:0;
	line-height:.5;
	background-color:#e6e6fa; }

td.buy { font-size:100%;  padding-left:1.5em; }

/* |||||||||||||||||||||||||||||||||||||| 
table.yards { border:1px; background:white; }
.yards td { border:1px; color:#000; padding:1em; }
|||||||||||||||||||||||||||||||||||||| */

#footlink {
	clear: both; 
	padding: 0 0 1em 0;
	border: 0;
	margin: 0;
	font-size: 75%; 
	text-align: center; 
	width: 70%; 
	}

#footer { 
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF; 
	background-color:#8f8fff;
	min-height:75px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:75px;  /* for IE5.x and IE6 */
	} 

p#foot { 
	padding: 1em 0 0 0;
	border: 0;
	margin: 0;
	line-height:1.5em; 	
	}

