/*
Theme Name: KindSnacks.com Theme
Theme URI: http://kindsnacks.com/
Description: KindSnacks.com default WordPress theme.
Version: 2.0
Author: 
Author URI: 
Tags: 
*/


body {
	background:#010101;
	margin:0;
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#666;
	min-width:973px;
}

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:0;
}

form, fieldset {
	padding:0;
	margin:0;
	border:0;
}

input, textarea, select {
	vertical-align:middle;
	font:12px Arial, Helvetica, Verdana, sans-serif;
}

#wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 295px 0 0;
}

.header-holder {
	position:absolute;
	z-index:5;
	top:0;
	left:0;
	width:100%;
	background:url(images/bg-header-holder.gif) repeat-x;
}

#header {
	width:903px;
	height:120px;
	margin:0 auto;
	padding:0 35px 15px;
}

.logo {
	width:135px;
	height:120px;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	background:url(images/logo.gif) no-repeat;
}

.logo a {
	height:100%;
	width:100%;
	display:block;
}

.box-area {
	width:767px;
	float:right;
}

.link {
	float:right;
	margin:0 5px 0 0;
	display:inline;
	padding:0 0 0 0;
	list-style:none;
}

.link li {
	float:left;
	padding:0 0 0 25px;
}

.store {
	padding:16px 0 13px;
	color:#00BDF2;
	font-size:14px;
	display:inline;
	float:left;
	margin-right:-19px;
}

.store:hover {
	text-decoration:underline;
}

.login {
	display:block;
	color:#fc6;
	margin:15px 0 0;
	line-height:16px;
	background:url(images/bg-dot.gif) repeat-x 0 100%;
}

.login:hover {
	text-decoration:none;
	background:none;
}

.link .links {
	list-style: none;
	list-style:none outside none;
	margin:0 -10px 0 0;
	padding: 0;
	font-size: 14px;
}

.link .links a {
	color: #999;
}

.area {
	width:100%;
	clear:both;
	padding-top: 26px;
}

#nav {
	width:570px;
	float:left;
	margin:0;
	padding:0 0 0 19px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	position: relative !important;
	z-index: 999999 !important;
}

#nav li {
	float:left;
	padding:0 0 0 22px;
}

#nav li a {
	float:left;
	color:#fff;
	height:30px;
	padding:16px 22px 0;
	cursor:pointer;
}

#nav li a span {
	float:left;
	padding:0 17px 0 0;
	background:url(images/arrow.gif) no-repeat 100% 60%;
}

#nav li a:hover {
	text-decoration:none;
	color:#f19a00;
	border:1px solid #999;
	background:#000;
	border-width:1px 1px 0;
	padding:15px 21px 0;
	height:30px;
	position: relative;
	z-index: 999999;
}

#nav li:hover, #nav li.hover {
	position: relative;
}

#nav li:hover .drop, #nav li.hover .drop {
	display:block;
}

#nav li:hover a, #nav li.hover a {
	color:#f19a00;
	border:1px solid #999;
	background:#000;
	border-width:1px 1px 0;
	padding:15px 21px 0;
	height:30px;
	position: relative;
	z-index: 999999;
}

.drop {
	position: absolute;
	top:45px;
	left:18px;
	display:none;
	width:199px;
	z-index:888888;
}

.drop .t {
	width:199px;
	height:5px;
	line-height:0;
	font-size:0;
	background:url(images/bg-t.png) no-repeat;
}

.drop .b {
	width:199px;
	height:12px;
	font-size:0;
	line-height:0;
	background:url(images/bg-b.png) no-repeat;
}

.drop .c {
	width:168px;
	overflow:hidden;
	padding:14px 14px 0 17px;
	background:url(images/bg-c.png) repeat-y;
}

#nav .drop ul {
	width:158px;
	overflow:hidden;
	margin:0;
	padding:3px 0 22px 10px;
	list-style:none;
	color:#fff;
	font-size:14px;
	line-height:18px;
	text-transform:none;
}

#nav .drop ul li {
	float:left;
	width:100%;
	padding:0 0 4px;
}

#nav .drop ul li a {
	color:#fff;
	height:auto;
	padding:0;
	border:0;
}

#nav .drop ul li a:hover {
	text-decoration:underline;
	border:0 !important;
	padding:0;
	height:auto;
	background:none;
	color:#fff;
}

.form-search {
	width:176px;
	float:right;
	overflow:hidden;
	margin:7px 0 0;
}

.form-search legend, .form-search .hidden {
	display:none;
}

.form-search .text {
	background:url("images/bg-input.gif") no-repeat scroll 0 0 transparent;
	float:left;
	height:14px;
	padding:7px 5px 7px 11px;
	width:132px;
}

.form-search .text input {
	background:none;
	border:0 none;
	color:#CCCCCC;
	float:left;
	height:14px;
	margin:0;
	padding:0;
	width:132px;
}

.form-search .btn-submit {
	float:left;
	width:28px;
	height:28px;
	padding:0;
	margin:0;
	line-height:0;
	font-size:0;
	border:0;
	text-indent:-9999px;
	cursor:pointer;
	background:url(images/btn-search.gif) no-repeat;
}

.holder {
	width:100%;
	overflow:hidden;
	background:url(images/bg-holder.gif) repeat-x;
	margin:0 0 55px;
}

.visual {
	width:973px;
	height:340px;
	overflow:hidden;
	margin:0 auto;
	background:url(images/bg-visual.gif) no-repeat;
}

.gallery {
	width:973px;
	padding:43px 0 0;
	overflow:hidden;
}

.gallery-holder {
	float:left;
	width:929px;
	overflow:hidden;
	height:297px;
	position:relative;
	text-align:center;
}

.gallery a {
	float:left;
	width:22px;
	height:49px;
	text-indent:-9999px;
	margin:94px 0 0;
	background:url(images/link-prev.gif) no-repeat;
}

.gallery .link-next {
	float:right;
	background:url(images/link-next.gif) no-repeat;
}

.gallery ul {
	position:absolute;
	width:99999px;
	padding:0;
	margin:0;
	list-style:none;
	top:0;
	left:0;
}

.gallery ul li {
	float:left;
	width:930px;
}

.gallery .title {
	width:771px;
	overflow:hidden;
	padding:0 0 0 158px;
	text-transform:uppercase;
	font:bold 64px Helvetica, Verdana, Arial, sans-serif;
	color:#fff;
	letter-spacing:-4px;
	word-spacing:-2px;
	margin:0 0 10px;
}

.text-title {
	float:left;
	width:611px;
	height:91px;
	text-indent:-9999px;
	background:url(images/text-title.png) no-repeat;
}

.gallery img {
	display:block;
	margin:0 auto;
}

.home #main {
	width:905px;
	overflow:hidden;
	margin:0 auto;
	padding:0 36px 0 32px;
}

.home #main h1 {
	width:812px;
	height:31px;
	text-indent:-9999px;
	margin:0 0 48px 57px;
	background:url(images/bg-title.gif) no-repeat;
}

.info-holder {
	width:905px;
	overflow:hidden;
	border:1px solid #1b1b1b;
	border-width:1px 0;
	margin:0 0 30px;
	padding:38px 0 60px;
}

.info {
	width:110%;
	overflow:hidden;
}

.info .box {
	float:left;
	width:276px;
	margin:0 37px 0 0;
	min-height:330px;
	position:relative;
}

* html .info .box {
	height:330px;
}

.info .box .txt {
	width:271px;
	padding:0 0 0 5px;
	overflow:hidden;
}

.info .box .image {
	width:276px;
	overflow:hidden;
	margin:0 0 25px;
}

.info .box .image a {
	display:block;
	width:276px;
	height:143px;
	position:relative;
	cursor:pointer;
}

.info .box .image a span {
	width:276px;
	height:143px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	display:none;
}

.info .box .image a:hover {
	border:0;
}

.info .box .image .mark-yellow:hover span {
	display:block;
	background:url(images/bg-read.gif) no-repeat;
}

.info .box .image .mark-red:hover span {
	display:block;
	background:url(images/bg-watch.gif) no-repeat;
}

.info .box .image .mark-blue:hover span {
	display:block;
	background:url(images/learn.gif) no-repeat;
}

.info .box img {
	display:block;
	position:relative;
	z-index:1;
}

.info .box h2 {
	margin:0 0 20px;
	color:#fff;
	word-spacing:-1px;
	font:bold 16px Helvetica, Verdana, Arial, sans-serif;
}

.info .box p {
	font-size:14px;
	line-height:16px;
	margin:0 0 35px;
}

.info .box p sup {
	font-size:9px;
}

.info .box .link {
	width:100%;
	overflow:hidden;
	position:absolute;
	float:none;
	padding:0;
	bottom:0;
	left:0;
	font:16px Helvetica, Verdana, Arial, sans-serif;
}

.info .box .link a {
	float:left;
	padding:0 13px 0 0;
	margin:0 0 0 4px;
	display:inline;
	background:url(images/arrow2.gif) no-repeat 100% 60%;
}

.yellow {
	color:#f29d00;
}

.red {
	color:#f30018;
}

.blue {
	color:#00a9d5;
}

.main-holder {
	width:100%;
	background:#fff url(images/bg-main-holder.gif) repeat-x;
}

.main-area {
	width:100%;
	padding: 30px 0;
	background:url(images/bg-main-area.gif) repeat-x 0 100%;
}

#main {
	width:960px;
	overflow:hidden;
	margin:0 auto;
}

.box-product {
	width:100%;
	overflow:hidden;
}

.box-product .title {
	width:910px;
	overflow:hidden;
	text-align:center;
	margin:0 0 35px;
	padding:0 0 0 44px;
	background:url(images/bg-title2.gif) no-repeat;
}

.box-product h2 {
	font:14px Helvetica, Arial, sans-serif;
	margin:0;
}

.box-product h2 span {
	background:#fff;
	padding:0 50px 0 14px;
}

.box-product .gallery {
	width:960px;
	margin:0 0 44px;
	overflow:hidden;
	padding:0;
}

.gallery-box {
	float:left;
	width:880px;
	overflow:hidden;
	height:105px;
	position:relative;
}

.box-product .gallery .link-prev, .box-product .gallery .link-next {
	float:left;
	width:10px;
	height:29px;
	margin:47px 44px 0 0;
	text-indent:-9999px;
	background:url(images/link-prev2.gif) no-repeat;
}

.box-product .gallery .link-next {
	float:right;
	margin:47px 0 0;
	background:url(images/link-next2.gif) no-repeat;
}

.box-product .gallery ul {
	position:absolute;
	width:99999px;
	padding:0;
	margin:0;
	list-style:none;
	top:0;
	left:0;
}

.box-product .gallery ul li {
	float:left;
	width:266px;
	padding:0 20px 0 0;
}

.box-product .gallery img {
	display:block;
}

.box-product .gallery h3 {
	margin:0 0 5px;
	color:#000;
	text-align:center;
	font:bold 14px Helvetica, Arial, sans-serif;
}

.breadcrumbs {
	width:910px;
	overflow:hidden;
	margin:0 0 10px;
	padding:29px 0 0;
	list-style:none;
	font:13px Helvetica, Arial, sans-serif;
}

.breadcrumbs li {
	float:left;
	padding:0 12px;
	margin:0 0 0 -4px;
	color:#393939;
	background:url(images/arrow3.gif) no-repeat 0 60%;
}

.breadcrumbs li a {
	color:#393939;
	float:left;
}

.block-product {
	width:100%;
	overflow:hidden;
}

.box-info {
	width:910px;
	overflow:hidden;
	margin:0 0 44px;
	background:url(images/bg-box-info.gif) repeat-y;
}

.box-info .holder {
	width:910px;
	margin:0;
	background:url(images/bg-holder2.gif) no-repeat;
}

.box-info .frame {
	width:890px;
	overflow:hidden;
	padding:18px 20px 11px 0;
	background:url(images/bg-frame.gif) no-repeat 0 100%;
}

.box-price {
	width:244px;
	overflow:hidden;
	float:left;
	text-align:center;
}

.box-price p {
	margin:0 0 5px;
}

.box-price p strong {
	font:21px Helvetica, Arial, sans-serif;
	color:#fff;
}

.box-price p span {
	color:#f29d00;
	font:bold 20px Arial, Helvetica, sans-serif;
}

.block-product .txt-inf {
	float:left;
	overflow:hidden;
	width:482px;
	padding:0 10px 0 24px;
	color:#000;
}

.block-product .txt-inf p {
	margin:0 0 5px;
	font:16px Arial, Helvetica, sans-serif;
}

.block-product .txt-inf p strong {
	font-size:18px;
}

.block-product .btn {
	float:left;
	width:125px;
	height:47px;
}

.block-product .btn a {
	display:block;
	width:125px;
	height:47px;
	font-size:18px;
	color:#fff;
	text-indent:-9999px;
	background:url(images/btn-continue.gif) no-repeat;
}

.product-info {
	width:100%;
	overflow:hidden;
	margin:0 0 32px;
}

.box-image {
	width:447px;
	overflow:hidden;
	float:left;
}

.box-image .image {
	width:411px;
	height:258px;
	overflow:hidden;
	background:url(images/bg-image.gif) no-repeat;
	position:relative;
	padding:53px 10px 0 26px;
	margin:0 0 25px;
}

.box-image .image img {
	display:block;
}

.zoom {
	width:19px;
	height:19px;
	position:absolute;
	bottom:15px;
	right:14px;
}

.box-complete {
	width:298px;
	margin:0 0 0 119px;
	overflow:hidden;
	padding:0 0 0 30px;
	color:#221f1f;
	font:14px/26px Helvetica, Arial, sans-serif;
	background:url(images/bg-box-complete.gif) no-repeat 0 3px;
}

.box-complete p {
	margin:0;
}

.box-text {
	width:415px;
	float:right;
	overflow:hidden;
	font:13px/16px Helvetica, Arial, sans-serif;
	margin:4px 7px 0 0;
	display:inline;
}

.title-kind {
	color:#535353;
	display:block;
	margin:0 0 10px;
	text-transform:uppercase;
	font-weight:normal;
}

.box-text h1 {
	font-size:28px;
	line-height:34px;
	color:#1f1f1f;
	margin:0 0 15px;
}

.box-text h2 {
	font-size:15px;
	color:#6095ac;
	margin:0 0 11px;
	font-weight:normal;
}

.box-text p {
	line-height:26px;
	margin:0 0 19px;
}

.block-price {
	width:415px;
	overflow:hidden;
	background:url(images/bg-dot2.gif) repeat-x;
	padding:11px 0 10px;
}

.box-sold {
	float:right;
	color:#999;
	font-size:15px;
	padding:4px 0 0;
}

.block-price p {
	font:20px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0;
}

.block-price p strong {
	color:#90931f;
}

.box-cart {
	width:415px;
	overflow:hidden;
	background:url(images/bg-dot2.gif) repeat-x;
	padding:17px 0 0;
}

.btn-add {
	float:right;
	width:217px;
	height:47px;
	text-indent:-9999px;
	background:url(images/btn-add.gif) no-repeat;
}

.form-quantity {
	width:190px;
	float:left;
	overflow:hidden;
	padding:10px 5px 0 0;
	font:15px Helvetica, Arial, sans-serif;
	color:#999;
}

.form-quantity legend, .form-quantity .hidden {
	display:none;
}

.form-quantity label {
	float:left;
	width:57px;
	padding:5px 5px 0 0;
}

.form-quantity .text {
	float:left;
	width:24px;
	height:20px;
	padding:6px 3px 0;
	margin:0 10px 0 0;
	display:inline;
	background:url(images/bg-input2.gif) no-repeat;
}

.form-quantity .text input {
	background:none;
	border:0;
	float:left;
	margin:0;
	padding:0;
	width:24px;
	height:20px;
	text-align:center;
}

.form-quantity span {
	float:left;
	margin:6px 0 0;
}

.txt-kind {
	width:812px;
	height:31px;
	display:block;
	text-indent:-9999px;
	margin:0 0 45px 53px;
	background:url(images/bg-title.gif) no-repeat;
}

/* BLOG */

#blog-main {
	width: 912px;
	margin: 0 auto;
	overflow: hidden;
	background: url(images/dot1.gif) repeat-y 250px 0;
}

#blog-header {
	height: 140px;
	padding-top: 20px;
	background: #010101 url(images/bg-new.jpg) repeat-x;
}

#blog-header h1 {
	/*height: 140px;
	margin: 0;
	background: #000;
	text-indent: -9999em;
	margin:25px auto;
	width:685px;*/
}
*+html #blog-header h1 {margin:40px auto;}



#sidebar {
	float: left;
	width: 250px;
}

#sidebar ul {
	width: 230px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
}

#sidebar li li {
	padding: 10px 5px;
	background: url(images/dot2.gif) repeat-x 0 100%;
}

#sidebar h2 {
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
}

#sidebar a {
	color: #666;
}

#sidebar a:hover {
	text-decoration: none;
	color: #00A6D3;
}

#sidebar .ad {
	margin: 0 0 15px 0;
}

#content {
	float: right;
	width: 620px;
}

#share {
	padding: 20px 0;
}

/* Blog Post */

.post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(images/dot2.gif) repeat-x 0 100%;
}

.post .byline {
	margin-bottom: 2em;
	font-size: 16px;
	color: #666;
}

.post .byline span {
	color: #000;
}

.post .byline a {
	text-decoration: underline;
	color: #00A9D3;
}

.post .byline a:hover {
	text-decoration: none;
}

.post .title, .pagetitle {
	margin-bottom: 30px;
	color: #000;
	line-height: normal;
}

.post .title a {
	letter-spacing: -2px;
	font-size: 35px;
	color: #000;
}

.post .title a:hover {
}

.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.commentlist .comment {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(images/dot2.gif) repeat-x 0 100%;
}

.commentlist .avatar {
	float: left;
	margin-top: -2px;
	margin-right: 7px;
}

.commentlist .says {
	display: none;
}

.commentlist .fn {
	padding-top: 5px;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
}

/* footer */

.footer-container {
	width:100%;
	height:100%;
	background:#000 url(images/bg-footer.jpg) repeat-x;
}

.footer-holder {
	margin:0 auto;
	width:910px;
}

.footer {
	width:910px;
	padding-top:30px;
}

.footer a {
	color:#737373;
	font-size:15px;
}

.kindthing {
	padding-top:19px;
}

strong.txt-kind {
	width:812px;
	height:31px;
	display:block;
	text-indent:-9999px;
	margin-left:58px;
	background:url(images/bg-title.gif) no-repeat;
}

.footer .f-left {
	width:939px;
	overflow:hidden;
	border-bottom:1px solid #1a1a1a;
	margin:0 0 20px -10px;
	padding:0 0 30px;
	font-size:14px;
	line-height:17px;
	list-style:none;
	text-align:center;
}

.footer .f-right {
	width:100%;
}

.footer p {
	margin:0;
	font-size:14px;
	line-height:16px;
	color:#737373;
	display:inline;
}

.footer ul {
	display:inline;
	float:right;
	margin:0;
}

.footer li {
	display:inline;
	background:url(images/bkg_pipe1.gif) 100% 50% no-repeat;
	padding:0 8px;
}

.footer li.last {
	background:none !important;
	padding-right:0 !important;
}

.footer .bugs {
	margin:0;
	color:#666;
}

.footer .bugs a {
	font-weight:bold;
	color:#444;
}

.footer address {
	color:#666;
}

.footer address a {
	color:#444;
}

.footer .form-subscribe {
	margin:8px 0;
}

.footer .form-subscribe label, .footer .form-subscribe .input-box, .footer .form-subscribe button.button {
	float:left;
}

.footer .form-subscribe label {
	padding-top:2px;
	font-weight:bold;
	color:#555;
}

.footer .form-subscribe .input-box {
	width:186px;
	margin:0 5px;
}

.footer .form-subscribe input.input-text {
	width:180px;
}

.footer .form-subscribe button.button span {
	height:23px;
	background-image:url(images/bkg_btn-small.png);
	line-height:20px;
}

.footer .footer-callout {
	display:block;
	margin:-10px 0 10px;
	position:relative;
}

.footer .store-switcher {
	color:#555;
	text-align:right;
}

.footer .store-switcher label {
	font-weight:bold;
	vertical-align:middle;
}

.footer .store-switcher select {
	padding:0;
	vertical-align:middle;
}

.footer-container .bottom-container {
	margin:0 0 8px;
	text-align:right;
}

.footer ul.links {
	margin: -4px -10px 0 0;
}

.footer ul.links li {
	padding-right: 8px;
	padding-left: 9px;
}


#mw-blog-news {
	margin: 0;
	letter-spacing: -10px;
	font-size:100px;
	text-align:center;
}

#mw-blog-news a:hover {
	text-decoration: none;
}

#mw-blog-news {
	position: relative !important;
	z-index: 1 !important;
}

cufon, canvas, .cufon, .cufon-canvas {
	position: relative !important;
	z-index: 1 !important;
}