/*
Theme Name: Yarn Harvest
Theme URI: http://www.blazersix.com/
Description: Custom theme developed for Yarn Harvest.
Version: 1.0
Author: Blazer Six, Inc.
Author URI: http://www.blazersix.com/
*/

a { color: #7faa12; text-decoration: none;}
a:hover { text-decoration: underline;}
a img { border-width: 0;}
body { margin: 0; padding: 0; color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 65%; text-align: center; background: url(images/page-bg.jpg) left top repeat;}


.comment { float: left; clear: both; margin: 0 0 30px 0; padding: 34px 0 0 0; width: 600px; background: url(images/divider-white.jpg) left top no-repeat;}
.comment .comment-meta { float: left; clear: both; margin: 0 0 10px 0; width: 600px; font-size: 1.8em;}
.comment .comment-meta .comment-author { font-weight: bold;}
.comment .comment-text { float: left; clear: both; width: 600px;}
.comment .comment-text li { font-size: 1.4em; line-height: 1.5;}
.comment .comment-text li li { font-size: 1em;}
.comment .comment-text p { margin: 0 0 1em 0; font-size: 1.4em; line-height: 1.5;}
.comment .comment-text p:last-child { margin: 0;}
.comment .comment-text ol,
.comment .comment-text ul { margin-top: 0; margin-bottom: 1em;}
.comment .comment-text ol:last-child,
.comment .comment-text ul:last-child { margin-bottom: 0;}
.comment-form .comments-title { margin: 0;}
.comment-form .comments-title em { font-size: .6em; font-weight: normal;}
.comment-form .form { width: 600px; background: url(images/divider-white.jpg) left top no-repeat;}
.comment-form .form div { width: 600px;}
.comment-form .form div div { width: 380px;}
.comment-form .form p { font-size: 1.4em; line-height: 1.5;}
.comment-form .form .button button { width: 144px; background-image: url(images/button-submit.jpg);}
.comments { float: left; clear: both; list-style: none; margin: 0; padding: 0; width: 600px;}
.comments-title { float: left; clear: both; margin: 0; padding: 15px 0 11px 0; width: 600px; font-size: 1.8em; background: url(images/divider-white.jpg) left top no-repeat;}
.content { float: left; clear: both; padding: 35px 0 50px 0; width: 960px;}
.content .primary { display: inline; float: left; margin: 0 0 0 240px; width: 680px;}
.content .secondary { display: inline; float: left; margin: 0 0 0 -880px; width: 160px;}
.footer { float: left; clear: both; width: 960px; background: url(images/content-bg.jpg) left top repeat;}
.footer .birdseed { display: inline; float: left; clear: both; margin: 0 40px; padding: 34px 0 30px 0; width: 880px; background: url(images/divider.jpg) left top no-repeat;}
.footer .birdseed p { float: right; margin: 0; font-size: 1.4em;}
.footer .birdseed ul { float: left; list-style: none; margin: 0; padding: 0;}
.footer .birdseed ul li { display: inline; margin: 0 5px 0 0; padding: 0 7px 0 0; font-size: 1.4em; border-right: 1px solid #c3d75b;}
.footer .birdseed ul li.last_item { margin: 0; padding: 0; border-width: 0;}
.footer .social { float: left; clear: both; padding: 50px 50px 30px 50px; width: 860px !important; width /**/: 960px; background: url(images/footer-top.jpg) left top no-repeat;}
.footer .social h2 { display: inline; float: left; margin: 15px 0 0 0; width: 135px; height: 13px; text-indent: -9999px; background: url(images/title-were-social.jpg) left top no-repeat;}
.footer .social ul { display: inline; float: right; list-style: none; margin: 0; padding: 0; width: 678px;}
.footer .social ul li { display: inline; float: left; margin: 0 25px 0 0;}
.footer .social ul li a { overflow: hidden; display: inline; float: left; margin: 7px 0 0 0; width: 132px; height: 26px; text-indent: -9999px; background: url(images/footer-facebook.jpg) left top no-repeat;}
.footer .social ul li.etsy a { margin: 12px 0 0 0; width: 66px; height: 32px; background: url(images/footer-etsy.jpg) left top no-repeat;}
.footer .social ul li.myspace a { margin: 0; width: 140px; height: 36px; background: url(images/footer-myspace.jpg) left top no-repeat;}
.footer .social ul li.ravelry { margin: 0;}
.footer .social ul li.ravelry a { margin: 0; width: 126px; height: 43px; background: url(images/footer-ravelry.jpg) left top no-repeat;}
.footer .social ul li.twitter a { margin: 11px 0 0 0; width: 114px; height: 23px; background: url(images/footer-twitter.jpg) left top no-repeat;}
.form { float: left; clear: both; width: 680px;}
.form div { float: left; clear: both; padding: 19px 0 15px 0; width: 680px; background: url(images/divider-white.jpg) left top no-repeat;}
.form div div { float: left; padding: 0; clear: none; width: 380px; background: transparent;}
.form div input,
.form div textarea { padding: 4px; width: 366px !important; width /**/: 380px; background: #f7f7d3; border: 3px solid #c8d772;}
.form div .label { display: inline; float: left; margin: 0 10px 0 0; padding: 5px 0; width: 100px; font-size: 1.6em;}
.form div .radio { padding: 0; width: auto !important; background: transparent; border-width: 0;}
.form .button { }
.form .button button { cursor: pointer; display: inline; float: left; margin: 0 0 0 110px; padding: 0; width: 220px; height: 40px; text-indent: -9999px; background: url(images/button-send-email.jpg) left top no-repeat; border-width: 0;}
.form .button button:hover { background-position: 0 -40px;}
.form #upload-fields input { margin-bottom: 5px;}
.errors { float: left; clear: both; margin: 0 0 25px 0; color: #ee0000;}
.header { position: relative; float: left; clear: both; width: 960px; height: 244px; background: url(images/header-bg.jpg) left bottom no-repeat;}
.header .logo { display: inline; float: left; margin: 27px 0 0 40px; width: 161px; height: 149px;}
.header .logo a { overflow: hidden; float: left; width: 161px; height: 149px; text-indent: -9999px;}
.header .message { position: absolute; top: 90px; left: 240px; margin: 0; width: 680px; color: #333224; font-size: 2.4em;}
.hentry { float: left; clear: both; width: 680px;}
.hentry h1 { margin: 0 0 10px 0; font-size: 2.4em;}
.hentry h2 { margin: 1em 0 10px 0; font-size: 2.2em;}
.hentry .entry li { font-size: 1.6em; line-height: 1.5;}
.hentry .entry li li { font-size: 1em;}
.hentry .entry li p { font-size: 1em;}
.hentry .entry p { margin: 0 0 1em 0; font-size: 1.6em; line-height: 1.5;}
.hentry .entry p:last-child { margin: 0;}
.hentry .entry ol,
.hentry .entry ul { margin-top: 0; margin-bottom: 1em;}
.hentry .entry ol:last-child,
.hentry .entry ul:last-child { margin-bottom: 0;}
.hentry .entry td,
.hentry .entry th { font-size: 1.6em;}
.nav { position: absolute; top: 27px; left: 240px; float: left; list-style: none; margin: 0; padding: 0 0 20px 0; width: 680px; background: url(images/divider.jpg) left bottom no-repeat;}
.nav li { float: left; padding: 0 20px 0 0; font-size: 1.8em; font-weight: bold; text-transform: lowercase;}
.nav li a { color: #32311b; text-decoration: none;}
.nav li a:hover { color: #7faa12;}
.nav li#nav-cart { position: absolute; top: -5px; right: 0; padding: 0;}
.nav li#nav-cart a { overflow: hidden; float: right; width: 100px; height: 30px; text-indent: -99999px; background: url(images/button-cart.jpg) left top no-repeat;}
.nav li#nav-cart a:hover { background-position: 0 -30px;}
/*.online-store { float: left; clear: both; margin: 10px 0 0 0; padding: 30px 0; background: url(images/divider-white.jpg) left top no-repeat;}
.online-store #colors { list-style: none; float: left; clear: both; margin: 0; padding: 0 0 20px 0; background: url(images/divider-white.jpg) left bottom no-repeat;}
.online-store #colors li { display: inline; float: left; margin: 0 20px 20px 0; width: 158px !important; width /**: 160px; height: 178px !important; height /**: 180px; background: #c8d772; border: 1px solid #c8d772;}
.online-store #colors li:hover { background-color: #7faa12;}
.online-store #colors li:hover a { color: #c8d772;}
.online-store #colors li img { margin: 0 0 7px 0; width: 138px !important; width /**: 158px; height: 98px !important; height /**: 118px; border: 10px solid #fff;}
.online-store #colors li strong { display: block; margin: 0 10px; color: #333; font-size: 1.125em; font-style: italic; font-weight: normal; line-height: 1;}
.online-store #colors li .purchase-link { display: block; margin: 0 10px; font-size: 0.875em; font-style: italic; line-height: 1;}*/
.page-template-page-wide-php .primary { margin: 0 40px; width: 880px;}
.page-template-page-wide-php .primary .hentry { width: 880px;}
.post-nav { float: left; clear: both; padding: 20px 0 0 0; width: 614px; font-size: 1.6em; font-weight: bold;}
.post-nav span#next,
.post-nav span #prev { float: left; width: 340px; text-align: left;}
.post-nav span#next { float: right; text-align: right;}
.pwidgets { float: left; clear: both; list-style: none; margin: 20px 0 0 0; padding: 34px 0 0 0; width: 880px; background: url(images/divider-white.jpg) left top no-repeat;}
.pwidgets li.widget { position: relative; display: inline; float: left; clear: none; margin: 0 35px 30px 0; width: 270px; font-size: 1.4em; line-height: 1.5;}
.pwidgets .widget .description p:last-child { margin: 0;}
.pwidgets .widget .head { position: relative; margin: 0 0 20px 0; padding: 10px; width: 248px !important; width /**/: 270px; height: 158px !important; height /**/: 180px; background: #fff; border: 1px solid #c8d96f;}
/*.pwidgets .widget .head:hover { background: #c8d772;}
.pwidgets .widget .head:hover h2.title { color: #fff; background-position: right -158px;}*/
.pwidgets .widget .head h2.title { position: absolute; bottom: 10px; left: 10px; margin: 0; padding: 5px 8px 0 0; color: #7faa12; font-size: 1.1em; font-weight: normal; line-height: 1; background: url(images/product-widget-bg.png) right top no-repeat;}
.pwidgets li.widget-1, .pwidgets li.widget-4, .pwidgets li.widget-7, .pwidgets li.widget-10, .pwidgets li.widget-13, .pwidgets li.widget-16 { clear: left;}
.pwidgets li.widget-3, .pwidgets li.widget-6, .pwidgets li.widget-9, .pwidgets li.widget-12, .pwidgets li.widget-15, .pwidgets li.widget-18 { margin-right: 0; clear: right;}
/*.retail-outlets { float: left; clear: both; width: 880px;}*/
.retail-outlets { list-style: none; float: left; clear: both; margin: 0; padding: 20px 0 0 0; width: 880px;}
.retail-outlets .widget { float: left; clear: none; margin: 0 0 30px 0; padding-right: 20px; width: 280px;}
.retail-outlets .widget p { margin: 0 0 .5em 0; font-size: .8125em;}
.retail-outlets .widget p.name { font-size: 1em; line-height: 1.2;}
.retail-outlets .widget-3, .retail-outlets .widget-6, .retail-outlets .widget-9, .retail-outlets .widget-12, .retail-outlets .widget-15, .retail-outlets .widget-18 { padding: 0;}
.retail-outlets .widget-4, .retail-outlets .widget-7, .retail-outlets .widget-10, .retail-outlets .widget-13, .retail-outlets .widget-16 { clear: left;}
.tutorials { float: left; clear: both; margin: 20px 0 0 0; width: 880px;}
.tutorials .widget { float: left; clear: both; padding: 50px 0 46px 0; width: 880px; background: url(images/divider-white.jpg) left top no-repeat;}
.tutorials .widget embed,
.tutorials .widget object { float: right;}
.tutorials .widget .description { float: left; width: 160px;}
.tutorials .widget .description h2 { margin-top: 0; font-size: 2em;}
.secondary .widget { float: left; clear: both; width: 160px;}
.secondary .widget_links,
.secondary .widget_mylinkorder { margin: 0 0 30px 0;}
.secondary .widget_text p { margin: 0 0 2em 0; font-size: 1.4em; font-style: italic;}
.secondary .widget_text p:last-child { margin: 0;}
.secondary .widget_text p .big { font-size: 1.6em; font-weight: bold;}
.secondary .widget_links .title,
.secondary .widget_mylinkorder .title,
.secondary .widget_yhcategories .title { margin-top: 0;}
.secondary .widget_links ul,
.secondary .widget_mylinkorder ul,
.secondary .widget_yhcategories ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #c8d772;}
.secondary .widget_links ul li,
.secondary .widget_mylinkorder ul li,
.secondary .widget_yhcategories ul li { margin: 0; padding: 0; border-bottom: 1px solid #c8d772;}
.secondary .widget_links ul li a,
.secondary .widget_mylinkorder ul li a,
.secondary .widget_yhcategories ul li a { display: block; margin: 0; padding: 10px 0; font-size: 1.8em; font-style: italic;}
.secondary .widget_links ul li a:hover,
.secondary .widget_mylinkorder ul li a:hover,
.secondary .widget_yhcategories ul li a:hover { padding: 10px 0 10px 10px; color: #fff; text-decoration: none; background: #c8d772;}
.wrapper { float: left; width: 100%; background: url(images/doodads-top.png) 50% top no-repeat;}
.wrapper2 { float: left; width: 100%; background: url(images/doodads-bottom.png) 50% bottom no-repeat;}
.wrapper3 { position: relative; margin: 0 auto 0 auto; width: 960px !important; width /**/: 1000px; text-align: left; background: #fff; border: 20px solid #c8d772; border-width: 0 20px;}

body#blog .content .primary { margin: 0 0 0 40px; width: 600px;}
body#blog .content .secondary { margin: 0 0 0 40px; width: 240px;}
body#blog .hentry { margin: 0 0 30px 0; width: 600px; background: url(images/divider-white.jpg) left top no-repeat;}
body#blog .hentry .meta { float: left; clear: both; margin: 0 0 20px 0; width: 600px; background: url(images/divider-white.jpg) left bottom no-repeat;}
body#blog .hentry .meta p { float: left; margin: 0; padding: 15px 29px 19px 25px; font-size: 1.4em; font-style: italic; background: url(images/divider-white-vertical.jpg) right top no-repeat;}
body#blog .hentry .meta p .comment-link { padding: 3px 0 3px 37px; background: url(images/icon-comment.png) 0 50% no-repeat;}
body#blog .hentry .meta p.byline { padding-left: 0;}
body#blog .hentry .meta p.byline abbr.published { border-width: 0;}
body#blog .hentry .title { float: left; clear: both; width: 600px; margin: 0; color: #7faa12; padding: 15px 0; font-size: 2.4em; font-weight: normal; background: url(images/divider-white.jpg) left bottom no-repeat;}
body#blog .widget { margin: 0 0 20px 0; padding: 24px 0 0 0; width: 240px; background: url(images/divider-white.jpg) left top no-repeat;}
body#blog .widget .title { margin: 0 0 10px 0; font-size: 1.8em;}
body#blog .widget_categories ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #c8d772;}
body#blog .widget_categories ul li { padding: 8px 0; font-size: 1.8em; font-style: italic; border-bottom: 1px solid #c8d772;}
body#blog .widget_search form { float: left; clear: both; padding: 3px; width: 224px !important; width /**/: 236px; background: #f7f7d3; border: 3px solid #c8d772;}
body#blog .widget_search form .search-button { float: right;}
body#blog .widget_search form .search-button button { cursor: pointer; float: left; width: 25px; height: 22px; text-indent: -9999px; background: url(images/search-button.png) left top no-repeat; border-width: 0;}
body#blog .widget_search form .search-field { float: left;}
body#blog .widget_search form .search-field input { width: 184px; color: #32311b; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; background: transparent; border-width: 0;}
body#blog .widget_search .title { display: none;}
body#blog .widget_text { font-size: 1.4em; line-height: 1.5;}
body#blog .widget_text p { font-size: 1em;}
body#blog .widget_text .big { font-size: 1.6em; font-weight: bold;}
body#blog .widget_text .subscribe-link { padding: 7px 0 7px 42px; background: url(images/icon-feed.png) 0 50% no-repeat;}
body#blog.search .hentry { margin: 0 0 20px 0; padding: 0 0 24px 0; background-position: left bottom;}
body#blog.search .hentry .entry p,
body#blog.search .hentry .entry li { font-size: 1.2em; line-height: 1.5;}
body#blog.search .hentry .title { margin: 0 0 5px 0; padding: 0; font-size: 1.6em; background: transparent;}
body#blog.search .search-title { margin: 0 0 10px 0; font-size: 2.4em;}

.home .footer .social { padding: 34px 50px 30px 50px; background: url(images/divider.jpg) 50% 0 no-repeat;}
#page-home { padding: 0 0 30px 0; background: url(images/content-bg.jpg) left top repeat;}
#page-home .hentry { float: left; clear: both; width: 960px; height: 430px; background: url(images/separator.png) left bottom no-repeat;}
#page-home .hentry .entry { display: inline; float: left; margin: 50px 0 0 40px; width: 340px;}
#page-home .hentry .entry p { color: #c3d261; font-size: 4.4em; font-style: italic; line-height: 1;}
#page-home .panel { display: inline; float: left; margin: 0 0 0 40px; width: 420px;}
#page-home .panel p { margin: 0 0 1em 0; font-size: 1.8em; line-height: 1.5;}
#page-home .panel .more { overflow: hidden; float: left; width: 260px; height: 40px; text-indent: -9999px; background-position: left top; background-repeat: no-repeat;}
#page-home .panel-about h2 { float: left; clear: both; margin: 0 0 25px 0; width: 420px; height: 55px; text-indent: -9999px; background: url(images/title-recycled-wool.jpg) left top no-repeat;}
#page-home .panel-about p em { color: #cb5d27; font-weight: bold;}
#page-home .panel-about .more { background-image: url(images/link-about-products.jpg);}
#page-home .panel-about .more:hover { background-position: 0 -40px;}
#page-home .panel-blog { margin: 0 0 0 40px;}
#page-home .panel-blog h2 { float: left; clear: both; margin: 0 0 25px 0; width: 420px; height: 40px; text-indent: -9999px; background: url(images/title-our-blog.jpg) left top no-repeat;}
#page-home .panel-blog h2 a { display: inline; float: left; margin: 0 0 0 188px; width: 32px; height: 32px;}
#page-home .panel-blog ul { float: left; clear: both; list-style: none; margin: 0 0 25px 0; padding: 0; width: 420px; background: url(images/divider.jpg) left bottom no-repeat;}
#page-home .panel-blog ul li { padding: 20px 0; background: url(images/divider.jpg) left top no-repeat;}
#page-home .panel-blog ul li a { font-size: 1.8em;}
#page-home .panel-blog ul li abbr { display: block; color: #32311b; font-size: 1.1em; text-transform: uppercase; border-width: 0;}
#page-home .panel-blog .more { width: 334px; background-image: url(images/link-visit-blog.jpg);}
#page-home .panel-blog .more:hover { background-position: 0 -40px;}
#page-home .primary { float: left; clear: both; margin: 0 0 30px 0; width: 960px; height: 430px; background-color: #fff; background-position: right bottom; background-repeat: no-repeat;}
#page-home #action-kk { display: inline; float: left; clear: both; margin: 0 40px 30px 40px; padding: 0 0 30px 0; width: 880px; font-size: 1.6em; line-height: 40px; background: url(images/divider.jpg) left bottom no-repeat;}
#page-home #action-kk a { overflow: hidden; float: right; width: 305px; height: 40px; text-indent: -9999px; background: url(images/button-knit-kits.jpg) left top no-repeat;}
#page-home #action-kk a:hover { background-position: 0 -40px;}

/*#page-products .primary { margin: 0 40px; width: 880px;}
#page-products .primary .hentry { width: 880px;}
#page-products .primary .hentry h2 { margin-top: 0;}*/

.aligncenter { display: block; margin-right: auto; margin-left: auto;}
.alignleft { float: left; margin: 3px 10px 0 0;}
.alignright { float: right; margin: 3px 0 0 10px;}
.screen-reader-text { display: none;}