/*
Theme Name: Knit Picks Theme
Author: CAG
Author URI: http://www.knitpicks.com/
Version: 1.0
*/

@font-face {
	font-family: 'MuseoSlab-500';
	src: url('/skins/cag/customer/css/webfonts/230BCF_0_0.eot');
	src: url('/skins/cag/customer/css/webfonts/230BCF_0_0.eot?#iefix') format('embedded-opentype'),
		 url('/skins/cag/customer/css/webfonts/230BCF_0_0.woff') format('woff'),
		 url('/skins/cag/customer/css/webfonts/230BCF_0_0.ttf') format('truetype'),
		 url('/skins/cag/customer/css/webfonts/230BCF_0_0.svg#wf') format('svg'),
		 url('/skins/cag/customer/css/webfonts/230BCF_0_0.svgz#wf') format('svg');
}

/*
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
*/


html {
	margin:0;
	padding:0;
}
body {
	font: normal 13px Ariel, sans-serif;
	margin:-20px 0 0 0;
	padding:0;
}
#page {
	padding: 0 30px 25px 30px;
	background-color:#FFFFFF;
	margin:0 auto;
	width:960px;
}
a {
	color:#000;
}
a img {
	border:none;
}

/*
.tutorial-header {
	margin-bottom: 10px;
}
.tutorial-home-rt {
	margin-left: 8px !important;
}
*/

/* hdr */

#site-title a {
	text-indent:-10000em;
	display: block;
	width: 960px;
	height: 120px;
	background: url(https://d2q9kw5vp0we94.cloudfront.net/structure/kpLogoHdr.png) center center no-repeat;
	margin-bottom: -25px;
	margin-top: 10px;
}

#site-description {
	display: none;
}
#subheader {
	background-image:url('/wpblog/wp-content/themes/knitpicks/images/contentbg.jpg');
	padding:12px 12px 0 12px;
}
.hdr-banner {
	display: none;
	float:right;
	margin-top:15px;
}
#top_rt_hdr {
	float:right;
	width:280px;
}
#top_rt_hdr a {
	text-decoration:none;
}
#top_rt_hdr .social-link img {
	margin-right:2px;
}
#top_rt_hdr .img-link img {
	margin:4px 0;
}
.widget_search {
	background:url('/wptutorials/wp-content/uploads/2017/04/searchTutorial.png') top center no-repeat;
	padding-top:18px;
}
#searchform {
	margin:5px 0 15px 0;
}
#searchform .assistive-text {
	display:none;
}
#searchform .field {
	padding:6px 6px;
	font-size:12px;
	width:145px;
}
#searchform .submit {
	float:right;
	position:absolute;
	margin-left:-30px;
}
/* main */
#main {
	padding:12px 0;
	clear:both;
}
#primary {
	width:790px;
	float:right;
}
/* posts */
.page-title {
	color:#75005F;
	margin-top:0;
	margin-left: 50px;
	margin-bottom: 10px;
	font: normal 24px Ariel, sans-serif;
	font-weight: 500;
}
.post, #author-info {
/*	background-image:url('/wpblog/wp-content/themes/knitpicks/images/postbg.jpg'); */
	padding:9px;
/*	color:#4B3D1F; */
	color: #000;
	margin-left: 25px;
}
.post a {
	color:#000;
}
.post .entry-header, .post .entry-content, footer.entry-meta, .post .entry-summary, #author-description {
	background-color:#FFFFFF;
	padding:10px 15px 10px 15px;
}
#author-description h2 {
/*	background:url('/wpblog/wp-content/themes/knitpicks/images/post-hdr-line.jpg') repeat-x left bottom; */
	padding-bottom:4px;
	margin:0 0 3px 0;
}

.video-thumb {
	margin-bottom: 2px;
}
.post .date-posted {
	background-image:url('/wpblog/wp-content/themes/knitpicks/images/date-posted-bg.jpg');
	float:left;
	width:48px;
	height:59px;
	margin:-10px 15px 0 0;
	padding-top:7px;
	text-align:center;
	color:#FFFFFF;
}
.post .date-posted .date-posted-day {
	font-family: 'MuseoSlab-500',"Courier New",Courier,monospace;
	font-size:22px;
}
.post .date-posted .date-posted-mon {
	text-transform:uppercase;
	font-weight:bold;
}
.post .entry-title a {
	color:#000;
	text-decoration:none;
	font-size:19px;
	font-weight: 500;
}
.post .entry-title {
/*	background:url('/wpblog/wp-content/themes/knitpicks/images/post-hdr-line.jpg') no-repeat left bottom; */
	padding-bottom:4px;
	margin:0 0 3px 65px;
}
.post header .entry-meta {
	margin-left:65px;
}
.post header .entry-meta a {
	text-decoration:none;
}
.post .entry-header .cag-sharethis {
	float:right;
}
.post .entry-header .cag-sharethis p {
	margin:0;
}
.post .entry-content p {
	margin-top:0;
	line-height:20px;
}
.post .entry-content img {
	border:1px solid #F3F3F3;
	padding:5px;
}
#comments {
	background-image:url('/wpblog/wp-content/themes/knitpicks/images/postbg.jpg');
	padding:9px;
	color:#4B3D1F;
	margin-top:65px;
}
#comments #reply-title {
	background-image:url('/wpblog/wp-content/themes/knitpicks/images/leave-comment-hdr.jpg');
	background-repeat:no-repeat;
	width:180px;
	height:45px;
	color:#594D41;
	text-transform:uppercase;
	font: bold 14px Helvetica, "Trebuchet MS", Arial, sans-serif;
	text-indent:-9999px;
	margin-bottom:0;
}
#respond {
	background-color: #FFFFFF;
    padding: 10px 15px 15px;
}
#respond #reply-title {
	margin-top:-70px;
	margin-left:-25px;
}
#respond #commentform {
	margin-top:35px;
}
#respond #commentform .form-allowed-tags {
	display:none;
}
#respond #commentform input[type="text"], #respond #commentform textarea {
	border: 1px dotted #7F654C;
	padding: 8px 6px;
	color:#000;
	font-family:'MuseoSlab-500',"Courier New",Courier,monospace;
    font-size:12px;
	display:block;
}
#respond #commentform #comment {
	width:300px;
}
#respond #commentform .form-submit input[type="submit"] {
	width:138px;
	height:39px;
	background:url('/wpblog/wp-content/themes/knitpicks/images/post-comment-btn.png') no-repeat top left;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	float:left;
	margin:0 0 -47px 175px;
}
#nav-single, #nav-below {
	margin:20px 0 50px 0;
}
#nav-single .assistive-text, #nav-below .assistive-text {
	color:#4B3D1F;
	display:none;
}
.read-more-link {
	float:left;
}

/* page */
.page {
	color:#000000;
}
.page p {
	margin-top:0px;
}
.page a {
	color:#000;
}
.page .entry-header {
	background-color:#FFFFFF;
	padding:10px 15px 5px 15px;
}
.page .entry-content, .page .entry-summary, footer.entry-meta {
	background-color:#FFFFFF;
	padding:10px 15px 15px 15px;
}
.page .entry-title a {
	color:#000;
	text-decoration:none;
}
.page .entry-title {
/*	background:url('/wpblog/wp-content/themes/knitpicks/images/post-hdr-line.jpg') repeat-x left bottom; */
	padding-bottom:4px;
	margin: 0 0 3px 55px;
}
.post-20835.page .entry-title {
	margin-left:0;
}
.page header .entry-meta a {
	text-decoration:none;
}
.page .entry-header .cag-sharethis {
	float:right;
	margin-top:-30px;
}
.page .entry-header .cag-sharethis p {
	margin:0;
}
.page .entry-content p {
	margin-top:0;
	line-height:20px;
}
.page .entry-content img {
	border:1px solid #F3F3F3;
	padding:5px;
}
.tutorial-icon {
	float: left;
}

/* side bar */
#secondary {
	float:left;
	width:160px;
	font-size: 11px;
	color:#655B57;
}
#secondary .widget-title {
	color:#000000;
	font: bold 13px Ariel, sans-serif;
	margin:0;
}
#secondary ul {
	padding-left:0;
}
#secondary ul li {
	list-style-type:none;
	padding:4px 0;
}
#secondary ul li .children {
	padding:5px 0 0 10px;
	margin:0;
	background-image:none;
}
#secondary a {
	color:#000000;
	text-decoration:none;
}
/* sharethis */
#main .st_facebook_custom {
	background: url("/wpblog/wp-content/themes/knitpicks/images/fb-icon-post.jpg") no-repeat scroll left top transparent;
	padding:0px 22px 8px 0;
	margin:0 2px;
}
#main .st_twitter_custom {
	background: url("/wpblog/wp-content/themes/knitpicks/images/twitter-icon-post.jpg") no-repeat scroll left top transparent;
	padding:0px 22px 14px 0;
	margin:0 2px;
}
#main .st_pinterest_custom {
	background: url("/wpblog/wp-content/themes/knitpicks/images/pinterest-icon-post.jpg") no-repeat scroll left top transparent;
	padding:0px 22px 8px 0;
	margin:0 2px;
}
#main .st_googleplus_custom {
	background: url("/wpblog/wp-content/themes/knitpicks/images/google-icon-post.jpg") no-repeat scroll left top transparent;
	padding:0px 22px 8px 0;
	margin:0 2px;
}
#main .st_email_custom {
	background: url("/wpblog/wp-content/themes/knitpicks/images/email-icon-post.jpg") no-repeat scroll left top transparent;
	padding:0px 26px 8px 0;
	margin:0 2px;
}
/* ftr */
.nav-previous {
	float:right;
}
.nav-next {
	float:left;
}
.nav-previous a {
	background: url("/wpblog/wp-content/themes/knitpicks/images/older-posts-link.png") no-repeat scroll left top transparent;
	width:53px;
	height:15px;
	text-indent:-9999px;
	display:block;
}
.nav-next a {
	background: url("/wpblog/wp-content/themes/knitpicks/images/newer-posts-link.png") no-repeat scroll left top transparent;
	width:57px;
	height:14px;
	text-indent:-9999px;
	display:block;
}

/* about us page */
#post-20835 .entry-content .aboutuspage .staff-photo, .staff-photo {
	border: 1px dotted #987A53;
    padding: 5px;
}
#post-20835 .entry-content .aboutuspage strong {
	color:#7D0F68;
}
#post-20835 .entry-content .aboutuspage a {
	text-decoration:none;
}

/* author bio pages */
#author-recent-posts {
	display:table-cell;
}
#author-recent-posts ul {
	list-style-image: url("/wpblog/wp-content/themes/knitpicks/images/list-icon.gif");
}
#author-recent-posts ul li {
    margin-bottom: 8px;
}
#author-recent-posts ul li a {
	text-decoration:none;
}
#author-recent-posts .author-posts-date {
	color:#655B57;
}
#author-recent-posts h3 {
	background-image: url("/wpblog/wp-content/themes/knitpicks/images/author-recent-posts.jpg");
    background-repeat: no-repeat;
    height: 40px;
    margin-bottom: 0;
    text-indent: -9999px;
    width: 150px;
}

/* search page */
.filter-search-options b {
	color:#75005F;
	font-size:16px;
}
.post-bg {
	background-image:url('/wpblog/wp-content/themes/knitpicks/images/postbg.jpg');
	padding:9px;
	color:#4B3D1F;
}
.post-bg .page-title {
	margin-top:0px;
}
.post-bg .header-content{
	background-color:#FFFFFF;
	padding: 10px 15px 15px;
}

/* tutorials home page */
.tutorial-home-hdr {
	margin-bottom:20px;
}
.feaured-tutorial-categories-container {
	width:500px;
	margin-left:45px;
}
.feaured-tutorial-categories {
	background-color:#F3F0EB;
	display:block;
	width:240px;
	height:28px;
	padding-top:14px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#635347 !important;
	float:left;
	margin:5px;
}
.tutorial-hdr {
	font-size:16px;
	color:#75005F;
}
.tutorial-tags-list {
	float:left;
	width:45%;
	margin:0 20px 0 0;
	list-style-type:none;
	padding:0;
}
.tutorial-tags-list li {
	margin-bottom:5px;
}
.tutorial-home-cat {
	margin-top:5px;
}
.tutorial-home-rt {
	margin-left:10px;
}

/*-- SITE NAVIGATION --*/

div.dashedHr {
	width:100%;
	height:1px;
	/*background: url(//d2q9kw5vp0we94.cloudfront.net/structure/dashedLine.gif) center center repeat-x;*/
	border-top:1px solid #ccc;
}

div#siteNav {
    margin:0 auto 0 auto;
/*	border-top: 1px dashed rgb(147, 137, 109);*/
/*	border-bottom: 1px dashed rgb(147, 137, 109);*/
}

ul#siteNav {
/*	margin:2px auto 0 auto;*/
/*	padding:5px 0 5px 14px;*/
	margin: 0;
	padding: 0;
	width:100%;
	list-style-type:none;
}

ul#siteNav table, ul#siteNav td {
	margin:0 !important;
	padding:0 !important;
}

ul#siteNav li {
	float:left;
	padding:0;
	list-style:none;
	width:100%;
	text-align:center;
/*	margin:5px 6px -3px -5px;*/
}

ul#siteNav li#last {
	margin-left:12px;
}

ul#siteNav li a.main {
	color:#564531;
	text-decoration:none;
	display:block;
	padding:4px 0px 4px 0px;
	width:auto;
	font-family: Arial,sans-serif;
	font-size:12px;
	text-align:center;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	margin:0 12px;
	text-transform: uppercase;
	white-space: nowrap;
}
ul#siteNav li a.sale {
	color:#FF0000;
}

ul#siteNav li a#clearance{
	color:#FF0000;
}

#siteNav li:hover ul, #siteNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-right:5px;
}

ul#siteNav li a.main:hover {
	border-bottom:2px solid #666;
}

ul#siteNav li div.dropDownNav { /* drop down nav */
	float:left;
	position:absolute;
	z-index:10000;
	font:12px/20px Arial,sans-serif;
	color:#564531;
	background:#fff;
	padding:6px 8px;
	border:1px solid rgb(243, 240, 236);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	text-align:left;
	visibility:hidden;
	min-width:153px;
}
ul#siteNav li:hover div.dropDownNav { /* drop down nav */
	float:left;
	position:absolute;
	z-index:10000;
	font:12px/20px Arial,sans-serif;
	color:#564531;
	background:#fff;
	padding:6px 8px;
	border:1px solid rgb(243, 240, 236);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	text-align:left;
	visibility:visible;
	min-width:153px;
}
ul#siteNav li div.dropDownNav a {
	color:rgb(75, 61, 31);
	text-decoration:none;
	display:block;
	margin:0;
	padding:0 12px;
}
ul#siteNav li div.dropDownNav a:hover {
	color:rgb(75, 61, 31);
	background-color:#f3f2ee;
}