/*
Theme Name: Chocablog NGX2
Theme URI: http://www.chocablog.com/
Description: Chocablog 2012 Theme
Version: 3.0
Author: Dom Ramsey
Author URI: http://www.domramsey.com/
Template: twentyten
*/

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

body { 
	background-color:#fff;
	background-image: url('images/choc-shavings.jpg');
	width:100%;
	margin:20px 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, Sans-serif; 
	font-size: 10px;
}

#wrap {
	width: 980px; 
	padding:10px;
	margin: 0 auto; 
	background-image:none;
	background-color:#fff;
	-webkit-box-shadow: 0 0 10px #100, 0 1px 4px #000;
	-moz-box-shadow: 0 0 10px #100, 0 1px 4px #000;
	-o-box-shadow: 0 0 10px #100, 0 1px 4px #000;
	box-shadow: 0 0 10px #100, 0 1px 4px #000;
}

#head {
	position:relative;
	width:1000px;
	margin: -10px -10px 0 -10px;
	overflow:hidden;
	height: 140px; 
	text-align:center;
	background: #841;
	background-image: url('images/chocablog-header.jpg');
}

#title {
	float:left;
	margin:20px 0 10px 20px;
}
#subtitle {
	float:right;
	margin:45px 20px 10px 15px ;
}

#joinus {
	position:absolute;
	top: 125px;
	left:400px;
}
#sociallinks {
	position:absolute;
	top: 125px;
	right:10px;
}

#sociallinks a {
	display:block;
	float:left;
	width:36px;
	height:36px;
	margin:1px;
}

#sociallinks a:hover {
	margin:0px;
	border:1px solid yellow;
}
#subscribebar span {
	position:relative;
	top:-7px;
	left:-4px;
}

.wp-caption {
	margin-bottom:0;
	padding-bottom:0;
}
.wp-caption-text {
	margin:0;
	font-size:x-small;
}
.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;
}

#searchstrip {
	color:#fff;
	height: 32px;
	padding: 2px 0;
	margin:0 -10px 15px -10px;
}

#searchbox {
	float:right;
	width:300px;
	height:28px;
	text-align:right;
	padding:2px 10px 0 0;
}
#content {
	float: left; 
	width: 640px; 
	margin: 5px 0px 5px 10px; 
	text-align:justify;
	background-color:#fff;
}
#content p, #content ul {
	font-family:Georgia, "Bitstream Charter", serif;
	line-height:1.75em;
	font-size:1.05em;
	color:#333;
}
#content h2, #content h3 {
	font-weight:bold;
}
#content td {
	vertical-align:top;
}
.post img { 
	border: 1px solid #999; 
	max-width:638px; 
	background-color: #ffffff; 
	margin:10px 0 !important; 
}
.post img.attachment-thumbnail {margin:1px 1px 0px 0px !important;}
#right {
	background-color:#fff;
	float: right; 
	width: 300px; 
	margin: 5px 10px 5px 0; 
	font-size:13px; 
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;
}
.widget ul, .widget h2, .home .widget p {
	margin-left:10px !important;
}

#foot {
	clear: both;
	position:relative;
	margin:10px -10px -10px -10px;
	background-color:#630;
	text-align:center;
	padding:10px 15px;
	color:#fff;
	font-size: 12px;
}
#foot a {color: #fff;}

.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; }
#content h1 { clear:both;
	color: #9B7B66; 
	font-size: 18px; 
	border-bottom:1px solid #A26D49;
	padding-bottom:5px;
	text-align:left;
	margin: 10px 0;
}
h1 a { text-decoration: none; }
h2 {font-size: 16px;clear:none;margin:20px 0 !important;}
h3 {font-size: 14px;clear:none;}
h4 {font-size: 13px;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;
}
#inputbox, #q {
	border:2px solid #b85;
	width:200px !important;
	height:16px ;
	line-height:16px;
	padding:2px 4px;
}
.submitbutton {
	background-color:transparent;
	border:0;
	padding:1px 5px;
	color:#fff !important;
	position:relative;
	top:0;
	left:-3px;
	height:24px !important;
	text-transform:uppercase;
	text-decoration:underline;
}
.submitbutton:hover {
	background:#963;
	text-decoration:none;
}

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;
}


#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 #9B7B66;
	border-top:0;
}
.prevlink, .nextlink {
	margin:10px;
	font-weight:bold;
}
.prevlink {float:left;}
.nextlink {float:right;}
#topnav {
	clear:left;
	text-align:center;
	margin:0 0 0 20px;
	padding:0;
}
#topnav li {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
#topnav a {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	display:block;
	float:left;
	font-family:arial, helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	width: 110px;
	height: 15px;
	margin: 1px 2px 0 2px;
	text-align:center;
	padding:7px 0;
	text-transform: uppercase;
	color:#fda;
	text-decoration:none;
	text-shadow: 1px 1px 1px #963;
}

#topnav a, #searchstrip {
	background-color: #c96;
	background: -moz-linear-gradient(top, #cc9966 0%, #cc9966 45%, #aa7733 96%, #996622 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc9966), color-stop(45%,#cc9966), color-stop(96%,#aa7733), color-stop(100%,#996622)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cc9966 0%,#cc9966 45%,#aa7733 96%,#996622 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cc9966 0%,#cc9966 45%,#aa7733 96%,#996622 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cc9966 0%,#cc9966 45%,#aa7733 96%,#996622 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9966', endColorstr='#996622',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #cc9966 0%,#cc9966 45%,#aa7733 96%,#996622 100%); /* W3C */
}

#topnav a.homelink {
	width:40px;
}
#topnav a.homelink img {
	position:relative;
	top:0px;
}
#topnav a:hover, #topnav a.highlight {
	background: #c96;
	color:#842;
	text-shadow: #fda 1px 1px 1px;
}

#topnav a.highlight {
	position:relative;
	top:-4px;
	padding:10px 3px 8px 3px;
}

dt {
	font-style: italic;
	font-weight: bold;
}

ul#featured{
	margin:0;
	padding:0;
	list-style:none;
	font-family: arial, helvetica, sans-serif !important;
	font-weight:bold;
	position:relative;
}

ul#featured li {
	display:block;
	float:left;
	justify:none !important;
	background-color: #ccc;
	background-repeat:no-repeat;
	background-position:center; 
	width:320px;
	height:250px;
	padding:0px;
	margin:0;
	font-size:13px;
	border-bottom:10px solid #c96;
}

ul#featured li.art-2 {
	position:absolute;
	left:330px;
}
#ad300x250 {
	background-color:ccc;
	width:300px;
	height:250px;
}
.home #ad300x250, .category #ad300x250 {
	border-bottom:10px solid #c96;
}

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


ul#featured li a {
	display:block;
	background-image:url('images/smallfeaturedbg.png');
	background-repeat:repeat-x;
	padding:10px 10px;
	width:300px;
	height:230px;
	color:white;
	text-decoration:none;
	vertical-align:bottom;
}

ul#featured li a:hover {
	color: #ffa;
}

.article_details {
	border-bottom:1px solid #A26D49;
	background:#eee;
	padding:10px 15px;
	margin:-10px 0 15px 0;	
}
.byline {
	text-align:right;
	color:#666;
	font-size:8pt;
	margin:0;
}

.smallsharelinks {
	font-size:10px;
	color:#666;
	float:left;
}
.smallsharelinks a {
	color:#666;
}

#cocoagraph {
	width:600px;
	margin:auto;
	padding:10px 10px 0 20px;
	background-color:#fff;
	border:1px solid #930;
	background-image:url('http://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 li {
        margin:15px 0;
        padding:0;
       	width:640px;
        height:360px;
        background-color:#ccc;
        background-position: center center;
        position:relative;
	background-repeat: no-repeat;
	text-align:left;
        text-shadow: 0 0 2px #000;
	position:relative;
	font-family: Arial, Helvetica, Sans-Serif !important;
}

.jCarouselLite a {
	display:block;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:360px;
	text-decoration:none;
        text-shadow: 0 0 4px #333;
}
.jCarouselLite h2 {
        background-image:url('images/featuredbg.png');
        margin:0 !important;
        width:620px;
        padding:10px;
	font-weight:normal;
	font-size:24px !important;
	color:#fff !important;
}

.jCarouselLite p {
	margin:0 !important;
	color:#fff !important;
	padding:20px;
	width:600px;
        background-image:url('images/featuredbg.png');
	position:absolute;
	bottom:0;
}

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


#carousel_buttons {
	margin: -12px 0 0 0;
	float:right;
}

#carousel_buttons a{
	width:16px;
	height:16px;
	padding:3px 8px;
	color:#fff;
	text-decoration:none;
	background-color:#ccc;
	margin:0 0 0 2px;
}
#carousel_buttons a:hover{
	background-color:#532;
}


.featured-thumbnail, .featured-thumbnail2, .image-only {
        border:2px solid #fff;
        width:150px;
        height:150px;
        margin:10px;
        float:left;
	margin:0;
	box-shadow: 0 0 4px #999;
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
}

.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;
}

.image-only {
	padding:0;
	margin:0;
	float:left;
	width:150px;
	height:150px;
	position:relative;
	clear:none;
	margin:0 0 5px 5px;
}
.image-only a{
	position:absolute;
	top:0;
	padding:0 !important;
	margin:0;
	display:block;
	width:150px;
	height:150px;
	text-decoration:none;
	color:#fff;
}
.image-only h2 {
	margin:0 !important;
	padding:5px;
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	width:140px;
       	background-image:url('images/featuredbg.png');
	color:#fff !important;
        text-shadow: 0 0 2px #000;
}
.image-only .description {
	display:none;
}
.image-only:hover {
	border-color: #ffa;
}
.image-only:hover h2 {
	color: #ff6 !important;
}

#related_posts {
	width:300px;
	float:left;
	margin-top:40px;
	text-align:left;
}
#related_posts 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 60px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:left;
}

#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:9px;
	padding:1px;
	border:1px solid #410;
}

#comments .comment.odd {
	background-color:#f0f0f0;
}
a.comment-reply-link {
	background-color:#c96;
	color:#fff;
	padding: 3px 9px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration:none;
}
a.comment-reply-link:hover {
	background-color: #631;
	color:#fff;
}

#content ul {
	list-style-type: disc;
}

#content td {
	vertical-align:top;
}

#post_details {
	width:572px;
	padding:20px;
	background-color: #f5f5f5;
	border: 4px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: left;
	margin:15px 10px;
	-webkit-box-shadow: 0 0 8px #999;
	-moz-box-shadow: 0 0 8px #999;
	-o-box-shadow: 0 0 8px #999;
	box-shadow: 0 0 8px #999;
}

#post_details h2 {
	color:#999;
	margin:0 !important;
}
#post_details ul {
	margin: 5px 20px;
}

img.aligncenter {
	margin-left:auto !important;
	margin-right:auto !important;
}

.contactright input[type="text"], .contactright textarea {
	width:400px;
	padding:5px;
}

h1.homepage-more{
	border:0 !important;
	margin:0 0 10px 2px !important;
	position:relative;
	top:-5px;
}

a.button {
	line-height:13px;
	font-size:11px;
	text-decoration:none;
	padding: 3px 10px;
	padding:5px 12px;
	color:#fff !important;
	text-transform:uppercase;
	border-radius: 13px;
	background-color:#630;
}
a.button:hover {
	background-color: #421;
}

.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;
        background-color:#99a;
        padding:8px 5px;
        text-align:right;
        margin: 10px 10px 10px 0;
	font-size:11px;
}
.paginator span {
        float:left;
        font-weight:bold;
        color:#eee;
}
.paginator a {
        background:#ccd;
        text-decoration:none;
        padding:4px 8px;
        color:#333;
}
.paginator a:hover {
        background:#668;
        color:#fff;
}
.paginator .currentPage, .paginator .currentPage:hover {
        background:#aab;
        color:#eee;
}

#text-19 strong {
	color:red;
}

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

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

}