/*
Theme Name: Pepperknit V3
Version: 1.0
Description: Pepperknit V3 based off the constellation frameworkv1.1 - http://http://constellationtheme.com/
Author: Jason Krieger
Author URI: http://www.kriegs.net
*/

/*--[ HTML5 Boilerplate RESET ]--------------------------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*--[ HTML5 Boilerplate MINIMAL BASE STYLES ]--------------------------------------------------------------------------------*/
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; } 
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a { color:#607890; }
a:hover { color:#036; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #e0ffad; color:#352314; text-shadow: none; }
::selection { background:#e0ffad; color:#352314; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/*--[ HELPER CLASSES ]--------------------------------------------------------------------------------*/
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */
.hidden { display:none; visibility:hidden; }  /* Hide for both screenreaders and browsers */
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide only visually - available for screenreaders */
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

/*--[ Layout ]--------------------------------------------------------------------------------*/

html {
	font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; /* Reset to 10px equivilent */
	text-align: center;
	background: #ffffff;
}

body {
	text-align: left;
	color: #333333;
	font-size:1.6em; /* 16 px equiv */
	line-height: 1.5em; /* 24px equiv */
	margin: 0px auto;
}

#main {
	overflow: hidden;
	clear: both;
}
#footer {
	overflow: hidden;
	clear: both;
	padding: 1em 0 0 0;
	width: 75%;
	text-align: center;
	margin: 0px auto 20px auto;
	font-size: .8em;
	border-top: 1px solid #dcdcdc;
	}

/*--[ Anchors ]--------------------------------------------------------------------------------*/

a { color: #88c425; text-decoration: none; font-weight: bold; }
a:hover, a:focus { color: #4a7108; text-decoration: underline; }


/*--[ Typography ]--------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color:#222; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#3777AF;}

.rgba h1, .rgba #logo, .rgba h2, .rgba h3, .rgba h4, .rgba h5, .rgba h6 { text-shadow: 0 1px 0 rgba(255,255,255,0.95) }

h1 { font-size:2em; line-height: 1.125em; margin: 0.75em 0 0.375em 0; letter-spacing: -.05em; } /* 32px font, line height 36, margin-top 24, margin bottom 12 */
h2 { font-size:2em; line-height: 1.125em; margin: 0.75em 0 0.375em 0; letter-spacing: -.05em; font-weight: bold; } /* 32px equiv size */
h3 { font-size:1.625em; line-height: 1.384em; letter-spacing: -.035em; margin: 0.9231em 0 0.462em 0; } /* 26px equiv */
h4 { font-size:1.25em; line-height: 1.2em; margin-top:1.2em; } /* 20px equiv */
h5 { font-size:1.125em; line-height: 1.3333em; margin-top:1.3333em; } /* 18px equiv */
h6 { font-size:0.875em; line-height: 1.7143em; margin-top:1.7143em; text-transform: uppercase; } /* 14px equiv */

p, ul, ol, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav {
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}

article ul {
	margin: 0 0 2em 2em;
	list-style: disc outside;
}
article ol {
	margin: 0 0 2em 2em;
	list-style: decimal outside;
}
article blockquote {
	margin: 0 0 1.25em 2.5em;
	font-family: cambria, georgia, times, serif;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f6f6f6;
	padding: 1.19em 1.25em 0;
	font-style: italic;
}

small {font-size:0.6875em;}

/*--[ Images ]--------------------------------------------------------------------------------*/

.wp-post-image,
img.alignright, 
img.alignleft, 
img.aligncenter {
	border: 0px;
}

a:hover .wp-post-image, a:focus .wp-post-image {
	padding: 0px !important;
	border: 0px;
}
.alignleft{
	float: left;
	clear: left;
	margin: 0.38em 1.62em 0.38em 0;
}
.alignright {
	float: right;
	clear: right;
	margin: 0.38em 0 0.38em 1.62em;
}
.aligncenter {
	margin: 0 auto 1.62em;
	display: block;
}
div.wp-caption {
	text-align: center;
	background: #11161a;
	border: 1px solid #1a1f23;
	outline: 4px solid #0d1015;
	padding: 0 !important;
	text-align: center !important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.wp-caption img {
	margin: 0;
	padding: 5px 5px 0;
	outline: 0;
	border: 0;
}
p.wp-caption-text {
	margin: 0 !important;
	padding: 0 3px 3px !important;
	font-weight: bold;
	clear: both;
	font-size: 0.92em;
	color: #eee;
}

/* Images - remove height/width attributes */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}


/*--[ Comments ]--------------------------------------------------------------------------------*/

.comment-author a { color: #88c425; text-decoration: none; }
.comment-author a:hover { color: #4f770d; text-decoration: underline; }

#comments p a { color: #88c425; text-decoration: none; font-weight: normal;}
#comments p a:hover { color: #4f770d; text-decoration: underline; font-weight: normal;}

#comment {
	width: 100%;
	height: 150px;
}

#respond {
	margin-top: 20px;
}
.comment_container {
	position: relative;
}
ol.comment-list {
	margin: 0 0 15px !important;
	}

ol.comment-list img.avatar {
	margin: 8px 10px 0 0;
	padding: 4px;
	position: absolute;
	left: 0;
	top: 0;
	background: #e2e5e7;
}
ol.comment-list li {
	margin: 4px 0px;
	padding: 8px 0px 0px 64px;
	list-style: none;
	overflow: hidden;
	position: relative;
	}

ol.comment-list li header {
	margin: 0;
	line-height: 1.5em;
}
ol.comment-list li article nav {
	float: right;
}
ol.comment-list li ul {
	margin: 8px 0 0 !important;
}
ol.comment-list li li {
	border: 0;
	margin: 0 0 0 68px !important;
	padding: 0 0 8px;
}
ol.comment-list li .comment-text {
	border: 2px solid #ebebeb;
	overflow: hidden;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 10px 10px 0;	
	}

ol.comment-list li .comment-text p {
	margin: 0 0 10px !important;
	}
ol.comment-list li p.meta {
	font-weight: normal;
	background: transparent;
	padding: 0;
	font-style: italic;
	color: #777;
	font-size: 0.9em;
	margin: 0 0 10px !important;
	}
ol.comment-list li p.meta strong {
	font-weight: bold;
	}
ol.comment-list li.comment-author-Mintyfresh img.avatar {
	background: #88c425;
}
#respond {
	margin-bottom: 15px;
	}
#respond input.text, #respond select, #respond textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.widget_search input#s {
	border: 1px solid #eee;
	background: #f6f6f6;

	color: #777;
	font-size: 1em;
	line-height: 1em;
	padding: 0.375em;
	width: 50%;
	margin: 0 4px 0 0;
	outline: 0;
	display: block;
}

#respond input.text:focus, #respond select:focus, #respond textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus,
.widget_search input#s:focus { border:1px solid #ccc; }
.borderradius #respond input.text, .borderradius #respond select, .borderradius #respond textarea,
.borderradius .comment-form-author input,
.borderradius .comment-form-email input,
.borderradius .comment-form-url input,
.borderradius .widget_search input#s {
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
	-o-border-radius:0.5em;
	border-radius:0.5em;
}
#respond textarea {
	width: 98%;
	margin-right: 0;
}
#respond label {
	font-size: 1em;
	font-weight: bold;
}	

.button, #submit, .widget_search #searchsubmit {
	
	padding:.75em 1em;
	background:#578724;
	border:1px solid #578724;
	background-image: -moz-linear-gradient(top, #A0C015, #578724); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #A0C015),color-stop(1, #578724)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#A0C015', EndColorStr='#578724'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A0C015', EndColorStr='#578724')"; /* IE8 */
	border-bottom:1px solid rgba(0,0,0,0.6);
	color:#fff;
	text-shadow:0 -1px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-webkit-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-khtml-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-o-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
	-o-border-radius:0.5em;
	border-radius:0.5em;
	text-transform: uppercase;
	text-decoration: none;
	color:#fff;
	text-shadow: 0 -1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-weight: bold;
}
.button:hover, #submit:hover, .widget_search #searchsubmit:hover {
	background:#AFCF24;
	background-image: -moz-linear-gradient(top, #AFCF24, #578724); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #AFCF24),color-stop(1, #578724)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#AFCF24', EndColorStr='#578724'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AFCF24', EndColorStr='#578724')"; /* IE8 */
	color:rgba(0,0,0,0.8);
	text-shadow: 0 1px rgba(255,255,255,0.3);
}

.button.green {
	background:#578724;
	background-image: -moz-linear-gradient(top, #A0C015, #578724); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #A0C015),color-stop(1, #578724)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#A0C015', EndColorStr='#578724'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A0C015', EndColorStr='#578724')"; /* IE8 */
	border-bottom:1px solid rgba(0,0,0,0.6);
	color:#fff;
	text-shadow:0 -1px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-webkit-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-khtml-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-o-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	box-shadow:0 1px 2px rgba(0,0,0,0.6);
}

.button.green:hover {
	background:#AFCF24;
	color:#fff;
	background-image: -moz-linear-gradient(top, #AFCF24, #578724); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #AFCF24),color-stop(1, #578724)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#AFCF24', EndColorStr='#578724'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AFCF24', EndColorStr='#578724')"; /* IE8 */
	border-bottom:1px solid rgba(0,0,0,0.6);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-webkit-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-khtml-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	-o-box-shadow:0 1px 2px rgba(0,0,0,0.6);
	box-shadow:0 1px 2px rgba(0,0,0,0.6);
}

.button:active, #submit:active, .widget_search #searchsubmit:active, .button.green:active {position: relative; top:1px;}


/*--[ 6 COL LAYOUT ]--------------------------------------------------------------------------------*/

/*
	Default 6-column, 768 px layout for iPads, netbooks, and IE
	(All other layouts inherit styles from this layout)
	-----------------------------------------------------------
	1      2      3      4      5      6     
	76px  200px  324px  448px  572px   696px  (48px gutters)
*/

html { background: #ffffff url('/wp-content/themes/Pepperknit_V3/images/background.jpg') top center repeat-x; }

body {
	width: 698px;
	}

#header {
	margin: 12px auto 0px auto;
	width: 100%;
	height: 100px;
}

#main-nav {
	margin: 0px auto;
	width: 690px;
	}

#main-nav ul {
	padding:0; 
	margin: 15px 0px 0px 0px; 
	float: left;
	font-family: 'Actor', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	font-weight: bold;
	color: #ffffff;
	}
	
#main-nav ul li { 
	float: left;  
	position: relative;
	margin: 5px 2px 0px 2px; 
}

#main-nav ul li a { 
	display: block; 
	color: #ffffff; 
	text-decoration: none; 
	padding: 2px 6px; 
}

#main-nav ul li a:hover { 
	display: block; 
	color: #ffffff; 
	text-decoration: none; 
	background: #88c425; 
	padding: 2px 6px; 
	text-shadow: 1px 1px 1px #63980d;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #578905;
	-webkit-box-shadow: 0px 1px 1px #578905;
	box-shadow: 0px 1px 1px #578905;
}

		body.home li.home a,
		body.category-patterns li.category-patterns a,
		body.category-crafts li.category-crafts a,
		body.category-food li.category-food a,
		body.page-id-4194 li.page-id-4194 a,
		body.page-id-4174 li.page-id-4174 a,
		body.page-id-3037 li.page-id-3037 a,
		body.search-results li.page-id-4174 a
		 { 
			display: block; 
			color: #ffffff; 
			text-decoration: none; 
			background: #88c425; 
			padding: 2px 6px; 
			text-shadow: 1px 1px 1px #63980d;
			border-radius: 4px;
			-moz-box-shadow: 0px 1px 1px #578905;
			-webkit-box-shadow: 0px 1px 1px #578905;
			box-shadow: 0px 1px 1px #578905;
			}

	
#main-nav ul li {  float: left; margin: 0px 10px; position: relative; }
#main-nav ul li a { display: block; }
#main-nav ul li ul { left: -999em; top: 0; position: absolute; background: #fff; border: 1px solid #eee; border-top: 0; margin: 2.5em 0 0 0 !important; padding: 0 !important; line-height: 1em; }
#main-nav ul li:hover ul { left: auto; width: 15em; }
#main-nav ul li:hover ul ul { left: -999em; margin: 0; }
#main-nav ul ul li:hover ul { left: 15em; margin-top: -1px !important;] }
#main-nav ul ul li { display: block; float: none; padding: 0 !important; margin: 0 !important; border-top: 1px solid #eee; }
#main-nav ul ul li a { display: block; padding: 1em; }

#main-nav select {
  display: none;
}

.navigation {
	float: left;
	margin: 0px;
	}
		
.logo {
	float: left;
	margin: 0px;
	padding: 0px 10px;
	}
	
#featured-posts {
	width: 575px;
	height: 225px;
	overflow: hidden;
	margin: 0px auto;
	}

		.featured-container {
			background: #cec4bc;
			float: left;
			margin: 0px 14px 40px 14px;
			border: 1px solid #c0bbb7;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			position: relative;
			}
			
		.featured-container h2 {
			color: #402a18;
			font-size: 14px;
			text-align: center;
			text-shadow: 1px 1px 1px #ebded4;
			margin: -4px 0px 8px 0px;
			}
			
		.featured-container img {
			margin: 10px 10px 0px 10px;
			border: 1px solid #decec3;
			}
			
		.featured-container .arrow img{
			position: absolute;
			width: 182px;
			height: 34px;
			top: 122px;
			left: -9px;
			margin: 0px;
			border: 0px;
			}
			


#main-content { 
	width:698px;
	float: left;
	margin: 50px auto;
	}
	
	article { margin: 0px 0px 20px 0px;	}
	
	article .post-info-mobile { display: none; }
			
	article .post-info {
		float: left;
		width: 15%;
		margin: 0px 0px 0px 25px;
		}
		
		article .post-info .post-date {
			background: #88c425;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			width: 65%;
			padding: 10px;
			position: relative;
			margin: 0px 0px 10px 0px;
			}
			
			article .post-info .post-date span {
				text-align: center;
				color: #ffffff;
				text-shadow: 1px 1px 1px #629d00;
				margin: 0px auto;
				font-size: 1.4em;
				display: block;
				}
			
			article .post-info .post-date :after {
				left: 100%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				}

			article .post-info .post-date :after {
				border-color: rgba(136, 196, 37, 0);
				border-left-color: #88c425;
				border-width: 10px;
				top: 30%;
				margin-top: -10px;
				}
				
		article .post-info .post-comments {
			background: #88c425;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			width: 65%;
			padding: 10px;
			margin: 0px 0px 10px 0px;
			}
			
			article .post-info .post-comments span {
				text-align: center;
				color: #ffffff;
				text-shadow: 1px 1px 1px #629d00;
				margin: 0px auto;
				font-size: 1.2em;
				display: block;
				}
				
			article .post-info .post-comments span a { color: #ffffff; text-decoration: none; font-weight: normal;}
			article .post-info .post-comments span a:hover { color: #f1eae5; text-decoration: underline; font-weight: normal;}
			article .post-info .post-comments span img { margin: 0px 6px 0px 0px; border: 0px; }
			
		article .post-info .post-tags {
			background: #f3ebe5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			width: 65%;
			padding: 10px;
			margin: 0px 0px 10px 0px;
			color: #372415;
			}
			
			article .post-info .post-tags p {
				color: #372415;
				font-size: 1.2em;
				text-align: center;
				margin: 0px auto;
				padding: 0px 0px 2px 0px;
				border-bottom: 1px solid #ffffff;
				}
			
			article .post-info .post-tags a {
				color: #372415;
				text-decoration: none;
				font-size: .7em;
				margin: 0px;
				padding: 0px;
				line-height: normal;
				}
				
			article .post-info .post-tags a:hover { text-decoration: underline; color: #2e1806; }
			
				
	article .post-content {
		float: right;
		width: 75%;
		padding: 0px 6px;
		margin: 0px 20px 0px 0px;
		}
		
	article .post-content h2 {
		font-family: 'Actor', Verdana, Arial, Helvetica, sans-serif;
		font-size: 2em;
		font-weight: bold;
		color: #333333;
		margin: 0px 0px 10px 0px;
		}
		
		article .post-content h2 a {
			color: #333333;
			text-decoration: none;
			}
			
		article .post-content h2 a:hover {
			color: #88c425;
			text-decoration: none;
			}
			
	article .post-content a { color: #88c425; text-decoration: none; }
	article .post-content a:hover { color: #4a7108; text-decoration: underline; }
	article .post-content img { border: 0px; }
			

article blockquote { margin-left: 0 }
#main-content article {margin-bottom:4em;}

article img { max-width: 100%; }

	h3.comments-title { 
		color: #999999;
		border-bottom: 1px solid #e0e0e0;
		font-size: 1.6em;
		 }
	
	#comments {
		width: 500px;
		float: right;
		clear: both;
		margin: 0px 30px 0px 0px;
		}
		
article .about-info {
	width: 250px;
	float: left;
	margin: 0px 0px 20px 50px;
	padding: 10px;
	}

	article .about-info img {
		float: left;
		margin: 0px 16px 2px 0px;
		border: 6px solid #f3ebe5;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 125px;
		}
	
article .about-contact {
	width: 260px;
	float: right;
	background: #f3ebe5;
	margin: 0px 50px 0px 0px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	}
	
	article .about-contact .contact-field {
		width: 250px;
		border-top: 1px solid 
		}
	

article .about-links {
	width: 375px;
	margin: 0px auto;
	border-top: 1px solid #ededed;
	}
	
	article .about-links h3 { text-align: center; clear:both; color: #cccccc;}
	
	article .about-links img {
		float: left;
		margin: 0px auto;
		}
	
	article .about-links p { text-align: center; margin: 6px 0px 0px 0px;	}	
	
h1.archive-title, h1.pagetitle { 
	color: #cccccc;
	text-align: center;
	margin: -10px auto 20px auto;
	font-size: 1.6em;
	border-bottom: 1px solid #ededed;
	width: 75%;
	padding: 0px 0px 10px 0px;
	}
	
.store-desc {
	width: 75%;
	text-align: center;
	font-size: 1em;
	margin: 0px auto 15px auto;
	}
	
.store-container {
 	width: 200px;
 	float: left;
 	margin: 10px 15px 15px 15px;
 	height: 174px;
 	background: #f3ebe5;
 	border: 1px solid #e6dbd8;
 	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	display: block;
	}
 	
	.store-container .pattern-name {
		float: left;
		font-weight: bold;
		font-size: .9em;		
		margin: 2px 0px 0px 4px;
		color: #3a2616;
		text-shadow: 1px 1px 1px #ffffff; 
		}
		
	.store-container .pattern-price { 
		background: #88c425; 
		text-shadow: 1px 1px 1px #63980d; 
		float: right;
		font-weight: bold;
		font-size: 1em;
		padding: 0px 4px;
		margin: 2px 4px 0px 0px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color: #ffffff;
		display: block;
		}
		
		.store-container .pattern-price:hover {
			background: #4a7108;
			text-shadow: 1px 1px 1px #2e4703;
			}
			
		.store-container .pattern-price img {
			margin: 3px 0px -3px 0px;
			padding: 0px 1px 0px 2px;
			}

		
.search-box {
	width: 75%;
	padding: 25px 0px 0px 0px;
	margin: 0px auto 40px auto;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f3ebe5;
	border: 1px solid #e6dbd8;
	}
	
	#search-form {
		width: 300px;
		border: 1px solid #ccb8b2;
		}

.search-categories {
	width: 75%;
	margin: 0px auto 40px auto;
	text-align: center;
	}

.search-tags {
	width: 75%;
	margin: 0px auto 40px auto;
	}
	
.nav-prev-next {
 		width: 100%;
 		margin: 20px auto;
 		}

 		.nav-prev-next .prev-post {
 			float: left;
 			text-align: left;
 			margin: 0px 0px 5px 0px;
 			display: block;
  			padding: 8px 10px;
 			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px; 
 			}

 		.nav-prev-next .next-post {
 			float: right;
 			text-align: right;
 			margin: 0px 0px 5px 0px;
  			}
  			
  			.nav-prev-next a {
  				color: #ffffff;
  				font-weight: bold;
  				text-decoration: none;
  				text-shadow: 2px 2px 0px #6ca80a;
  				background: #88c425;
  				padding: 6px 10px;
  				display: block;
 				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px; 
  				}
  				
  			.nav-prev-next a:hover {
  				background: #6ca80a;
  				text-shadow: 2px 2px 0px #518300;
  				}
	
#footer p { padding: 0px; margin: 4px 0px; }



/*--[ 9 COL LAYOUT ]--------------------------------------------------------------------------------*/


/* 
	9-column, 1224 px layout for desktops and laptops
	------------------------------------------------------------------------
	1      2      3      4      5      6      7      8      9
	82px  212px   342px  472px  602px  732px  862px  992px 1122px   (48px gutters)
*/

@media only screen and (min-width: 1224px) {
	
	body {
		width: 960px;
	}
	
	#main-content { width: 960px; float: left; margin: 75px auto;}
	
	
	#featured-posts {
		width: 865px;
		height: 200px;
		margin: 0px auto;
		}
		
		.featured-container {
			background: #cec4bc;
			float: left;
			margin: 0px 15px;
			border: 1px solid #c0bbb7;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			position: relative;
			}
	
	article {
		margin: 0px 0px 20px 0px;
		}
		
	article .post-info-mobile { display: none; }
			
	article .post-info {
		float: left;
		width: 125px;
		margin: 0px 0px 0px 80px;
		}
		
		article .post-info .post-date {
			background: #88c425;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			width: 75%;
			padding: 10px;
			position: relative;
			margin: 0px 0px 10px 0px;
			}

				
		article .post-info .post-comments {
			background: #88c425;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			width: 75%;
			padding: 10px;
			margin: 0px 0px 10px 0px;
			}

			
		article .post-info .post-tags {
			background: #f3ebe5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			width: 75%;
			padding: 10px;
			margin: 0px 0px 10px 0px;
			color: #372415;
			}

		
	article .post-content {
		float: right;
		width: 640px;
		margin: 0px 80px 0px 0px;
		}
		
	#comments {
		width: 640px;
		float: right;
		clear: both;
		margin: 0px 70px 0px 0px;
		}
		
article .about-info {
	width: 465px;
	float: left;
	margin: 0px 0px 20px 75px;
	padding: 10px;
	}

	article .about-info img {
		float: left;
		margin: 0px 16px 2px 0px;
		border: 6px solid #f3ebe5;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 200px;
		}
	
article .about-contact {
	width: 280px;
	float: right;
	background: #f3ebe5;
	margin: 0px 75px 0px 0px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	}
	
	article .about-contact .contact-field {
		width: 250px;
		border-top: 1px solid 
		}
	

article .about-links {
	width: 750px;
	margin: 0px auto;
	border-top: 1px solid #ededed;
	}
	
	article .about-links h3 { text-align: center; clear:both; color: #cccccc;}
	
	article .about-links img {
		float: left;
		margin: 0px auto;
		}
	
	article .about-links p { text-align: center; margin: 6px 0px 0px 0px;	}	

}


/*--[ 2 COL LAYOUT ]--------------------------------------------------------------------------------*/


/* 
	2-column, 320 px layout for smartphones
	---------------------------------------
	1      2
	120px  264px   (24px gutters)
*/

@media only screen and (max-width: 767px) {
	
	body {
		width: 264px;
		font-size:1.4em; /* Set to 14 px for smart phones creating 28px vertical rhythm */
		line-height: 1em;
	}
	
	#header { width: 264px; }
		
	#main-nav ul     { display: none; }
  	#main-nav select { display: inline-block; margin: 15px auto 0px auto; float: left;}
  	
  	#featured-posts {
		width: 264px;
		height: 225px;
		overflow: hidden;
		}
  	
  		.featured-container {
				background: #cec4bc;
				float: left;
				margin: 0px 10px 40px 10px;
				border: 1px solid #c0bbb7;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				position: relative;
				}
				
		.featured-container h2 {
			color: #402a18;
			font-size: 14px;
			text-align: center;
			text-shadow: 1px 1px 1px #ebded4;
			margin: 0px 0px 6px 0px;
			}
				
	#main-content { width:264px; margin: 25px 0px; float: none;}
			
	article {
		margin: 0px;
		width:264px;
		}
			
	article .post-info { display: none; }
	
	article .post-info-mobile { 
		margin: -6px 0px 5px 0px;
		padding: 0px 0px 4px 0px;
		display: block;
		border-bottom: 1px solid #d8d8d8;
		color: #88c425;
		font-weight: bold;
		text-align: center;
		}
		
		article .post-info-mobile a {color: #88c425;	font-weight: bold; text-decoration: none;	}
		article .post-info-mobile a:hover {color: #4a7108;	font-weight: bold; text-decoration: underline;	}

		
	article .post-content {
		float: left;
		width: 95%;
		margin: 0px auto;
		}
		
	article .post-content h2 {	text-align: center; font-size: 1.8em;}	
	
	#comments {
		width: 264px;
		float: left;
		clear: both;
		margin: 0px;
		}
		
	ol.comment-list img.avatar {
		display: none;
	}
		
	ol.comment-list li {
		margin: 4px 0px;
		padding: 8px 0px 0px 0px;
		list-style: none;
		position: relative;
		width: 258px;
		overflow: visible;
		}
		
article .about-info {
	width: 225px;
	float: none;
	clear: both;
	margin: 0px auto;
	padding: 10px;
	}

	article .about-info img {
		float: left;
		margin: 0px 16px 2px 0px;
		border: 6px solid #f3ebe5;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 100px;
		display: block;
		clear: both;
		}
	
article .about-contact {
	width: 225px;
	float: none;
	clear: both;
	background: #f3ebe5;
	margin: 0px auto 20px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	}
	
	article .about-contact .contact-field {
		width: 200px;
		border-top: 1px solid 
		}
	

article .about-links {
	width: 250px;
	margin: 0px auto;
	border-top: 1px solid #ededed;
	}
	
	article .about-links h3 { text-align: center; clear:both; color: #cccccc; font-size: 1.6em;}
	
	article .about-links img {
		float: left;
		margin: 0px auto;
		}	
	article .about-links p { text-align: center; margin: 6px 0px 0px 0px;	}	

.store-container {
 	width: 200px;
 	float: left;
 	margin: 10px 30px 15px 30px;
 	height: 174px;
 	background: #f3ebe5;
 	border: 1px solid #e6dbd8;
 	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	}
	
	.nav-prev-next .prev-post, .nav-prev-next .next-post  {
 			margin: 5px auto;
 			display: block;
 			text-align: center;
 			float: none;
 			width: 100%;
 			padding: 0px;
  			}

  		.nav-prev-next a {
  				color: #ffffff;
  				font-weight: bold;
  				text-decoration: none;
  				text-shadow: 2px 2px 0px #6ca80a;
  				background: #88c425;
  				padding: 6px 0px;
  				display: block;
 				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				font-size: .8em;
  				}
  				
  			.nav-prev-next a:hover {
  				background: #6ca80a;
  				text-shadow: 2px 2px 0px #518300;
  				}
 
 	#search-form {
		width: 150px;
		border: 1px solid #ccb8b2;
		} 				
	
}

/*--[ PRINT STYLES ]--------------------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}