/*{{{RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*}}}*/
/* {{{ elements */
body { color: #444; font-size: 10px; background: transparent url(/images/background/weathered-worn-grey.jpg) repeat scroll 0px 0px; font-family: Arial, sans-serif; }
b, strong { font-weight: bold; }
i { font-style: italic; }
a, a:link, a:visited, a:active { color: #4896C2; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
input { visibility: hidden; display: none; }
small { font-size: 10px; }

hr.hidden { visibility: hidden; display: block; }
select, .hidden { display: none; }

#blog:after,
#page:after,
#stockist:after,
#product:after,
#yarn:after,
#pattern:after,
#content:after,
.cleared:after { content: "."; display: block; clear: both; height: 0; margin: 0; visibility: hidden; }

/* }}} */
/* {{{ layout */
#header { padding: 0px 55px; }
#container { width: 1000px; margin: 30px auto; position: relative; }
#header { height: 200px; position: relative; }
#content { padding: 0px 18px; width: 854px; position: relative; }
#splash { width: 890px; }
#footer { width: 890px; }
#footer .inner { padding: 20px 0; }
#main { position: absolute; top: 200px; margin: 0px 55px; width: 890px; }

/* }}} */
/* {{{ container */
#container { background: transparent url(/images/background/sc-bkgd_footer.png) no-repeat scroll bottom center; overflow: hidden; }
#container .background_image { height: 100px; width: 100%; z-index: -1000; }
#background_1 { background-image: url(/images/background/sc-bkgd_01.png); }
#background_2 { background-image: url(/images/background/sc-bkgd_02.png); }
#background_3 { background-image: url(/images/background/sc-bkgd_03.png); }
#background_4 { background-image: url(/images/background/sc-bkgd_04.png); }
#background_5 { background-image: url(/images/background/sc-bkgd_05.png); }
#background_6 { background-image: url(/images/background/sc-bkgd_06.png); }
#background_7 { background-image: url(/images/background/sc-bkgd_07.png); }

/* }}} */
/* {{{ header */
#header { background-image: url(/images/background/sc-bkgd_header.png); position: relative; }

#header .header_img { position: absolute; top: 0px; left: 65px; }

#header .inner { text-align: right; padding-top: 15px; }

#header .search input { float: right; display: none; }

#header .nav { display: none; position: absolute; width: 240px; height: 138px; float: right; top: 91px; right: 85px; }
#header .nav li { width: 119px; height: 23px; float: left; margin-bottom: 3px; }
#header .nav li a { display: block; height: 23px; }
#header .nav li a:hover { text-decoration: none; }

/* }}} */
/* {{{ main */
#splash, #content { background-color: #F5F4F0; font-size: 1.2em; line-height: 130%; }
#content h2 { font-weight: bold; }
#content ul { margin-bottom: 12px; }
#content li { line-height: 120%; }
#content p { margin-bottom: 12px; line-height: 140%; }
#content ul.styled_list { list-style-image: url(/images/bullet.png); list-style-type: disc; margin-left: 12px; }

#content .heading { padding-top: 35px; }
#content .heading h3 { font-weight: bold; font-size: 18px; color: #CF5940; position: relative; width: 598px; }
#content .heading .pattern_sort { position: absolute; top: 11px; right: 125px; }

#content .column { float: left; }
#content .column_narrow h3 { margin-bottom: 6px; }

#content .form_wrapper .group { margin-bottom: 15px; }
#content .form_wrapper .group .submit_reset { float: left; margin-right: 10px; }

#content p.twitter img,
#content p.contact img,
#content p.rss img { margin-right: 5px; margin-bottom: -2px; }

#content .tweets li { margin-bottom: 10px; line-height: 140%; }
#content .tweets .time { color: #999; }

#content .share_this img { margin: 0px 5px -3px 0px; }

#content .krate_credit { position: absolute; bottom: 20px; right: 40px; }

#fContent img { float: left; }
#fContent .noflash { width: 856px; margin: 0px auto; }
#fContent .noflash a { width: 112px; margin: 0px auto; display: block; }
#fContent .noflash div { float: left; }
#fContent .noflash div a { display: inline; }
#fContent .noflash div img { clear: left; }

/* }}} */
/* {{{ pattern */
#pattern { margin-top: 20px; }

#pattern h1 { font-size: 18px; color: #CF5940; margin-bottom: 4px; }
#pattern h1 .small { font-size: 14px; }
#pattern .column_wide { width: 598px; margin-right: 50px; }
#pattern .column_narrow { width: 206px; }
#pattern .column_wide .column { width: 310px; position: relative; }
#pattern .column_wide .first_column { width: 278px; margin-right: 10px; }

#pattern .pattern_overlay_large { display: none; background: transparent url(/images/overlay/pattern-large.png) no-repeat scroll 0px 0px; height: 370px; width: 278px; position: absolute; top: 0px; left: 0px; }
#pattern .filter_sub_head { font-style: italic; }
#pattern .free_pattern_posts { margin-bottom: 25px; }
#pattern .extras { border-top: 1px dotted #444; padding-top: 20px; }
#pattern .pattern_corrections { margin-bottom: 20px; }

#pattern .patterns { margin-bottom: 0; }
#pattern .patterns li { float: left;  margin-right: 15px; margin-bottom: 4px; }
#pattern .patterns li.last { margin-right: 0px; }
#pattern .patterns .image_container { width: 148px; position: relative; min-height: 223px; }
#pattern .patterns .image_container img { margin-bottom: 0px; }

#pattern .pattern_overlay_small_1 { display: none; background: transparent url(/images/overlay/pattern-small-1.png) no-repeat scroll 0px 0px; height: 197px; width: 148px; position: absolute; top: 0px; left: 0px; }
#pattern .pattern_overlay_small_2 { display: none; background: transparent url(/images/overlay/pattern-small-2.png) no-repeat scroll 0px 0px; height: 197px; width: 148px; position: absolute; top: 0px; left: 0px; }
#pattern .pattern_overlay_small_3 { display: none; background: transparent url(/images/overlay/pattern-small-3.png) no-repeat scroll 0px 0px; height: 197px; width: 148px; position: absolute; top: 0px; left: 0px; }

#pattern .details { font-size: 11px; margin-bottom: 25px; }
#pattern .details p { margin-bottom: 5px; }
#pattern .details ul { margin-bottom: 5px; }

#pattern .pattern_meta { font-size: 11px; }
#pattern .pattern_meta li { margin-bottom: 3px; }
#pattern .pattern_meta li a { font-size: 12px; }

#pattern p.view_more { cursor: pointer; }
#pattern p.share_this { margin-bottom: 25px; }
#pattern p.store_locator { margin-bottom: 25px; }

#pattern_filter { margin-bottom: 25px; }

#pattern_pagination img { margin-bottom: 7px; }
#pattern_pagination span { float: left; margin-right: 5px; }
#pattern_pagination ul { margin-top: 1px; margin-bottom: 0px; }
#pattern_pagination li { color: #4896C2; float: left; margin-right: 5px; cursor: pointer; }
#pattern_pagination p { color: #4896C2; cursor: pointer; line-height: 130%; }
#pattern_pagination li.active { color: #444; cursor: default; }
#pattern_pagination li.view_all { border-left: 1px solid #444; padding-left: 5px; }

/* }}} */
/* {{{ yarn */
#yarn { margin-top: 20px; }
#yarn h1 { font-size: 18px; color: #CF5940; margin-bottom: 10px; }
#yarn h3 { font-size: 20px; font-weight: bold; margin-bottom: 15px; }

#yarn .yarns { width: 725px; margin: 0px auto; }
#yarn .yarns li { float: left; width: 214px; margin-right: 40px; height: 435px; }
#yarn .yarns li.last { margin-right: 0px; }

#yarn .yarns .image_container { width: 214px; }

#yarn .column_wide { width: 598px; margin-right: 50px; }
#yarn .column_wide p { width: 278px; }
#yarn .column_wide .color_detail { width: 278px; }
#yarn .column_narrow { width: 206px; }
#yarn .column_narrow p { margin-bottom: 20px; }

#yarn .details { margin-bottom: 20px; }
#yarn .details li { margin-bottom: 3px; }

#yarn .colors { float: right; width: 310px; }
#yarn .colors li { float: left; width: 60px; margin-right: 25px; }
#yarn .colors li img { width: 60px; }
#yarn .colors li.last { margin-right: 0px; }

#yarn .color_detail { position: relative; width: 278px; height: 278px; margin-bottom: 20px; }
#yarn .color_detail img { position: absolute; top: 0px; left: 0px; }

#yarn .related_patterns { margin-bottom: 25px; }

/* }}} */
/* {{{ product */
#product { margin-top: 20px; }

#product h1 { font-size: 18px; color: #CF5940; }
#product h1 .small { font-size: 14px; }
#product .column_wide { width: 598px; margin-right: 50px; }
#product .column_narrow { width: 206px; }
#product .column_wide .column { width: 310px; position: relative; }
#product .column_wide .first_column { width: 278px; margin-right: 10px; }

#product p.view_more a { cursor: pointer; margin-bottom: 25px; }
#product p.share_this { margin-bottom: 0px; }
#product p.store_locator { margin-bottom: 25px; }
#product p.rss { margin-bottom: 50px; }

/* }}} */
/* {{{ stockist */
#stockist { margin-top: 20px; }

#stockist .column_wide { width: 598px; margin-right: 50px; }
#stockist .column_wide .column { width: 293px; margin-right: 12px; }
#stockist .column_wide .last_column { margin-right: 0px; float: right; }
#stockist .column_narrow { width: 206px; }

#stockist #map { float: right; }
#stockist #address { width: 252px; float: left; }

#stockist .store_list { min-height: 293px; width: 293px; }
#stockist .store_list li { margin-bottom: 10px; }
#stockist .store_list li.marker:hover { background-color: #E7ECE6; }

#stockist .full_list { width: 598px; }
#stockist .full_list td { padding: 2px; }
#stockist .full_list .rule { background: transparent url(/images/rule-dash.png) repeat-x scroll 0px 4px; height: 10px; }
#stockist .full_list .country { text-transform: uppercase; }
#stockist .full_list .country td { font-weight: bold; }
#stockist .full_list .name { width: 200px; }
#stockist .full_list .website { text-align: right; width: 65px; }
#stockist .full_list .website img { margin-right: 5px; }

#stockist_pagination img { margin-bottom: 7px; }
#stockist_pagination span { float: left; margin-right: 5px; }
#stockist_pagination ul { margin-top: 1px; margin-bottom: 0px; }
#stockist_pagination li { color: #4896C2; float: left; margin-right: 5px; cursor: pointer; }
#stockist_pagination p { color: #4896C2; cursor: pointer; }
#stockist_pagination li.active { color: #444; cursor: default; }
#stockist_pagination li.view_all { border-left: 1px solid #444; padding-left: 5px; }

/* }}} */
/* {{{ blog */
#blog { margin-top: 20px; }
#blog .column_wide { width: 526px; margin-right: 50px; overflow: hidden; }
#blog .column_wide h2 { color: #79A58D; font-size: 24px; margin-bottom: 15px; margin-top: 5px; }
#blog .column_wide h2 a { color: #79A58D; text-decoration: none; }
#blog .column_wide h2 a:hover { text-decoration: underline; }
#blog .column_narrow { width: 278px; }

#blog .alignleft { float: left; }
#blog .alignright { float: right; }
#blog .entry { line-height: 140%; }
#blog .blog_rule { margin-bottom: 20px; width: 526px; }
#blog .post { margin-bottom: 20px; }
#blog .postmetadata { font-size: 10px; }

#blog #sidebar li { margin-bottom: 4px; }
#blog #sidebar li a { color: #444; text-decoration: none; }
#blog #sidebar li a:hover { color: #4896C2; text-decoration: underline; }
#blog #sidebar li.archives { float: right; width: 138px; }
#blog #sidebar li.categories { margin-bottom: 25px; width: 138px; float: left; }
#blog #sidebar li.favorites { margin-bottom: 25px; width: 138px; }
#blog #sidebar li.subscribe { margin-bottom: 10px; }
#blog #sidebar li.search { margin-bottom: 20px; }
#blog #sidebar .btn_subscribe { margin-bottom: -5px; }
#blog #sidebar li.free_patterns { margin-bottom: 25px; }
#blog #sidebar li.free_patterns li { float: left; margin-right: 5px; }
#blog #sidebar p.label { margin-bottom: 5px; }
#blog #sidebar #searchform input { float: left; }
#blog #sidebar li p.twitter, #blog #sidebar li p.rss { margin-bottom: 8px; }
#blog #sidebar li p.twitter a, #blog #sidebar li p.rss a, #blog #sidebar li p.contact a { color: #4896C2; }
#blog #sidebar .tweets li { margin-bottom: 10px; }

#blog h2.archivetitle { font-size: 1em; font-style: italic; font-weight: normal; }
#blog p.contact{ margin-bottom: 25px; }

#blog #comments { margin-bottom: 20px; }
#blog .commentlist .comment p { margin-top: 12px; }
#blog .commentlist .comment .reply { margin-bottom: 20px; font-size: 10px; }
#blog .commentlist .comment .children { margin-left: 40px; }

/* }}} */
/* {{{ page */
#page { margin-top: 20px; position: relative; }
#page .column_wide { width: 568px; }

/* }}} */
/* {{{ search */
#search_results { margin-top: 20px; }
#search_results h1 { color: #AAA; }
#search_results .column_wide { width: 568px; }

#search_results_pagination img { margin-bottom: 7px; }
#search_results_pagination span { float: left; margin-right: 5px; }
#search_results_pagination ul { margin-top: 1px; margin-bottom: 0px; }
#search_results_pagination li { color: #4896C2; float: left; margin-right: 5px; cursor: pointer; }
#search_results_pagination p { color: #4896C2; cursor: pointer; }
#search_results_pagination li.active { color: #444; cursor: default; }
#search_results_pagination li.view_all { border-left: 1px solid #444; padding-left: 5px; }

#more_patterns { width: 278px; height: 120px; margin-top: 20px; }

/* }}} */
/* {{{ styled dropdowns */
#pattern_filter li { height: 27px; }
#content ul.dropdown { color: #F5DED9; margin-bottom: 4px; position: relative; width: 161px; font-size: 11px; font-weight: normal; }
#content ul.dropdown li { background-color: #CF5940; height: 17px; padding: 4px 0px 2px 10px; cursor: pointer; margin: 0px; }
#content ul.dropdown li.inactive { background: transparent url(/images/dropdown-inactive.png) no-repeat scroll 0px 0px; position: relative; }
#content ul.dropdown li.active { background: transparent url(/images/dropdown-active.png) no-repeat scroll 0px 0px; position: relative; }
#content ul.items { position: absolute; top: 19px; left: 1px; width: 160px; z-index: 100; }
#content ul.items li { height: 14px; padding: 2px 10px; }
#content ul.items li:hover { color: #F1CDC6; background-color: #D97A66; text-decoration: none; }
#content ul.items li.bottom { background: transparent url(/images/dropdown-bottom.png) no-repeat scroll 0px 0px; height: 9px; cursor: default; }

/* }}} */
/* {{{ view more images */
#view_more_images { background: transparent url(/images/vm-popup-background.png) no-repeat scroll 0px 0px; position: absolute; top: 0px; left: 0px; width: 344px; height: 459px; margin-left: -55px; padding: 25px; }
#view_more_images .close { float: right; margin-bottom: 10px; }
#view_more_images .large_view { float: left; }
#view_more_images ul { float: right; clear: both; }
#view_more_images ul img { width: 50px; }

/* }}} */
/* {{{ browse more patterns */
#more_patterns { width: 278px; height: 120px; margin-top: 20px; }
#more_patterns div.viewer { background: transparent url(/images/box-browse.png) no-repeat scroll 0px 0px; position: relative; padding: 10px 31px ; width: 215px; height: 67px; }
#more_patterns div.port { position: relative; padding: 0; height: 67px; overflow: hidden; }
#more_patterns div.viewer .control { position: absolute; top: 10px; height: 67px; width: 18px; vertical-align: middle; cursor: pointer; }
#more_patterns div.viewer .control img { height: 28px; width: 14px; margin: 19px 2px; }
#more_patterns div.viewer .control_left { left: 6px; }
#more_patterns div.viewer .control_right { right: 6px; text-align: right; }
#more_patterns ul { position: absolute; width: 10000000px; height: 67px; margin: 0; }
#more_patterns li { float: left; margin-right: 5px; height: 67px; }
#more_patterns img { width: 50px; }
#more_patterns h2 { margin-bottom: 8px; }

/* }}} */
/* {{{ error */
#error { margin-top: 20px; }
#error h1 { font-size: 18px; color: #CF5940; }

/* }}} */
/* {{{ footer */
#footer { height: 106px; }
#footer .inner { background-color: #F5F4F0; }
#footer ul { width: 560px; height: 18px; margin: 0px auto; }
#footer li { float: left; }
#footer a { display: block; height: 18px; }
#footer a.email { background: transparent url(/images/footer/info-email.png) no-repeat scroll 0px 0px; width: 172px; }
#footer a.email:hover { background: transparent url(/images/footer/info-email.png) no-repeat scroll 0px -18px; }
#footer a.store_locator { background: transparent url(/images/footer/store-locator.png) no-repeat scroll 0px 0px; width: 110px; }
#footer a.store_locator:hover { background: transparent url(/images/footer/store-locator.png) no-repeat scroll 0px -18px; }
#footer a.contact { background: transparent url(/images/footer/contact-us.png) no-repeat scroll 0px 0px; width: 90px; }
#footer a.contact:hover { background: transparent url(/images/footer/contact-us.png) no-repeat scroll 0px -18px; }

/* }}} */

