body {/*border: 1px dashed pink;*/
	margin: 0; padding: 0 7% 20px;
	background-color: #034;
		font-size:100%;
	font-family: helvetica, verdana, sans-serif;
	}

h1, h2 {color:#222;}
h1 {text-align:center; margin:0 -40px; padding: 20px 20px 5px 20px; font-size: 1.8em;}
h2 {text-align:center; margin: 5px 20px 20px 20px; font-size: 1.3em;}
h2, h3, h4, h5, h6 {font-family: georgia, helvetica, sans-serif;}
h3, h4, h5 {margin-bottom:0.2em;}

p, dl {/*border: 1px dashed pink;*/
	margin:0;
	padding:3px 0;
	}

a {text-decoration:none;}
a:link		{color:#33c;} /*blue03f*/
a:visited	{color:#69c;} /*purple639  356*/
a:focus		{color:#c33;} /*green093*/
a:hover		{color:#c33;} /*green093*/
a:active	{color:#f60;} /*orangef60*/

/*69a grey-blue cdd light grey*/
#sitenav a:link		{color:#cdd;}
#sitenav a:visited	{color:#cdd;}
#sitenav a:focus	{color:#69a;}
#sitenav a:hover	{color:#69a;}
#sitenav a:active	{color:#69c;}


#pagenav a:link		{color:#69a;}
#pagenav a:visited	{color:#69a;}
#pagenav a:focus	{color:#7a8ca0;}
#pagenav a:hover	{color:#cdd;}
#pagenav a:active	{color:#c33;}

a img {border-style:none; }
.sml {font-size:0.75em; }
.big {font-size:1.15em; }


.fleftw {float: left; clear: left; margin-right: 5px;}
.flefts {float: left; margin-right: 5px; }
.frightw {float: right; clear: right; margin-left: 5px;}
.frights {float: right; margin-left: 5px;}

.ctr {display:block; clear: both;
	text-align: center;}


/*em.kn {font-style:normal; font-variant:small-caps;
	}*/

#container {
	margin: 0; padding: 0;
	background-color: #fff;
	color:#110;
	border-top: 1px solid #034;
	}






/*main content area*/


#main {/*border: 1px dashed yellow;*/
	margin: 0; padding: 0 40px 20px;
	border-color:grey;
	border-width: 0 3px 0 3px;
	background-color: #fff;
	background-image: url(/images/crnrright034.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	}

h1#toph {
	background-image: url(/images/crnrleft034.jpg);
	background-repeat: no-repeat;}
	
	
.pagenav {
	color:#999;
	font-family: arial, sans-serif;
	text-align:center;
	margin:0 20px 35px; padding:0;}
	
.pagenav li {display:inline;
	margin:0; padding:0;}
	

#idodo dt{/*border: 1px dashed green;*/
	float:left;
	font-weight:bold;
	font-size: 1.8em;
	margin: 3px 8px 3px 0;
	font-style:italic;
	color:#432;}


#idodo dd{/*border: 1px dashed teal;*/
	font-size: 1.1em;
	line-height:1.2em;
	margin: 0 0 14px 0;
	}

/*below main content*/


#k2f {border: 6px double #fc6;
	margin: 20px 15px 5px;
	padding:  10px;
	background-color: #fec;
	font-size: .9em;
	}

#k2f ul {/*border: 1px dashed yellow;*/
	margin:3px;
	}

#k2f p {/*border: 1px dashed red;*/
	padding: 0; 
	}

#k2f a {color:#34c;}

#footer {
	font-size:0.9em;
	line-height: 1em;
	color:#698;
	}

#footer a {
		color:#698;
		}


/*above main content*/

#header { /*border: 8px dashed fuschia;*/
	margin: 0; padding: 0 0 0 250px;
	text-align:center;
	height: 75px;
	background-image: url(/images/knitnaq75.jpg);
	background-position: 27px 0%; background-repeat: no-repeat;
	color:#8bb; /*was ccc*/
	font-weight:bold;
	 font-family:helvetica, arial,sans-serif;
	}
	
#header p {
	font-size:1.2em; line-height:1em; margin:0; padding-top:10px;
	font-family:helvetica;}
#header ul {margin:0; padding:10px 10px 5px 10px; font-size:1.3em;}
#header li {display:inline; padding:0; margin:0 2%;}


	


	
	

/*gallery page*/

	
#gallery {position:relative;}
	
div.design {/*border: 1px dashed lime*/;
	float: left;
	width:150px; height: 300px;
	text-align:center;
	margin-right:5px;}

img.thumb {border: 1px solid black;}

div.design h4 {margin:0; padding:3px;}

.design h4 a {}

p.describe {font-size: 0.8em; line-height:1em;}

div.design:hover {color:#000; background-color:#cde;}

.nok2f #k2f {display:none;}

/*other*/

ul.errata {margin:10px; padding:10px; border: 1px solid #666; list-style: inside disc; font-size:0.85em; color:#000;}

ul.errata p {padding: 5px 10px;}


.errata ins {color:#a11;}
.errata del {color:#666;}