html, body {height:100%; margin:0; padding:0;}
body {background: url(../../img/bg.png); color: #82560b; font: 12px/18px Arial, Helvetica, sans-serif;}
a, a:link, a:hover, a:visited {color: #82560b;}
.toggle_color:hover {color: #000;}
#container {width:904px; margin: 0 auto; }
#header {height:148px; background: url(../../img/header-bg.jpg); position:relative;}
#header * {margin:0; padding:0;}
img {border:none; margin:0; padding:0;}
#logo {position:absolute; left:33px; top:42px;}
#forum-blog {position:absolute; left:395px; top:0px; padding:14px 0px;}
a#forum, a#forum:link, a#forum:visited {display:block;width:119px; height:34px; background: url(../../img/b-forum.jpg) no-repeat;}
a#forum:hover {background: url(../../img/b-forum-hover.jpg) no-repeat;}
a#blog, a#blog:link, a#blog:visited {display:block; width:107px; height:31px; background: url(../../img/b-blog.jpg) no-repeat;}
a#blog:hover {background: url(../../img/b-blog-hover.jpg) no-repeat;}
a#shop, a#shop:link, a#shop:visited {display:block; width:254px; height:32px; background: url(../../img/b-shop.jpg) no-repeat; margin-top: 2px}
a#shop:hover {background: url(../../img/b-shop-hover.jpg) no-repeat; width:254px; height:32px; margin-top: 2px}
#search {position:absolute; right:26px; top:50px;}
input#img {margin-left:5px; vertical-align:middle;}

input[type="submit"] { border: 2px ridge #82560b; color: #82560b; background-color: #fff3e3; padding: 2px }
input[type="text"] { border: 1px solid #82560b }
textarea { border: 1px solid #82560b }

.make_large { cursor: pointer }

/* TOP MENU */
#topmenu {height:39px; margin:0; background: url(../../img/topmenu-bg.jpg); padding-left:44px;}
#topmenu a {display:block; float:left;}
a#about, a#about:link, a#about:visited {width:133px; height:39px; background: url(../../img/b-about.png) no-repeat;}
a#about:hover {background: url(../../img/b-about-hover.png) no-repeat;}
a#yarn, a#yarn:link, a#yarn:visited {width:104px; height:39px; background: url(../../img/b-yarn.png) no-repeat;}
a#yarn:hover {background: url(../../img/b-yarn-hover.png) no-repeat;}
a#models, a#models:link, a#models:visited {width:119px; height:39px; background: url(../../img/b-models.png) no-repeat;}
a#models:hover {background: url(../../img/b-models-hover.png) no-repeat;}
a#magazines, a#magazines:link, a#magazines:visited {width:131px; height:39px; background: url(../../img/b-magazines.png) no-repeat;}
a#magazines:hover {background: url(../../img/b-magazines-hover.png) no-repeat;}
a#knitted, a#knitted:link, a#knitted:visited {width:180px; height:39px; background: url(../../img/b-knitted.png) no-repeat;}
a#knitted:hover {background: url(../../img/b-knitted-hover.png) no-repeat;}
a#hobbies, a#hobbies:link, a#hobbies:visited {width:151px; height:39px; background: url(../../img/b-hobbies.png) no-repeat;}
a#hobbies:hover {background: url(../../img/b-hobbies-hover.png) no-repeat;}
#under-menu {height:57px; width:904px; background: url(../../img/under-menu.jpg) no-repeat;}

h1#news-heading {background:url(../../img/news.png) no-repeat 25px; height:17px; text-indent:-9999px; margin: 15px 0 ;}
h1#forum-heading {background:url(../../img/on-forum.png) no-repeat 25px; height:23px; text-indent:-9999px; margin: 15px 0 ;}
h1#vote-heading {background:url(../../img/vote.png) no-repeat 25px; height:23px; text-indent:-9999px; margin: 15px 0 ;}

#content {background: url(../../img/content-bg.jpg) repeat-y; padding: 0 85px; margin-top: -26px }
#footer {position:relative; background: url(../../img/footer.jpg); height:183px; }
a#links, a#links:link, a#links:visited {position:absolute; left: 500px; top:25px; width:85px; height:24px; background: url(../../img/b-links.jpg) no-repeat;}
a#links:hover {background: url(../../img/b-links-hover.jpg) no-repeat;}
a#contacts, a#contacts:link, a#contacts:visited {position:absolute; width:114px; left: 640px; top:25px; height:24px; background: url(../../img/b-contacts.jpg) no-repeat;}
a#contacts:hover {background: url(../../img/b-contacts-hover.jpg) no-repeat;}

a#genius, a#genius:link, a#genius:visited {position:absolute; width:154px; left: 87px; top:62px; height:46px; background: url(../../img/shield.jpg) no-repeat;}

#preloader {position:absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px;}

/* BOX MODELS */
.floating {float:left; margin-bottom:30px;}
.r-floating {float:right; width: 363px; margin-bottom:30px;}
.box{width:321px; background: url(../../img/box-bg.png) repeat-y; margin-top:10px;}
.bt {background: url(../../img/box-top.png) no-repeat 0 0;}
.bb {background: url(../../img/box-bottom.png) no-repeat 0 100%; padding:25px}
.box img {float:left; padding-right:15px;}
.box h1 {font: bold 1.3em Arial,Helvetica,sans-serif; margin:0 0 5px 0;}

.box2{width:488px; background: url(../../img/box2-bg.jpg) repeat-y;}
.bt2 {background: url(../../img/box2-top.jpg) no-repeat 0 0;}
.bb2 {background: url(../../img/box2-bottom.jpg) no-repeat 0 100%; padding:25px}
.box2 img {float:left; padding-right:15px;}
.box2 h1 {font: bold 1.3em Arial,Helvetica,sans-serif; margin:0 0 5px 0;}

.box3{width:363px; background: url(../../img/box3-bg.jpg) repeat-y;}
.bt3 {background: url(../../img/box3-top.jpg) no-repeat 0 0;}
.bb3 {background: url(../../img/box3-bottom.jpg) no-repeat 0 100%; padding:25px}
.box3 img {float:left; padding-right:15px;}
.box3 h1 {font: bold 1.3em Arial,Helvetica,sans-serif; margin:0 0 5px 0;}
.bb3 div {padding-bottom:1em;}

.box4{width:562px; background: url(../../img/box4-bg.jpg) repeat-y;}
.bt4 {background: url(../../img/box4-top.jpg) no-repeat 0 0;}
.bb4 {background: url(../../img/box4-bottom.jpg) no-repeat 0 100%; padding:25px;}

.box5{width:575px; background: url(../../img/box5-bg.jpg) repeat-y; margin:2em 0;}
.bt5 {background: url(../../img/box5-top.jpg) no-repeat 0 0;}
.bb5 {background: url(../../img/box5-bottom.jpg) no-repeat 0 100%; padding:25px;}

.box6{width:562px; background: url(../../img/box6-bg.jpg) repeat-y 0 29px;}
.bt6 {background: url(../../img/box6-top.jpg) no-repeat;}
.bb6 {background: url(../../img/box6-bottom.jpg) no-repeat 0 100%; padding:14px 23px;}

.box7{width:330px; background: url(../../img/box7-bg.jpg) repeat-y; margin-bottom:1em;}
.bt7 {background: url(../../img/box7-top.jpg) no-repeat 0 0;}
.bb7 {background: url(../../img/box7-bottom.jpg) no-repeat 0 100%; padding: 10px 18px;}

.box8{width:541px; background: url(../../img/box8-bg.jpg) repeat-y; margin:1em auto;}
.bt8 {background: url(../../img/box8-top.jpg) no-repeat 0 0;}
.bb8 {background: url(../../img/box8-bottom.jpg) no-repeat 0 100%; padding:10px 18px;}

.box9{width:225px; background: url(../../img/box9-bg.jpg) repeat-y 0 13px; float:right; margin:0 0;}
.bt9 {background: url(../../img/box9-top.jpg) no-repeat 0 0;}
.bb9 {background: url(../../img/box9-bottom.jpg) no-repeat 0 100%; padding: 10px 18px;}

.box10{width:544px; background: url(../../img/box10-bg.jpg) repeat-y 0 13px; margin:1em 0; }
.bt10 {background: url(../../img/box10-top.jpg) no-repeat 0 0;}
.bb10 {background: url(../../img/box10-bottom.jpg) no-repeat 0 100%; padding:10px 18px;}

.box11{width:320px; background: url(../../img/box11-bg.jpg) repeat-y 0 50px; margin:1em 0; }
.bt11 {background: url(../../img/box11-top.jpg) no-repeat 0 0;}
.bb11 {background: url(../../img/box11-bottom.jpg) no-repeat 0 100%; padding:25px;}
.box11 ul { padding-left: 0px }

/* YARN */
.musicstyle {width:565px; float:right; padding:1em 0;}
.musicstyle .desc {float:right; width:325px; padding-top:2em;}
.musicstyle .grid {float:left; width:186px; padding:1em 0; height:200px;}
.grid h1 {text-align:right; font-size:16px; padding-right:7px;}
#patt-div {width:180px; float:left;}
#mod-div {width:240px; float:right;}
#mod-div img {float:left; margin:4px;}
#add-block {background: url(../../img/music-style-bg.jpg) no-repeat 230px 0;}
hr {margin:2em 0; clear:both;}
.chapter {width:145px; padding-bottom:2em;}
.chapter ul a {text-decoration:none;} 
.chapter ul a:hover {text-decoration:underline;} 
.chapter ul {margin: 0; padding:0;}

.chapter li { padding:0.5em 0; list-style: none; }
.chapter ul ul {padding:0.5em 0 0 30px;}
.chapter ul ul li{padding:0.2em;}
.chapter ul ul li.active{list-style-image: url(../../img/li.jpg);}
#conclusion ul {width:230px; float:left;}
#conclusion li {list-style-image: url(../../img/li.jpg); vertical-align:bottom;}
#links img {margin:22px; vertical-align:middle;}

#love {text-align:right; width:250px; float:left;}
#hate {text-align:left;width:250px;float:right;}
#lh-bg {float:right; background: url(../../img/lh-bg.jpg) no-repeat 50% 0;  width:550px; padding:1em 0;}
#lh-bg li {font-weight:normal; padding:0.5em;}
.clearer {clear:both;}


/* FAMILY */
.family {width:565px; float:right; padding:1em 0;}
.family .left {float:left; padding: 0 1em 4em 0;}
.family .right {float:right; padding: 0 0 4em 1em;}
.family div {clear:both; padding-bottom:2em;}

.phil, .history, .patterns, .wheretobuy, .accords, .accords2, .magazines, .travels, .knit-histories {width:565px; float:right; padding:1em 0;}
.collections {width:595px; float:right; padding:1em 0;}
.accords2 .grid {float:left; width:113px; padding:1em 0; }
.accords .grid {float:left; width:110px; padding:5px 0; }
.accords .grid h1 input {padding-left:1em;}
.accords #yarn {margin:0 0 2em;}
.accords #yarn img {vertical-align:middle; padding:0 1.5em 0 0.5em;}
.accords #yarn input {vertical-align:middle;}
.accords #accord input, .accords #accord img {vertical-align:middle;}
.accords #accord input {margin-right:5px;}
/* PATTERNS */
.patterns .desc {float:right; width:325px }
.patterns .desc img {margin:0.5em 0;}
.patterns .desc select {width:140px; margin:5px;}
.patterns .grid {float:left; width:186px; height:140px;}
.patterns .grid2 {float:left; width:138px; height:212px;}
.links {padding:0 10px; vertical-align:bottom;}
.patterns li {list-style-image: url(../../img/p-li.jpg); margin: 0 0 0.5em 0px; vertical-align:bottom; padding:0;}
#slideshow {float:left; width:232px;}
#slideshow img {vertical-align:middle;}
#slideshow img#m {padding-bottom:0.5em;}
#recommended {clear:both;}
#recommended div.r {float:left; width:130px; height:140px; margin-right:6px;}
#recommended div.r h1 {text-align:left; font-size:16px; padding-left: 7px; margin:0;}

/* MODELS */
.box11 ul {margin-left:2em;}

.magazines .desc {float:right; width:325px; padding-top:2em;}
.magazines .grid {float:left; width:135px; height:205px;}


/* KNITTED WORLD*/
.record p img{float:left; padding-right:20px;}
.record {clear:both;}
.record h1{font: bold 1.4em Arial,Helvetica,sans-serif;}

.chapter a {font-weight:normal; text-decoration:none;}
.chapter a.active {font-weight:normal; text-decoration:underline;}
.chapter li.active > a { font-weight:bold}

hr {height:3px; color: #712620; background-color: #712620;}

.rating {
	cursor: pointer;
	margin: 2em;
	clear: both;
	display: block;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}
.cancel,
.star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.cancel,
.cancel a {background: url(../images/delete.gif) no-repeat 0 -16px;}

.star,
.star a {background: url(../images/star.gif) no-repeat 0 0px;}
	
.cancel a,
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -32px;
}


.overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}

.error {
  width: 25%;
  position: absolute;
  display: none;
  font-family: Georgia;
  font-size: 1.6em;
  background-color: #faa;
  border: 1px solid #e00;
}