body {
margin:0px;
padding:0px;
background-color:#FFFFF6;
}

#nav {
width:100%;
height:120px;
}

#addy {
position:relative;
right:15%;
text-align:right;
padding-top:20px;
margin-right:20px;
float:right;
color:#605D3C;
font-family:Arial;
font-size:12px;
font-weight:bold;
}

#navbutton {
	margin:0px;
	padding:0px;
	width:95%;
	list-style:none;
	text-align:center;
	position:relative;
	left:50px;
	bottom:12px;
	overflow: visible;
}

#navbutton li {
	display:inline;
	margin:0px;
	padding:2px 0px 1px 0px;
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	white-space: nowrap;
}

#navbutton a:link,
#navbutton a:visited {
background:#999900;
color:#F7F3DE;
padding: 2px 8px 1px 8px;
margin:0px 2px 0px 2px;
border:1px solid #DCD9BB;
float:left;
width:94px;
text-decoration:none;
}

#navbutton a:hover {
color:#BD10BD;
background:#F7F3DE;
border:1px solid #BD10BD;
}

#navbutton .active {
color:#F7F3DE;
background:#BD10BD;
border:1px solid #F7F3DE;
padding: 2px 8px 1px 8px;
margin:0px 2px 0px 2px;
float:left;
width:94px;
}

#navbutton .storelink {
font-weight:bolder;
}

#leftside {
position:absolute;
top:140px;
left:0px;
width:20%;
height: 100%;
color:#605D3C;
font-family:Arial;
font-size:12px;
font-weight:bold;
}

#rightside {
/* Do not do this. It breaks the sidebar on the front page for some screen sizes.
 * Use a new stylesheet or use new classnames / idnames.
 * kthnx
 *	position:absolute;
 *	top:100px;
 *	right:0px;
 *	width:373px;
 *	left: 800px;
 *	overflow: visible;
 */
  position:absolute;
  top:140px;
  right:0px;
  width:10%;
  height:100%;

}

#content {
position:absolute;
top:175px;
left:20%;
width:70%;
color:#605D3C;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:18px;
background-color:#FFFFF6;
border: 5px solid #999900;
padding-top:10px;
padding-right:2px;
}

#footer {
position:relative;
bottom:0px;
margin:0px auto 0px auto;
padding-top:20px;
width:550px;
color:#605D3C;
font-family:Arial;
font-size:11px;
font-weight:bold;
}

#footer .copy {
text-align:center;
color:#BD10BD;
font-size:12px;
}

#index {position:absolute; top:1030px; left:80px;}


.title {color: #CC0000}

.newyarn {clear:both;}

.yarnblurb {padding-top:30px;}

.style-item {
	width:20%;
	height: 100%;
	color:#605D3C;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	background-color: #FFFFFF;
}
.style-item-1 {
	width:20%;
	height: 100%;
	color:#605D3C;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	background-color: #FFFFFF;
}
#storemenu {
	position:relative;
	top:1;
	right:25px;
	width:373px;
	height:20px;
	left: 650;
	color:#605D3C;
	font-family:Arial;
	font-size:10px;
	overflow: visible;
}
