/* CSS Knitting Insitute */

/* ------------------ Main Elements ------------------ */
body {
	text-align:center;
	background-image: url(/images/background.gif);
	background-repeat: repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
}
/* ---------------------- Navbar ---------------------------- */
div#topbar {
	width:975px;
	height:180px;
	margin-right:auto;
	margin-left:auto;
}
div#logo {
	width:470px;
	height:104px;
	float:left;
}
div#block1 {
	width:505px;
	height:21px;
	float:left;
}
div#banner {
	width:468px;
	height:60px;
	float:left;
	background-color:#FFFFFF;
}
div#block3 {
	width:37px;
	height:60px;
	float:left;
}
div#block2 {
	width:505px;
	height:23px;
	float:left;
}
div#nav {
	width:975px;
	height:54px;
	background-image:url(/images/topbar/menubar.gif);
	background-repeat:no-repeat;
	float:left;
}
div#nava {
	width:975px;
	height:32px;
	float:left;
	padding:10px 0px 0px 0px;
}
div#fade {
	width:975px;
	height:22px;
	float:left;
}
/* ------------------ Page Area --------------------------- */
div#frame {
		width:975px;
		margin-right:auto;
		margin-left:auto;
  		padding:0px 0px 0px 0px;
		text-align:left;
		/*border-left: 1px solid #9C9A94;
		border-right: 1px solid #9C9A94; */
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
}
/* ------------------ Main Area---------------------------- */
div#content {
	width:790px;
	float:left;
	margin:15px 10px 0px 0px;
}
/* ------------------ Ad Block---------------------------- */
div#adblock {
	width:170px;
	float:right;
	text-align:right;
	margin:15px 0px 15px 0px;
}
div#banner1 {
	width:160px;
	text-align:right;
	margin:0px 0px 0px 0px;
}
div#banner2 {
	width:160px;
	text-align:right;
	margin:15px 0px 0px 0px;
}
div#banner3 {
	width:160px;
	text-align:right;
	margin:15px 0px 0px 0px;
}
div#banner4 {
	width:160px;
	height:600px;
	text-align:right;
	margin:15px 0px 0px 0px;
	background-color:#000000;
}
/* ------------------ Footer------------------------------ */
div#footer {
	width:100%;
	height:83px;
	float:left;
	background-image:url(/images/footer.gif);
	background-repeat: repeat-x;
}
div#footer1 {
	width:975px;
	height:83px;
	margin-right:auto;
	margin-left:auto;
	background-image:url(/images/footerback.gif);
	background-repeat:no-repeat;

}
div#footer2 {
	width:975px;
	height:73px;
	text-align:left;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a.footer:link {
	font-family: Arial, Verdana;font-size: 11px;color: #FFFFFF;text-decoration: none;font-weight: bold;
}
a.footer:visited {
	font-family: Arial, Verdana;font-size: 11px;color: #FFFFFF;text-decoration: none;font-weight: bold;
}
a.footer:hover {
	font-family: Arial, Verdana;font-size: 11px;color: #000000;text-decoration: underline;font-weight: bold;
}
a.footer:active {
	font-family: Arial, Verdana;font-size: 11px;color: #000000;text-decoration: underline;font-weight: bold;
}
/* --------------------- Links --------------------- */
a:link {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;text-decoration: none;font-weight: bold;}
a:visited {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;text-decoration: none;font-weight: bold;}
a:hover {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;color: #DF5D5D;text-decoration: underline;font-weight: bold;}
a:active {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;color: #DF5D5D;text-decoration: underline;font-weight: bold;}
a.mag:link {font-family: Georgia, Palatino, Times New Roman;font-size: 18px;color: #a7929e;text-decoration: none; font-weight: bold;}
a.mag:visited {font-family: Georgia, Palatino, Times New Roman;font-size: 18px;color: #a7929e;text-decoration: none; font-weight: bold;}
a.mag:hover {font-family: Georgia, Palatino, Times New Roman;font-size: 18px;color: #60a8b9;text-decoration: underline; font-weight: bold;}
a.mag:active {font-family: Georgia, Palatino, Times New Roman;font-size: 18px;color: #60a8b9;text-decoration: underline; font-weight: bold;}
a.free:link {font-family: Georgia, Palatino, Times New Roman;font-size: 12px;color: #666666;text-decoration: none; font-weight: bold;}
a.free:visited {font-family: Georgia, Palatino, Times New Roman;font-size: 12px;color: #666666;text-decoration: none; font-weight: bold;}
a.free:hover {font-family: Georgia, Palatino, Times New Roman;font-size: 12px;color: #DF5D5D;text-decoration: underline; font-weight: bold;}
a.free:active {font-family: Georgia, Palatino, Times New Roman;font-size: 12px;color: #DF5D5D;text-decoration: underline; font-weight: bold;}
a.pagelink:link {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #903F98;text-decoration: none;font-weight: bold;}
a.pagelink:visited {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #903F98;text-decoration: none;font-weight: bold;}
a.pagelink:hover {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #DE9E74;text-decoration: underline;font-weight: bold;}
a.pagelink:active {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #DE9E74;text-decoration: underline;font-weight: bold;}

/* --------------------- Headers --------------------- */
h1, h2, h3 {
  font-family: Georgia, Palatino, Times New Roman;
  font-weight:normal;
  text-decoration: none;
  clear:both;
  }
h1 {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-size:48px;
  color:#60a8b9;
  }
h2 {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-size:20px;
  color:#5176a3;
  }
h3 {
  font-size:14px;
  color:#FFFFFF;
  font-weight:bold;
  font-style:normal;
  }
.essenth1 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 48px;
	color: #cda684;
	text-decoration: none;
	font-weight: normal;
  }
.freeh1 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 48px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
  }
.freeminih2 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 38px;
	color: #60a8b9;
	text-decoration: none;
	font-weight: normal;
  }  
.freehomeh2 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 38px;
	color: #94a59c;
	text-decoration: none;
	font-weight: normal;
  }  
.freequickh2 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 38px;
	color: #908caf;
	text-decoration: none;
	font-weight: normal;
  }
.freefunh2 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 38px;
	color: #c99b83;
	text-decoration: none;
	font-weight: normal;
  }  
.linkh1 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 48px;
	color: #c68e8f;
	text-decoration: none;
	font-weight: normal;
  }       
.yarnh1 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 48px;
	color: #278fbf;
	text-decoration: none;
	font-weight: normal;
  } 
.galleryh1 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 48px;
	color: #94a59c;
	text-decoration: none;
	font-weight: normal;
  } /* --------------------- Text Spans --------------------- */
.maglinktxt {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 17px;
	color: #a7929e;
	text-decoration: none;
	font-weight: normal;
}
.magsynopsis {
	font-family: Arial, Verdana;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
} 
.maghead {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 20px;
	color: #5176a3;
	text-decoration: underline;
	font-weight: normal;
}
.newsubhead {
	font-family: Georgia, Palatino, Times New Roman;
	font-size:20px;
    color:#60a8b9;
	font-weight: normal;
}
.newsintro {
	font-family: Arial, Verdana;
	font-size:12px;
    color:#39646E;
	font-weight: normal;
}

/* --------------------- Image Floats --------------------- */
img.magcover { 
	float: left;
	margin-right: 30px;
	margin-left: 0px;
	margin-top: 0px;  
	margin-bottom: 6px; 
}
/* --------------------- Main page content Divs --------------------- */
div#pagebar {
	width:790px;
	/*background-color:#DDDDDD;*/
	text-align:left;
}
div#mag1 {
	width:790px;
	/*height:320px;*/
	text-align:left;
	padding:15px 0px 0px 0px;
}
div#mag2 {
	width:790px;
	text-align:left;
	padding:15px 0px 15px 0px;
}
div#essent1 {
	width:790px;
	text-align:left;
	padding:15px 0px 15px 0px;
}
div#essent2 {
	width:790px;
	text-align:left;
	padding:15px 0px 15px 0px;
}
div#free1 {
	width:790px;
	text-align:left;
	padding:15px 0px 0px 0px;
}
div#free2 {
	width:790px;
	text-align:left;
	padding:0px 0px 15px 0px;
}
div#free3 {
	width:790px;
	text-align:left;
	padding:0px 0px 15px 0px;
}
div#free4 {
	width:790px;
	text-align:left;
	padding:0px 0px 15px 0px;
}
div#free5 {
	width:790px;
	text-align:left;
	padding:0px 0px 15px 0px;
}
div#link1 {
	width:790px;
	text-align:left;
	padding:15px 0px 15px 0px;
}
div#link2 {
	width:390px;
	text-align:left;
	float:left;
	padding:15px 0px 15px 5px;
	background-color:#f5e9e9;
}
div#link3 {
	width:389px;

	text-align:left;
	float:left;
	padding:15px 0px 15px 5px;
	background-color:#f5e9e9;
	border-left: 1px solid #c68e8f;
}
div#gallery1 {
	width:975px;
	text-align:left;
	padding:0px 0px 15px 0px;
}
/* --------------------- Essential Patterns Classes --------------------- */
td.factsheet
{
border-right: 1px solid #e7d3b5;
border-top: 1px solid #e7d3b5;
border-bottom: 1px solid #e7d3b5;
height: 161px;
width: 180px;
padding-left:10px;
text-align:center;
}
td.factsheetleft
{
border-top: 1px solid #e7d3b5;
border-right: 1px solid #e7d3b5;
border-bottom: 1px solid #e7d3b5;
background-color: #e7d3b5;
height: 161px;
width: 115px;
}
td.factsheetright
{
border-top: 1px solid #e7d3b5;
border-bottom: 1px solid #e7d3b5;
background-color: #e7d3b5;
height: 161px;
width: 115px;
}
td.factsheettext
{
height: 128px;
width: 160px;
text-align:center;
padding:0px 10px 0px 10px;
background-color:#efebe1;
}
td.factshtxtbord
{
background-color: #efebe1;
height: 128px;
width: 115px;
}
/* --------------------- Free Patterns Classes --------------------- */

/* ---------- Mini ------------ */
td.frmini
{
border-right: 1px solid #60a8b9;
border-top: 1px solid #60a8b9;
border-bottom: 1px solid #60a8b9;
height: 161px;
width: 180px;
padding-left:10px;
text-align:center;
}
td.frminileft
{
border-top: 1px solid #60a8b9;
border-right: 1px solid #60a8b9;
border-bottom: 1px solid #60a8b9;
background-color: #72b6c6;
height: 161px;
width: 115px;
}
td.frminiright
{
border-top: 1px solid #60a8b9;
border-bottom: 1px solid #60a8b9;
background-color: #72b6c6;
height: 161px;
width: 115px;
}
td.frminitxt
{
height: 128px;
width: 160px;
text-align:center;
padding:0px 10px 0px 10px;
background-color:#dff0f4;
}
td.frminitxtbord
{
background-color: #dff0f4;
height: 128px;
width: 115px;
}
/* ---------- Home ------------ */
td.frhome
{
border-right: 1px solid #94a59c;
border-top: 1px solid #94a59c;
border-bottom: 1px solid #94a59c;
height: 161px;
width: 180px;
padding-left:10px;
text-align:center;
}
td.frhomeleft
{
border-top: 1px solid #94a59c;
border-right: 1px solid #94a59c;
border-bottom: 1px solid #94a59c;
background-color: #94a59c;
height: 161px;
width: 115px;
}
td.frhomeright
{
border-top: 1px solid #94a59c;
border-bottom: 1px solid #94a59c;
background-color: #94a59c;
height: 161px;
width: 115px;
}
td.frhometxt
{
height: 128px;
width: 160px;
text-align:center;
padding:0px 10px 0px 10px;
background-color:#e1e7e4;
}
td.frhometxtbord
{
background-color: #e1e7e4;
height: 128px;
width: 115px;
}
/* ---------- Quick ------------ */
td.frquick
{
border-right: 1px solid #908caf;
border-top: 1px solid #908caf;
border-bottom: 1px solid #908caf;
height: 161px;
width: 180px;
padding-left:10px;
text-align:center;
}
td.frquickleft
{
border-top: 1px solid #908caf;
border-right: 1px solid #908caf;
border-bottom: 1px solid #908caf;
background-color: #908caf;
height: 161px;
width: 115px;
}
td.frquickright
{
border-top: 1px solid #908caf;
border-bottom: 1px solid #908caf;
background-color: #908caf;
height: 161px;
width: 115px;
}
td.frquicktxt
{
height: 128px;
width: 160px;
text-align:center;
padding:0px 10px 0px 10px;
background-color:#dad8ec;
}
td.frquicktxtbord
{
background-color: #dad8ec;
height: 128px;
width: 115px;
}
/* ---------- Fun ------------ */
td.frfun
{
border-right: 1px solid #c99b83;
border-top: 1px solid #c99b83;
border-bottom: 1px solid #c99b83;
height: 161px;
width: 180px;
padding-left:10px;
text-align:center;
}
td.frfunleft
{
border-top: 1px solid #c99b83;
border-right: 1px solid #c99b83;
border-bottom: 1px solid #c99b83;
background-color: #c99b83;
height: 161px;
width: 115px;
}
td.frfunright
{
border-top: 1px solid #c99b83;
border-bottom: 1px solid #c99b83;
background-color: #c99b83;
height: 161px;
width: 115px;
}
td.frfuntxt
{
height: 128px;
width: 160px;
text-align:center;
padding:0px 10px 0px 10px;
background-color:#ecdbd2;
}
td.frfuntxtbord
{
background-color: #ecdbd2;
height: 128px;
width: 115px;
}
/* --------------------- Blog CSS --------------------- */
div#blog1 {
	width:500px;
	float: left;
	/*height:320px;*/
	text-align:left;
	padding:15px 0px 0px 0px;
	margin:0px 15px 0px 0px;
	background-image:url(/blog/template_img/bg_blog.gif);
	background-repeat:repeat-x;
}
div#blog1a {
	width:480px;
	float: left;
	/*height:320px;*/
	text-align:left;
	padding:15px 10px 0px 10px;
}
div#blog2 {
	width:266px;
	float: left;
	/*height:320px;*/
	text-align:left;
	padding:15px 0px 0px 8px;
	background-image: url(/blog/template_img/bg_box.gif);
	background-repeat:repeat-x;
	background-color:#f8f8f8;
	border-bottom:solid 1px #e2e1e1;
	border-right:solid 1px #e2e1e1;
}
#d_body {
width:100%;
height:100%;
}
#d_outerbox {
width:780px;
}
#header { /* the header of the page */
width:780px;
height:60px;
padding:20px 0 0 10px;
margin:0;
}
.d_blog img { /*if you want a CSS class on images contained within blog content, borders and such */
}
/* header styles */
.content_header { /* header for blogs */
	font-size:20px;
	font-weight: normal;
}
.content_date { 
	font-size:1em;
	font-style:italic;
	font-weight:normal;
}
div.content_content {
margin-left:25px;
line-height:18px;
}
ul.linkList {
list-style:none;
list-style-image:none;
}
ul.linkList li {
padding-left:15px;
margin-top:6px;
background-image:url(/blog/template_img/white_arrow.png);
background-repeat:no-repeat;
}
ul.content_linkrow li {
display:inline;
padding-left:15px;
}
ul.content_linkrow li.author {
background-image:url(/blog/template_img/person.png);
background-repeat:no-repeat;
}
ul.content_linkrow li.comments {
background-image:url(/blog/template_img/comments.png);
background-repeat:no-repeat;
}
ul.content_linkrow li.plink {
background-image:url(/blog/template_img/plink.png);
background-repeat:no-repeat;
}

/* style for polls */
.pollName { /* header */
	font-size: 11px;
	font-weight: bold;
}
.poll { /* poll */
	font-size: 11px;
}

/* link styles */
/* links within Blog content */
.b_content A:link    { color: #000000; text-decoration:underline }
.b_content A:active  { color: #000000}
.b_content A:visited { color: #000000}
.b_content A:hover   { color: #000000}
/* links within Blog subtext */
.b_subtext A:link    { color: #000000; text-decoration:underline }
.b_subtext A:active  { color: #000000}
.b_subtext A:visited { color: #000000}
.b_subtext A:hover   { color: #000000}
/* links within Comments  */
.c_content A:link    { color: #000000; text-decoration:underline; font-weight:bold }
.c_content A:active  { color: #000000; font-weight:bold }
.c_content A:visited { color: #000000; font-weight:bold }
.c_content A:hover   { color: #000000; font-weight:bold }

/* headers as links */
h1 A, h1 A:hover {
text-decoration:none;
color:#000000;
}

/* calendar begin */


table#calendar {
	font-size:10px;
	width:100%;
}
table#calendar caption {
}
table#calendar a {
	text-decoration:none;
}
table#calendar tr#days th {
	color: #CCE;
	font-size:1em;
	font-weight: bold;
	padding: .3em 1px;
}
table#calendar tr#title th {
	font-size: 1em;

}
table#calendar td {
	width: 10px;
	height: 10px;
	color: #777;
	text-align: center;
	vertical-align: top;
	padding:3px;
}
table#calendar td a {
	font-weight: bold;
	display: block;
	width: 10px;
	text-align:center;
	padding:0 3px 0 3px;
}
table#calendar th a {
	font-weight: bold;
}


table#calendar .today {
	background-color: #f1f1f1;
	border:solid 1px #CCCCCC;
}
table#calendar p {
	font-size: 10px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align:center;
	
}
.dCenter 
{
margin-left: 15%;
margin-right: 15%;
}

/* calendar ends */


/* comments */
.c_cHeader {
border-bottom:solid 3px #dddbdb;
background-color:#f1f1f1;
padding:6px;
padding-bottom:2px;
color:#5176a3;
}
.c_contentPerson {
height:32px;
padding-left:44px;
}
.c_contentTop {
height:60px;
width:500px;
background-image: url(/blog/img/comment_bg1.gif);
background-repeat:no-repeat;
}
.c_content {
width:500px;
background-image:url(/blog/img/comment_bg2.gif);
background-repeat:repeat-y;
padding-left:24px;
padding-right:24px;
}
.c_contentBottom {
height:50px;
width:500px;
background-image:url(/blog/img/comment_bg3.gif);
background-repeat:no-repeat;
}

/* Commets form */
#f1 {
background-color:#f1f1f1;
border:solid 3px #dddbdb;
margin:8px;
padding:14px;
padding-top:2px;

}

#f1 input, #f1 textarea {
width:300px;
margin:5px 0 10px 0;
padding:4px;
border:2px dotted #dddbdb;
}

#f1 input {
height:18px;
}
 #f1 textarea {
 width:430px;
 }

#f1 input.selected,#f1 textarea.selected {
border:solid 2px #dddbdb;
}

#f1 input.btn {
width:60px;
height:26px;
}
/* --------------------- Gallery CSS --------------------- */
.Header {  background-color: #98A695}
.CurrentCategory {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF}
.CurrentDescription {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #F0F0F0}
.MainTable {  background-color: #b6c6bd; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: #000000 none; color: #FFFFFF}
.NavigationBar {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #F3F3F3; color: #000000}
.CategoriesList {  background-color: #FFFFFF}
.CategoriesList_category {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
.CategoriesList_description {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}
.FilesCellColor {  background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}