/*
Theme Name: Chocablog 2013
Theme URI: https://www.chocablog.com/
Description: Chocablog New 2013
Version: 4.0
Author: Dom Ramsey
Author URI: http://www.domramsey.com/
Template: twentyten
*/

@import url("../twentyten/style.css");


ins.adsbygoogle { background: transparent !important; }

body { 
	width:100%;
	margin:20px 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, Sans-serif; 
	background-attachment:fixed !important;
}

#wrap {
	position:relative;
	xbox-shadow: 0 0 20px rgba(0,0,0,0.5);
	width: 980px;
	padding:10px;
	margin: 0 auto; 
	background-color:#fff;
}
#head {
	margin: 0 -10px 0 -10px;
	overflow:hidden;
	text-align:center;
	position:relative;
}
#head, #foot {
	background:#630;
	background: -moz-linear-gradient(top,  rgba(135,85,36,1) 0%, rgba(109,43,2,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,85,36,1)), color-stop(100%,rgba(109,43,2,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(135,85,36,1) 0%,rgba(109,43,2,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(135,85,36,1) 0%,rgba(109,43,2,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(135,85,36,1) 0%,rgba(109,43,2,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(135,85,36,1) 0%,rgba(109,43,2,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#875524', endColorstr='#6d2b02',GradientType=0 ); /* IE6-9 */
}
#title {
	float:left;
	margin:30px 0 30px 20px;
}
#subtitle {
	float:right;
	margin:45px 20px 10px 15px ;
}

#joinus {
	position:absolute;
	top: 125px;
	left:400px;
}
#subscribebar span {
	position:relative;
	top:-7px;
	left:-4px;
}

.wp-caption {
	border:1px solid #ccc;
	max-width: 640px !important; /* prevent too-wide images from breaking layout */
	padding: 2px ;
	background: #fff;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}

.chocophile {
	width:570px;
	padding: 32px 25px;
	background-image:url('images/chocophile-bg.png');
	background-repeat: repeat-y;
	margin: 10px auto 0 auto;
}
.chocophile img {
	float:right;
	border:0;
}
.chocophile h2, .chocophile h3 {
	font-family:impact, fantasy, monospace, fixed;
	font-size: 30px;
	text-transform: uppercase;
	color:red;
	margin:0;
}
.chocophile h3 {
	color:#999;
	font-size:24px;
	margin: 5px 0;
}

.chocophile dt {
	font-family: monospace,fixed;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#777;
}
.chocophile dd {
	color: #005;
	font-weight:bold;
	font-size:11pt;
	margin: 5px 20px 10px 30px;
	font-family: Comic Sans, Comic Sans MS, cursive;
	text-align:none;
}
.chocophilebottom {
	width:620px;
	height:32px;
	margin:0px auto;
	background-image:url('images/chocophile-bottom.png');
	background-repeat: repeat-none;
}
.chocophile dd a {
	color:#009;
}
.contentad {
	text-align:center;
	margin:30px 0 !important;
	border:2px solid #631;
	padding:8px;
	background-color:#eee;
	font-size:11px;
}

#searchbox {
	position:absolute;
	top:50px;
	right:15px;
	height:28px;
	text-align:right;
	padding:2px 10px 0 0;
}
#content {
	float: left; 
	width: 640px; 
	margin: 20px 0px 5px 10px; 
	text-align:justify;
	background-color:#fff;
}
.tax-origin #content {
	text-align:left;
}
.page-template-page-map-php #content, .page-template-recipes-php #content {
	width:960px;

}
.page-template-page-map-php #map_canvas {
	width:956px;
	height:476px;
	border:1px solid #ccc;
}
#map_canvas img {
	margin:auto !important;
}
#content p, #content ul {
	font-family:Georgia, "Bitstream Charter", serif;
	line-height:32px;
	font-size:18px;
	color:#333;
}
#content h2, #content h3 {
	color: #9B7B66; 
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 200;
	font-size: 22px;
}
#content h3 {
	font-size: 20px;
}

.home #content h2 {
	font-size: 18px;
}

#content td {
	vertical-align:top;
}
.post img { 
	border: 1px solid #eee; 
	max-width:638px; 
	margin:10px 0 !important; 
}
.post img.attachment-thumbnail {margin:1px 1px 0px 0px !important;}
#right {
	background-color:#fff;
	float: right; 
	width: 300px; 
	margin: 20px 10px 5px 0; 
	line-height:23px;
	font-size:14px; 
color:#444;
overflow:hidden;}
#right a {color:#663300;}
#right ul { margin: 0px; padding: 0; }
#right ul li { list-style-type: none; margin: 0px; padding-bottom: 5px; }
#right ul ul { margin: 0px; padding: 0px; }
#right ul li li { list-style-type: disc; margin: 0px; padding-bottom: 5px; margin-left:15px;}
#right ul li li li { list-style-type: none; margin: 0px; padding-bottom: 5px; margin-left:15px;}
#right ul.children { margin-top: 5px; margin-left: 10px; }
#right select { width: 140px; }
#right option { width: 140px; }

h2.widgettitle {
	margin: 5px 0 20px 0 !important;
}
li.widget {
	margin: 0 0 15px 0 !important;
}
li.widget#text-6 {
	/* right margin ad */
	margin: 0!important;
}
li.widget#text-16 {
	/* Social Links */
	background: #f5f5f5;
	border:1px solid #eee;
	margin-top: 10px !important;
	width:298px;
}

.widget ul, .widget h2, .home .widget p {
	margin-left:10px !important;
}

#foot {
	clear: both;
	position:relative;
	margin:10px -10px -10px -10px;
	text-align:center;
	padding:20px 15px;
	color:#fff;
	font-size: 14px;
}
#foot a {color: #fff;}
#foot a:hover {color: #ffa;}

.post { margin: 0px; padding-bottom: 50px; line-height: 24px; }
.postfoot,.pagefoot { font-size: 11px; text-align: right; line-height:16px;margin:10px 0 40px 0; padding-top: 10px; border-top: 1px solid #c96; }

h1, h2, h3, h4, h5, h6, h3#comments-title,h3#reply-title {
	color: #9B7B66; 
}

#content h1 {
	clear:both;
	font-size: 20px; 
	padding-bottom:5px;
	text-align:left;
	color: #9B7B66; 
	margin: 10px 0;
}
h1 a { text-decoration: none; }
h2 {font-size: 18px;clear:none;margin:20px 0 !important;}
h3 {font-size: 16px;clear:none;}
h4 {font-size: 14px;clear:none;}

#respond {
	border:0;
}
.comment #respond {
	margin-top:0;
}
a img { border: none; }
a:link, a:visited { color: #A26D49; }
a:hover { color: #000000; }

.adblock {
	margin: 0px;
	margin-bottom: 40px;
}
.post img.wp-smiley {
	border: 0px;
	background: none;
	padding: 0px;
}

.rating {
	/* should be just like storytitle, plus a float right */
	float: right;
	clear: right;
	color: rgb(82,117,154);
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold;
}

#ratingform {
	padding-bottom: 5px;
}

#ratingform input {
        color:#fff;
        font-weight:bold;
        border:1px solid;
        border-top-color:#999;
        border-left-color:#999;
        border-right-color:#666;
        border-bottom-color:#666;
        background-color: rgb(112,147,184);
}

#ratingsuccess {
	clear: both;
	padding: 5px;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	text-decoration: blink;
	background-color: rgb(192,211,226);
}

hr {
	height: 2px;
	color: #c96;
	background-color: #ccc;
	border:0;
}
#archiveblock {
	font-weight: normal;
	font-size:10px;
}
#feedsub {
	width:660px;
	float:left;
	text-align:center;
	margin:4px 0;
}
#feedsub form{
	font-size:12px;
        margin: 0;
        padding: 0;
	width:680px;
}
#searchbox form {
        margin: 2px 0;
        padding: 0;
}
#cse-search-box input, #feedsub input {
	font-family: arial, helvetica, sans-serif;
}
#q {
	border:0;
	width:315px !important;
	height:19px ;
	line-height:15px;
	padding:7px 6px 5px 6px;
	box-shadow: 0 0 2px 1px #999 inset;
	outline:none;
}
a.comment-reply-link, input[type="submit"], .submitbutton, #carousel_buttons a, .button, .paginator a {
	background: #CDCDCD; 
	background: -moz-linear-gradient(top, #FBFBFB 0%, #CDCDCD 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#CDCDCD)); 
	background: -webkit-linear-gradient(top, #FBFBFB 0%,#CDCDCD 100%); 
	background: -o-linear-gradient(top, #FBFBFB 0%,#CDCDCD 100%); 
	background: -ms-linear-gradient(top, #FBFBFB 0%,#CDCDCD 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#CDCDCD',GradientType=0 ); 
	background: linear-gradient(top, #FBFBFB 0%,#CDCDCD  100%); 
	border-color: #CCC #AAA #AAA #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-right: 1px solid #AAA;
	border-style: solid;
	border-width: 1px;
	color: #444 !important;
	cursor: pointer;
	font-size: 14px;
	line-height: 21px;
	padding: 4px 12px;
	text-decoration: none;
	text-shadow: 0 1px #F7F7F7;
	text-shadow: 0 1px rgba(255, 255, 255, 0.75);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
a.comment-reply-link:hover,input[type="submit"]:hover, .submitbutton:hover, #carousel_buttons a:hover, .button:hover, .paginator a:hover {
	background: #B3B3B3; 
	background: -moz-linear-gradient(top, #FBFBFB 0%, #B3B3B3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#B3B3B3)); 
	background: -webkit-linear-gradient(top, #FBFBFB 0%,#B3B3B3 100%); 
	background: -o-linear-gradient(top, #FBFBFB 0%,#B3B3B3 100%); 
	background: -ms-linear-gradient(top, #FBFBFB 0%,#B3B3B3 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#B3B3B3',GradientType=0 ); 
	background: linear-gradient(top, #FBFBFB 0%,#B3B3B3  100%); 
	border-color: #AAA #888 #888 #AAA;
	border-right: 1px solid #888;
	border-style: solid;
	border-width: 1px;
	color: #630 !important;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

blockquote {
	background-color: #f9fcf0;
	padding:10px;
	border-left: 4px solid #ccc;
	margin: 0 0 20px 10px;
}

blockquote p:last-of-type {
	margin-bottom: 0 !important;
}

.pullquote{
	border:0;
	width:240px;
	float:right;
	margin-left:20px;
	position:relative;
	top:10px;
}
.pullquote.pull-left {
	margin-left:0;
	margin-right:20px;
	float:left;
}
.pullquoute, .pullquote p {
	color: #A26D49 !important;
	font-size:30px !important;
	line-height:45px !important;
	font-style: normal !important;
	text-align:left !important;
	padding: 12px !important;
}
#buylinks {
	display:none;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
	width:435px;
	border: 2px solid #631;
	background-color: #f9fcf0;
	padding:0px;
	margin:15px auto;
}
#buytitle {
	background-color:#631;
	color:white;
	text-align:center;
	padding:2px;
	font-size:12px;
}

#buylinks ul {
	text-align:left;
	text-indent:0;
	margin: 5px 5px 5px 25px;
	font-size:15px;
	padding:3px;
}
#buylinks small {
	color: #666;
	font-size:11px;

}
.gravatar { 
	display:block; 
	position:relative;
	top:-4px;
	left:-4px;
	width:32px; 
	height:32px;
	float:left; 
	margin: 2px 10px 2px 2px; 
	border:2px solid #ccc;

}
.profileimage {
	float:right;
	margin-left:20px !important;
	background-color:#fff;
	border:1px solid #999;
}
.prevlink, .nextlink {
	margin:10px;
	font-weight:bold;
}
.prevlink {float:left;}
.nextlink {float:right;}

#topstrip {
	background:#520;
	overflow:auto;
	margin:-10px -10px 0 -10px;
}

#latest {
	white-space: nowrap;
	text-overflow: ellipsis;
	float:left;
	margin:15px 10px 15px 20px;
	font-size:14px;
	font-weight:bold;
	width:500px;
	overflow:hidden;
}
#socialicons span, #latest, #latest a {
	white-space: nowrap;
	color:#fff;
}
#latest a:hover {
	color: #FFA;
}
#socialicons {
        float:right;
	margin:0 20px 0 0;
}
#socialicons span {
	font-size:15px;
	font-weight:bold;
	display:block;
	float:left;
	font-size: 14px;
	margin: 15px 10px 0 0;
}
#socialicons img
{
	margin: 9px 0 1px 1px;
        padding:3px;
        width:24x;
        height:24px;   
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

}
#socialicons img:hover {
	background-color:#300;
}
#topnav ul {
	clear:left;
	text-align:center;
	margin:0 0 0 18px;
	padding:0;
}
#topnav li {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
#topnav a {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display:block;
	float:left;
	font-size:13px;
	width: 96px;
	height: 20px;
	margin: 2px 2px 0 2px;
	text-align:center;
	padding:12px 0 8px 0;
	text-transform: uppercase;
	color:#fff;
	text-decoration:none;
	text-shadow: -1px -1px 0px #963;
	background:#410;
}

#topnav a.homelink {
	width:54px;
}
#topnav a.homelink img {
	position:relative;
	top:0px;
}
#topnav a:hover, #topnav a.highlight {
        background: #300;
        color:#ee9;
        text-shadow: -1px -1px 0 #210;
}
#topnav a.highlight {
	padding:15px 0;
	margin-top:-8px;
}

.navigation {
	clear:left;
}
dt {
	font-style: italic;
	font-weight: bold;
}

ul#featured{
	margin:0;
	padding:0;
	list-style:none;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight:normal;
	font-size:1.2em;
	position:relative;
}

ul#featured li {
	display:block;
	float:left;
	justify:none !important;
	background-color: #ccc;
	background-repeat:no-repeat;
	background-position:center; 
	width:315px;
	height:250px;
	padding:0px;
	margin:0 10px 0 0;
        text-shadow: 0 0 2px #000;
}
ul#featured.featured-3 li {
	margin-right:7px;
}
ul#featured li:last-child {
	margin-right:0;
}


/* home page featured blocks */
.home ul#featured {
	position:absolute;
	right:0;
	top:230px;
	margin:0;
}
.home ul#featured li {
	margin:0;
	float:none;
	width:360px;
	height:200px;
	background-width: 360px auto;
}

.home ul#featured li a {
	width: 360px;
	height:200px;
}

.home ul#featured li.art-2 a {
	background:rgba(60,20,60,0.7);
}

.home ul#featured li a span {
	width: 340px;
	background:none;
	position:absolute;
	bottom:9px;
	font-size: 24px;
	line-height:32px;
}
.home ul#featured li a:hover {
	background:rgba(40,10,0,0.4);
}

.home #right {
	margin-top: 0;
}
.home #content {
	margin-top: 10px;
}
#ad300x250 {
	width:300px;
	height:250px;
}
#ad300x600 {
	width:300px;
	height:600px;
}
.home #ad300x250, .category #ad300x250 {
}

/* Recipes & other 3-wide featured blocks */
ul#featured.featured-3 {
	margin: 0 -10px 10px -10px;
	font-size:24px;
	line-height:32px;
}
ul#featured.featured-3 li, ul#featured.featured-3 li a {
	width: 332px;
	margin:0;
}
ul#featured.featured-3 li.art-1, ul#featured.featured-3 li.art-1 a {
	width: 336px;
	margin:0;
}

/* Set exact size for FB & Twitter box so we don't have to wait to render page */
#text-16 {
	width: 300px;
	height: 150px;
	overflow:hidden;
}

ul#featured li:hover, #ad300x250:hover {
	border-color: #c96;
}
body.home #adunderline, body.category #adunderline {
	height:10px;
	background-color:#c96;
	margin-bottom:10px;
}


ul#featured li a {
	display:block;
	height:250px;
	width:315px;
	color:white;
	text-decoration:none;
	vertical-align:bottom;
	background:rgba(70,30,0,0.6);
	position:relative;
}

ul#featured li a span {
	text-align:left;
	padding: 15px 10px;
	width:295px;
	display:block;
}
ul#featured li a:hover {
	color: #ffa;
	background:rgba(40,20,0,0.3);
}

.article_details {
	margin: 0 0 20px 0;
	font-size: 0.9em;
}

#cocoagraph {
	width:600px;
	margin:auto;
	padding:10px 10px 0 20px;
	background-color:#fff;
	border:1px solid #930;
	background-image:url('//www.chocablog.com/wp-content/uploads/2006/04/graph.png');
	background-repeat:no-repeat;
}

#cocoagraph img{
	margin:0;
	padding:0;
	border:0;
	margin-bottom:35px;
}
.legend {
	position:absolute;
	top:-50px;
	left:40px;
	width:600px;
}
.legendLabel {
	font-size:11px;
	padding:0;
}

.gallery-item {
	width:154px !important;
	margin:1px !important;
}
.gallery-item img {
	background-color:#fff !important;
	padding:1px !important;
	border:1px solid #9B7B66 !important;
}

.wp-pagenavi {
	margin:10px auto !important;
}
.wp-pagenavi .pages, .wp-pagenavi a, .wp-pagenavi .current{
	background-color:#fff !important;
}

.taglist {
	display:block;
	margin:5px 0;
	font-size:13px;
}
.taglist a {
	white-space:nowrap;
}

.chochide {
	display:none;
}

.featured-listing {
        clear:both;
       	width:635px;
        min-height:160px;
        margin: 20px 0 0 0;
}

.jCarouselLite {
	width:640px;
	height:400px;
	margin: 0 0 0 -10px;
}

.jCarouselLite li {
        margin:0;
        padding:0;
       	width:640px;
        height:400px;
	background-color:#000;
        background-position: center center;
        position:relative;
	background-repeat: no-repeat;
	text-align:left;
        text-shadow: 0 0 2px #000;
}

.jCarouselLite a {
	display:block;
	backgound-color: #333;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:400px;
	text-decoration:none;
        text-shadow: 0 0 18px #000, 0 0 1px #000;
}
.jCarouselLite h2 {
        width:600px;
        padding:30px 20px;
	font-size:28px !important;
	line-height:38px !important;
	color:#fff !important;
	margin: 0 !important;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}

.jCarouselLite p {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */
	margin:0 !important;
	color:#fff !important;
	padding:20px;
	width:600px;
	position:absolute;
	bottom:0;
	font-size: 24px !important;
	line-height:40px !important;
}

.jCarouselLite a:hover h2, .jCarouselLite a:hover p{
        color: #ffa !important;
}


#carousel_buttons {
	display:none;
}

.featured-thumbnail, .featured-thumbnail2 {
        border:2px solid #fff;
        width:150px;
        height:150px;
        margin:10px;
        float:left;
	margin:0;
}

.featured-listing.even .featured-thumbnail {
	float:right;
}


.featured-excerpt {
        float:left;
        margin:0px 0px 20px 20px;
       	width:450px;
	text-align:left;
}

.featured-listing.even .featured-excerpt {
	text-align:right;
}
.featured-excerpt h2 {
	font-size:20px;
	margin:0 !important;
}

.featured-excerpt h2 {
        color:#FFA !important;
       	margin:0 10px;
}


#homepagelatest {
	list-style:none;
	margin: 0 !important;
}

#homepagelatest li, .image-only {
	display: inline-block;
	padding:0;
	width:150px;
	height:150px;
	margin:0 5px 0 5px;
	text-overflow: ellipsis;
	overflow:hidden;
	position:relative;
}
#homepagelatest a, .image-only a{
	background:rgba(70,20,0,0.7);
	padding:0 !important;
	margin:0;
	display:block;
	width:150px;
	height:150px;
	text-decoration:none;
	color:#fff;
}
#homepagelatest h2, .image-only h2 {
	margin:0 !important;
	padding:10px;
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	width:130px;
	max-height:140px;
	font-size:15px;
	color:#fff !important;
}
#homepagelatest .description, .image-only .description {
	display:none;
}
#homepagelatest li:hover h2, .image-only:hover h2 {
	color: #ffa !important;
}

#homepagelatest li:hover a, .image-only:hover a {
	background:rgba(40,10,0,0.4) !important;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
}
.image-only {
	display:inline-block;
	float:left;
	margin-bottom:10px;
}


#related_posts {
	width:300px;
	float:left;
	text-align:left;
}
#related_posts li, #post_details li {
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
}

#comments {
	clear:both;
}

#comments .comment {
	list-style:none;
	background-color: #e0e0e0;
	padding:10px 10px 10px 80px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align:left;
	border:1px solid #ccc;
	overflow:hidden;
}

#comments .comment.byuser {
	border: 2px solid #999;
}

#comments .comment.byuser .fn {
	color: #999;
}

cite.fn {
	display:block;
	margin-top:5px;
}
#comments .comment .avatar {
	top:15px;
	left:15px;
	padding:1px;
	border:1px solid #410;
}

#comments .comment.odd {
	background-color:#f0f0f0;
}

#commentform input[type="text"], #commentform textarea {
	padding:5px;
}
#content ul {
	list-style-type: disc;
}
#content td, #content table {
	border:0 !important;
}
#content td {
	vertical-align:top;
}

img.aligncenter {
	margin-left:auto !important;
	margin-right:auto !important;
}
.wpcf7 input[type="text"], .wpcf7 textarea {
	width:630px;
	padding:5px;
}

.wpcf7-captchac {
	vertical-align:middle;
}
h1.homepage-more{
	border:0 !important;
	margin:0 0 10px 2px !important;
	position:relative;
	top:-5px;
}
.home #content .button {
	margin:10px 0;
}


.shop-thumbnail {
	width:280px;
	padding:10px;
	background-color:#eee;
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* W3C */
	margin:0 10px 10px 0;
	text-align:left;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
        -webkit-border-radius: 15px;
	border:2px solid #ccc;
}

.shop-thumbnail:nth-child(odd)  {
	float:left;
	clear:left;
}
.shop-thumbnail:nth-child(even)  {
	float:right;
	clear:right;
}
.shop-thumbnail .image-only {
	float:none;
	margin:auto;
	background-color:#ccc;
	background-image: url('images/nophoto.png');
}
.shop-thumbnail h2 {
	text-align:center;
	margin:5px 0 !important;
}
.shop-thumbnail .button {
	display:block;
	margin:5px auto;
	width:100px;
	text-align:center;
}
.shop-thumbnail .review-link{
	color:#411;
	display:block;
	text-align:right;
}
.shop-thumbnail p, .shop-thumbnail .review-link {
	font-size:12px !important;
	margin:5px 0 !important;
}

.shop-search {
	margin:10px 0;
	width:610px;
	text-align:center;
	background-color:#99a;
	padding:10px;
	color:#fff;
}
.shop-search #q {
	width:250px;
	border:2px solid #ccc;
	font-size:15px;
	line-height:auto !important;
	height:auto !important;
	padding: 2px;
	margin:0 10px !important;
}
.shop-nav {
	text-align:center;
	margin:0 !important;
}

.paginator {
        clear:both;
        overflow:auto;
        padding:8px 5px;
        text-align:right;
        margin: 10px 10px 10px 0;
	font-size:11px;
}
.paginator span {
        float:left;
}
.paginator a {
	padding:3px;
}
.paginator .currentPage, .paginator .currentPage:hover {
        background:none;
	border:0;
        color:#eee;
}

#text-19 strong {
	color:red;
}

.recipeseo-title {
	font-weight:bold;
	font-size:18px;
}



.eventslist td {
	vertical-align:top;
}

.eventslist h2 {
	margin:5px 0 !important;
}

.em-location-map {
	margin: 10px 0;
	border:1px solid #CCC;
}
.em-map-location {
	margin:20px 0;
}
.em-search-wrapper, .em-events-search-form {
	display:none;
}
#event-form {
	text-align:left !important;
}
#event-form textarea, #event-form input[type="text"] {
	padding:5px !important;
}
#event-form #em-location-data input[type="text"],
#event-form .event-form-submitter input[type="text"],
#event-form .event-attributes input[type="text"] {
	width:400px !important;
}

ul.categorylist, ul.shoplist {
	margin:0;
}

ul.categorylist li, ul.shoplist li {
	margin:0;
	list-style:none;
	clear:both;
	text-align:left;
}
ul.categorylist li.mainfeature {
	background: #eee;
	padding:20px;
	border:1px solid #ccc;
	margin: 10px 0;
}

ul.categorylist li.mainfeature img {
	margin: 0 auto 10px auto;
	display:block;
	border:1px solid #ccc;
}

ul.shoplist li {
	margin-top:20px;
	overflow:auto;
}

ul.categorylist .date {
	margin-top:-20px;
	font-style: italic;
}

ul.categorylist .thumbnail, ul.shoplist .thumbnail {
	float:left;
	width:150px;
	margin:0 20px 10px 0;
	height:150px;
	border:1px solid #ccc;
}
ul.categorylist h3, ul.shoplist h3 {
	margin: 0 ;
	font-size:22px;
}
ul.shoplist .product {
	width:410px;
	float:left;
	margin-bottom: 20px;
}


.page-template-recipes-php ul.categorylist {
}
.page-template-recipes-php ul.categorylist li {
	clear:none;
	width:450px;
	height:200px;
	margin: 0 20px 0 0;;
	float:left !important;
}

.youtubechannelEntry {
        overflow:hidden;
	height: 180px;
	width:319px;
	float:left;
	position:relative;
	margin: 1px 1px 0 0;
}
.youtubechannelEntry .overlay{
	z-index:100;
	position:absolute;
	top:0;
	width:320px;
	height:180px;
	background: rgba(70,20,0,0.4);
}
.youtubechannelEntry .overlay:hover{
	background:none;
}
.youtubechannelEntry h4 {
	color:#fff !important;
	position:absolute;
	width:300px;
	margin: 0 !important;
	bottom: 0;
	text-align:right;
	font-weight:normal;
	z-index:120;
	font-size:18px;
	padding:10px;
        text-shadow: 0 0 10px #000;
}
.youtubechannelEntry img {
	width:320px;
	height:240px;
	position:relative;
	top:-40px;
}

.youtubesubscribe {
	display:block;
	margin:20px auto;
	text-align:center;
	width:180px;
}


#homepagemap {
	width:628px;
	height:240px;
	clear:both;
	position:relative;
	top:20px;
	left:5px;
	background-image: url('//www.chocablog.com/wp-content/uploads/2013/01/cocoamap.jpg');
}
#homepagemap a {
	position:absolute;
	bottom:0;
	width:627px;
	height:242px;
	text-decoration:none;
	display:block;
	color:#fff;
}
#homepagemap a:hover {
	color:#ffa;
}
#homepagemap h2 {
	padding:20px !important;
	margin:0 !important;
	position:absolute;
	bottom:0px;
	left:0px;
	font-size: 22px !important;
	font-weight: 0.1;
	color:inherit;
}

.single-origin-map {
	position:relative;
	float:right;
	display:block;
	width:300px;
	height:300px;
}
.single-origin-map span {
	position:absolute;
	background:rgba(70,20,0,0.5);
	display:block;
	width:300px;
	height:300px;
	top:0;
	left:0;
}
.twitter-tweet-rendered {
	margin:auto !imortant;
}

.widget .em-calendar {
	border:1px solid #ccc;
}  
.em-calendar {
	margin:10px;
        font-size: 16px;
}
.em-calendar .days-names td {
        font-size:11px;
        background-color:#eee;
}
.em-calendar td a{
        border: 0 !important;
}
.em-calendar td{
        padding:4px 9px !important;
        border:1px solid #eee;
        background-color:#fff;
}
.em-calendar td.eventful{
        background-color:#ffc;
}
.em-calendar td.eventful-today, .em-calendar td.eventless-today{
	background-color:#C96 !important;
	color:#FFF !important;
}
.em-calendar thead td{
        font-size:13px;
	background-color: #421;
        color:#fff;
}
.em-calendar thead td a{
        color:#fff !important;
	text-decoration:none !important;
}
.em-calendar td.eventful a{
        color:#000 !important;
}

.recipeinfo {
	margin: 10px 0 0 0;
	text-align:center;
	font-size: 12px;
}
.recipeinfo time {
	padding: 0 10px;
}

.recipeinfo strong {
	color: #421;
}


/* Instagram Slider Widget */
.pllexislider {
	width: 300px !important;
	height:280px !important;
	overflow:hidden !important;
}
.pllexislider ul {
	margin:0 !important;
}
.pllexislider ul li { 
	margin-left:0 !important;
	padding:0 !important;
}
.pllexislider ul li img { 
	width:280px !important;
	height:280px !important;
	margin:0 10px !important;
}
.jr-insta-wrap {
	margin:0 10px -10px 10px !important;
}
.jr-insta-datacontainer {
	margin-bottom:10px !important;
}

/* Prevent jumping when floating social bar is fixed at top of screen. Also edit the .JS file */
.fsb-fixed-body .fsb-clear {
	height:70px;
}
/* sticky right column */
#text-24.stick {
    position:fixed;
    top:22px;
}

@media print {
	body {
		background:white; color:black; margin:0;
	}
	body #content {
		width:100%;
	}
	#topad, #topnav, #head, #right, #foot, #comments, #commentlist, .socialbookmarks, .postfoot, #related_posts, .contentad,
		#postcomment, #commentform, #commentsrss, .byline {
		display:none;
	}

}


@media only screen and (max-width : 990px) {
	body {
		background:#fff !important;
	}
	#wrap { width: auto !important;}
	#head {width: auto; }
	#right, #featured, .jCarouselLite, #searchbox, #homepagemap {
		display:none !important;
	}
	#content {
		width:auto !important;
		margin:0;
	}
	#content img, #content iframe {
		max-width: 95% !important;
		margin-left:0;
		margin-right:0;
	}
	#mobilead {
		margin-top:10px;
		text-align:center;
		display:block !important;
	}
	
	#comments {
		display:none;
	}

}