/* 	

	Yarns International CSS

	gmmmm@washcp.com 

	Last modified: 3/13/2006 8:41PM

*/


html {margin: 0; padding: 0;}

body	 {
	background-color: #ffc;
	color: #000;
	margin: 5px 0 5px 0;
	padding: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {border: 0;}
td {vertical-align: top;}

h1 {font-size: 1.3em;}
h2 {font-size: 100%; background-color: #900; color: #ffc; padding: 0.1em;}

h3#bigDate {font-size: 85%; color: #900; font-weight: 400;}

.new {color: #f00; font-family: Arial; font-size: 75%; font-weight: 900;}




/*------------------- nav bar ----------------------------*/
	div#navcontainer {margin: 0 auto; width: 580px; padding: 0;}
	div#navcontainer img {display: block;}
	
	ul#navlist {
		list-style-type: none; text-align: center; 
		padding: 0; margin: 0;
		font-size: 75%;
		font-weight: 900;	
		line-height: 2.0em;
	}
	ul#navlist li {display: inline;}
	
	ul#navlist a {
		padding: 5px .2em 3px .2em; 
		margin: 0 .2em; 	
		text-decoration: none;
		}
	ul#navlist a:link, ul#navlist a:visited {color: #000; background-color: #EEE8AA;}
	ul#navlist a:hover, ul#navlist a#active {text-decoration: underline;}
	ul#navlist a:hover {color: #900;}
	ul#navlist  a#active:hover {color: #000;}
/*----------------END nav bar ----------------------------*/




table#main {
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	}

table#main td#left {
	width: 145px;
	}
table#main td#center {
	padding: 0 20px;
	width: 350px;
	font-size: .8em;
	}
table#main td#right {
	width: 140px;
	font-size: 75%;
	padding: 45px 0 0 20px;
	}

table#main td#centerAndRight {	
	padding: 0 0 0 20px;
	width: 530px;
	font-size: .8em;

}



div#featuredDesigns, div#shetCats {
	width: 126px;
	background-color: #ccc;
	padding: 3px;
	margin: 40px 0 0 0;
	}
	
div#featuredDesigns	{display: none;	}

div#shetCats {background-color: #9c6;}
div.shetBook {margin: 0 0 30px 0;}


/*	
div#sale {
	width: 80%;
	margin: 2.0em 0 20px 10px;
	padding: 0 0 .3em 0;
	border: solid 2px #900;
	text-align: center;
}
div#sale h2 {margin: 0; color: yellow; padding: .2em;}
div#sale div#date {margin: 0.5em 0; font-weight: 500; color: #f00;}
div#sale p {font-size: 85%; margin: 0 5px 0.4em 5px;}
*/




/* -------- ...of the Month (what's new.htm) ----------- */
h2.monthHeader {color: #ff0; width: 320px; background-color: #900; margin: 0; border: solid 1px #900; padding: 0 0 0 10px;}
div.month {
	width: 330px;
	background-color: #EEE8AA;
	margin: 0 0 15px 0;
	border: solid 1px #900;
}
h3.monthName {margin: 5px 0 5px 5px; font-size: small;}
img.monthPic {float: right; margin: 10px 5px 0 10px; border: solid 1px black;}	
p.monthDesigner {margin: 0 0 15px 5px; font-style: italic;}
p.monthDesc {margin: 0 0 5px 5px;}
/* -------- END Sweater of the Month (what's new.htm) ----------- */





/* -------- Yarn List table (listintro.htm) ----------- */

	div.newNotice {
		text-align: right;
		font: bold .75em Verdana, Arial, Helvetica, sans-serif;	
		color: #f00;
		margin: 0;
		width: 470px;

	}
	div.vendor {
		text-align: left;
		font: bold .9em Verdana, Arial, Helvetica, sans-serif;	
		color: #fff;
		background-color: #333;
		width: 474px;
		margin: 5px 0px -1px 1px;
		padding: 0 0 .2em 5px;
	}
	
	table.threads {/*width: 100%;*/ margin: 0 0 20px 0;}
	
	table.threads td {
		font: .9em Arial, Helvetica, sans-serif;
		text-align: center;
		padding: .2em 2px;
		margin: 0;
		background-color: #EEE8AA;	
	}
		
	tr.ylHeader td{
		font-weight: bold;
		background-color: #9c6;
		color: #333;
	}
	
	table.threads td.ylName {width: 130px; font-weight: bold; }
	table.threads td.ylPrice {width: 45px; }
	table.threads td.ylNeedle {width: 45px; }
	table.threads td.ylStitch {width: 60px; }
	table.threads td.ylYards {width: 35px; }
	table.threads td.ylFiber {width: 135px; }
	
	.miniRed {	color: #f00; font-size: .85em; margin-left: .5em;}
	
/* --------END Yarn List table (listintro.htm) ----------- */




/* ----------------- Instruction ---------------------------- */
/* Classes & Workshops */
div.classDate {margin: 5px 0 0 0px; font-size: 75%; color: #f00;}
div.classTitle {font-weight: bold; font-size: 95%; margin: .5em 0;}
div.classDescript {margin: 0 0 12px 0px;}
/* ----------------- END Instruction ------------------------- */




	


/*------------------- link styles ----------------------------*/
	/* link style for 'Featured Designs' */
a.fd:link, a.fd:hover, a.fd:active, a.fd:visited {
	color: #000;
	text-decoration: underline; 
	display: block;
	margin: .8em .2em .8em .2em;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
}

	/* link style for Shetland 2000 catalogs */
div.shetBook a:link, div.shetBook a:hover, div.shetBook a:active, div.shetBook a:visited {
	color: #000;
	text-decoration: underline; 
	display: block;
	margin: .3em .2em;
	font-size: .8em;
}

	
	/* link style for 'Back to the Top' */	
a.top:link, a.top:hover, a.top:active, a.top:visited {
	display: block;
	color: #000;
	text-decoration: underline;
	font-size: 75%;
	margin: .8em .2em 1.5em .2em;	
}	

	/* default link style - Bug in IE requires it to be listed last. */	
a {
	color: #900;
	text-decoration: underline;
}
/*------------------- END link styles ----------------------------*/







/* -------- Shetland books ----------- */

/*	div#shetlandBookMasthead {margin: 12px 0 0 10px; display: none;}		*/
	
	h1#shetlandBookHeader { 
		font-size: 1.1em;
		font-family: Times, 'Times New Roman', serif;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		margin: 10px 0 0 37px;
		}
	
	table#shetlandBook {margin: 0 35px; border: 2px solid #900;}
	
	table#shetlandBook td {background: #9c6; padding: 10px 30px; border: solid 1px black;}
	
	table#shetlandBook img {width: 250px; height: 250px; border: solid 2px black;}
	table#shetlandBook div.title {color: #fff; font-size: 1.0em; font-weight: bold; margin-bottom: .1em;}
	table#shetlandBook div.description {/* font-size: 75%; */ font: 75%/138% Verdana; margin-bottom: 1.1em;}
	table#shetlandBook div.price {font-size: 70%; margin-bottom: 1.1em; color: #666;}
	table#shetlandBook div.disclaimer {font-size: 65%; margin-bottom: 1.1em; color: #333; font-style: italic;}
		
	#backToShetland {margin: 20px 0 10px 10px; font-size: .8em;}
	
	#shetlandFooter{border-top: 2px solid #333; padding: 5px 0 10px 0px; margin: 5px 0 0 10px; font-size: .8em;}

/* -------- END Shetland books ----------- */




/* ------Blog iframe ----------------------------- */
iframe#three {height: 420px; margin-bottom: .8em;}
/* ------Blog iframe ----------------------------- */