/* 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:83px;
	text-align:left;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.footertxt {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
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:#6E4B39;
  }
h3 {
  font-size:14px;
  color:#FFFFFF;
  font-weight:bold;
  font-style:normal;
  }
.yarnh1 {
	font-family: Georgia, Palatino, Times New Roman;
	font-size: 48px;
	color: #39646E;
	text-decoration: none;
	font-weight: normal;
  } 
/* --------------------- Text Spans --------------------- */

.newsubhead {
	font-family: Georgia, Palatino, Times New Roman;;
	font-size:20px;
    color:#60a8b9;
	font-weight: normal;
}

/* --------------------- Main page content Divs --------------------- */
div#pagebar {
	width:790px;
	height:59px;
	/*background-color:#DDDDDD;*/
	text-align:left;
}
/* --------------------- 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(/yarn_reviews/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(/yarn_reviews/template_img/bg_box.gif);
	background-repeat:repeat-x;
	background-color:#f8f8f8;
	border-bottom:solid 1px #e2e1e1;
	border-right:solid 1px #e2e1e1;
	z-index: 1001;
}
#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(/yarn_reviews/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(/yarn_reviews/template_img/person.png);
background-repeat:no-repeat;
}
ul.content_linkrow li.comments {
background-image:url(/yarn_reviews/template_img/comments.png);
background-repeat:no-repeat;
}
ul.content_linkrow li.plink {
background-image:url(/yarn_reviews/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:#BA8F61;
}
.c_contentPerson {
height:32px;
padding-left:44px;
}
.c_contentTop {
height:60px;
width:500px;
background-image: url(/yarn_reviews/img/comment_bg1.gif);
background-repeat:no-repeat;
}
.c_content {
width:500px;
background-image:url(/yarn_reviews/img/comment_bg2.gif);
background-repeat:repeat-y;
padding-left:24px;
padding-right:24px;
}
.c_contentBottom {
height:50px;
width:500px;
background-image:url(/yarn_reviews/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;
}