/*
Theme Name: 33flavors
Author: Heidi Pesotski

Colors:
	body text: #696969
	headers, comment form text: #585858
	links: #3d3d3d
	link hover: #7ea24b
	dotted lines: #d8d8d8
	menu link hover bg: #f2f5ed
	admin comment bg, list head: #f9fcf5
	
*/

@font-face {
    font-family: 'TrocchiRegular';
    src: url('Trocchi-webfont.eot');
    src: url('Trocchi-webfont.eot?#iefix') format('embedded-opentype'),
         url('Trocchi-webfont.woff') format('woff'),
         url('Trocchi-webfont.ttf') format('truetype'),
         url('Trocchi-webfont.svg#TrocchiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrocchiBold';
    src: url('Trocchi-Bold-webfont.eot');
    src: url('Trocchi-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Trocchi-Bold-webfont.woff') format('woff'),
         url('Trocchi-Bold-webfont.ttf') format('truetype'),
         url('Trocchi-Bold-webfont.svg#TrocchiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* STYLE RESET*/

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; }body{line-height: 1;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none }table{border-collapse:collapse;border-spacing: 0;}

/* FONTS */

body{
	font-family: Helvetica, Arial, sans-serif;
	background: #ffffff !important;
	color: #696969;
	font-size: .9em;
  	line-height: 1.5em;
//	font-size: 100%;
  	font-size-adjust: none;
	font-variant: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

p {
  	font-size: 1em;
  	line-height: 1.5em;
  	margin: 1em 0 1.5em 0;
	padding: 0; 
}

h1 {
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.25;
	margin-bottom: 0.75em;
}

h3 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1;
	margin-bottom: .5em;
}

h4 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1;
	margin-bottom: .5em;
}

h5 {
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 1.5em;
}

h6 {
	font-size: .75em;
	font-weight: bold;
}

h1, div#header h1 span, h2, h3, h4, h5 {
	font-family: 'TrocchiRegular', Georgia, "Times New Roman", serif;
	//color: #7ea24b;
}
textarea#comment, input#author, input#email, input#url {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 1em;	
	color: #585858;
}

div#content small, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed {
	font-size: .75em;
}

#header span {
	font-size: 0.19em;
	font-family: Helvetica, Arial, sans-serif !important;
//	font-weight: normal;
	text-transform: uppercase;
//	letter-spacing: .5em;
//	font-style: italic;
}

hr{
	border: 0;
	margin: 30px 0 30px 0;
	border-bottom:1px dotted #d8d8d8;
}

h2.title {
	font-size: 1.5em;
	font-weight: normal;
}
ul#sidebar h2 {
	font-family: 'TrocchiBold', Georgia, "Times New Roman", serif;
}

/* SITE-WIDE */

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	text-align:center;
}

p.right {
	text-align:right;
}

p.center {
	text-align:center;
}

p.admin {
	color: #aaa;
	font-size: 12px;
}

p.nocomments {
	padding: 0 20px;
	font-style: italic;
	color: #585858;
}

p.pagelink {
	word-spacing: 5px;
}

p.pagelink a {
	padding: 5px;
	border: 1px dotted #d8d8d8;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright{
	float: right;
}

img.alignleft{
	margin-right: 15px;
	margin-bottom: 15px;
}

img.alignright{
	margin-left: 15px;
	margin-bottom: 15px;
}

img.aligncenter{
	margin-bottom: 15px;
}

img.size-full {
	max-width: 580px;
	height: inherit;
}

.frame {
	padding: 5px;
	border: 1px dotted #d8d8d8
}

blockquote, .comment-field {
	padding: 0 10px 0 0;
	margin-bottom: 20px;
	font-family: monospace;
	font-size: .9em;
}

blockquote p {
	margin-top: 0 !important;
}

div.gallery {
	margin-bottom: 14px;
}

img.attachment-thumbnail {
	border:0;
}
.caption {
	text-align: center;
	font-style: italic;
	font-size: .8em;
}
dd.gallery-caption {
	color: #585858;
	font-size: 0.75em;
	font-style: italic;
	margin-top: 8px;
}

/*
table {
	border: 1px dotted #d8d8d8;
	padding: 15px;
	margin-bottom: 1.5em;
}

td{ 
	padding: 5px 5px;
	border-right: 1px dotted #d8d8d8;
}

th{ 
	padding-bottom: 5px;
	padding: 5px 5px;
}
*/
caption{ 
	font-weight: bold;
	border-bottom: 1px dotted #d8d8d8;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.mobile-only {
	display: none;
	//height: 0;
}

/* LINKS */

a {
	color: #3d3d3d;
	text-decoration: underline;
	//border-bottom: 1px dotted #d8d8d8;
}

a:hover {
	//color: #7ea24b;
	//border-bottom-color: #d8d8d8;
}

div.postmeta span.comments a {
	font-weight:bold;
	text-transform: uppercase;
//	padding: 2px 5px 1px 0px !important;
//	margin-right: 2px;
	border: 0;
//	border-right: 1px dotted #d8d8d8;
}

h1 a:hover, h2 a:hover {
	text-decoration: none;
}

h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited {
	//color: #7ea24b;
	text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h1 a:active,
h2 a:active,
h1.title a:hover,
h2.title a:hover,
h1.title a:active,
h2.title a:active {
	color: #585858;
	text-decoration: none;
}
a.more-link {
}

a.post-edit-link,div.reply a{
	padding: 5px;
	border: 1px dotted #d8d8d8;
}
a.noborder {
	border: 0 !important;
}

/* HEADS */

div#content h1{
	margin-bottom: 8px;
	padding-bottom: 16px;
}

div#content h1.listhead {
	font-size: 0.85em;
	text-transform: uppercase;
	//background: #f9fcf5;
	border: 1px dotted #d8d8d8;
	margin: 0 0 20px 0;
	padding: 10px !important;
}

ul#sidebar h2, div.nav{
	font-size: 1em;
	text-transform: uppercase;
//	font-weight: bold;
}

ul#sidebar h2 {
	margin-bottom: 10px;
}

#header {
	margin: 25px 0 0 0;
	//border-bottom: 1px dotted #d8d8d8;
}
#headerimg a {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
#headerimg img {
	width: 100%;
	height: auto;
}
h1.blog-title {
	font-size: 4em;
	padding: 40px 0 0 0;
	letter-spacing: .1em;
	font-weight: normal;
	line-height: .7em;
}

h1.blog-title a:link, h1.blog-title a:active, h1.blog-title a:visited{
	border-bottom: none;
}

h1.blog-title a:hover {
	border-bottom: 1px dotted #d8d8d8;
}

/* MENU */
.menu-header {
	margin-top: 0;
	padding-top: 0;
}
.menu {
	margin-top: 0;
	margin-bottom:1em;
//	line-height: 1em;
	font-family: 'TrocchiRegular', Georgia, "Times New Roman", serif;
}

.menu ul{
	margin:0;
	padding:0;
	list-style: none;
	list-style-position:outside;
	position:relative;
	font-size: 0.95em;
//	border-top: 1px dotted #d8d8d8;
}

.menu a {
	display:block;
	padding:19px 1em;
	color: #585858;
	border-bottom: 0;
}

.menu li li a {
	padding:0.75em 1.25em;
	font-size: .8em;
	border-bottom: 1px dotted #d8d8d8;
	text-transform: uppercase;
}

.menu li:hover, 
.menu li:hover a,
.menu a:focus, .menu a:hover, .menu a:active {
	//background: #f2f5ed;
	color: #000;
}
.menu li li a:hover {
	//background: #f9fcf5;
	color: #000;
}

.menu li{
	float:left;
	list-style: none;
	position:relative;
}

.menu ul {
	position:absolute;
	display:none;
	width: 12em;
	z-index:1;
}

.menu li ul a{
	width:15em;
	height:auto;
	float:left;
}

.menu ul ul{
	top:auto;
}	

.menu li ul ul {
	left:13em;
	margin:0px 0 0 12px;
}

.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul{
	display:none;
}

.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul{
	display:block;
}


/*LAYOUT*/

#wrapper {
	width: 100%;
	max-width: 900px;
	margin: auto;
}

#content {
	float: left;
	width: 66%;
	padding-right: 2%;
}

#content img {
	//padding: 10px;
	//border: 1px dotted #d8d8d8;
	max-width: 100%;
	height: auto;
}

#content .wp-smiley {
	padding: 0;
	border: 0;
}

#content ul li {
	line-height: 1.5em;
}

.entry ul{
//	list-style: disc;
	margin-left: 20px;
}

#content ul, #content ol {
	margin-bottom: 20px;
}

#content ol li {
	margin-left: 20px;
	line-height: 1.5em;
}

.wp-caption {
	font-size: 0.85em;
	font-style: italic;
	text-align:center;
	padding: 0 25px;
	max-width: 500px;
	margin: 0 !important;
}

.wp-caption-text {
	padding-top: 10px;
}

.printfriendly a,
.printfriendly img {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
.printfriendly {
	margin-right: 5px;
	clear: both;
}
.noCss {
	clear: both;
//	position: absolute;
//	left: -9999px;
}

p.page-link {
	display: inline;
	font-size: 0.75em;
	border: 1px dotted #d8d8d8;
	padding: 5px 10px;
}

p.page-link a {
	color: #bbb;
	border: none;
	padding: 0 10px;
	border-right: 1px dotted #d8d8d8;
}

p.page-link a:hover {
	color: #555;
}

p.page-link a:last-of-type {
	border-right: 0;
}

.post-link {
	margin-bottom:40px;
	overflow:hidden;
}
.post-link .alignleft {
	width: 50%;
}
.post-link .alignright {
	width: 50%;
	text-align: right;
}

div#content embed, .embedded {
	text-align:center;
	margin: 0 0 14px 0;
}

div#content p span {
	background: #fcfcfc;
}

.sticky {
	padding: 20px;
	background-color: #fcfcfc;
	border: 1px dotted #d8d8d8;
	margin-bottom: 25px;
}

.sticky hr, .sticky .postmeta {
	display: none;
}

.sticky h2 a {
	border: 0;
}

.sticky h2 {
	margin-top: 0;
	padding-bottom: 15px;
	border-bottom: 1px dotted #d8d8d8;
}

.similarity {
	clear: both;
}
.similarity div {
	float: left;
	margin-right: 4px;
	padding: 0;
	width: 114px;
	border: 1px dotted #d8d8d8;	
	font-size: .8em;
	line-height: 1.2em;
}
.similarity div img {
	padding: 0 0 5px 0 !important;
	border: 0 !important;
}
.similarity div a {
	display: block;
	border: 0 !important;
	padding: 7px;
	height: 185px;
}
.similarity div a:hover,
.similarity div a:active {
	//background: #f2f5ed !important;
}
#contact-form-1764 label {
	font-weight: normal !important;
}
ul.archive {
	border-top: 1px dotted #d8d8d8;
	list-style: none;
}
ul.archive li {
//	height: 87px;
	border-bottom: 1px dotted #d8d8d8;
	padding: 0;
}
ul.archive a {
	display: block;
	min-height: 97px;
	border: 0 !important;
	margin: 0 !important;
	text-decoration: none !important;
}

ul.archive a:hover h3,
ul.archive a:active h3 {
	//color: #7ea24b;
}
ul.archive a:hover,
ul.archive a:active {
	//background: #f2f5ed;
}
ul.archive img {
	float: left;
//	margin-right: 20px;
	padding: 5px !important;
	margin: 5px 0 5px 0;
//	border: 0 !important;
}

ul.archive h3 {
	padding: 30px 0 0 107px;
	margin: 0;
	font-size: 18px;
}
ul.archive p {
	margin: 5px 0 0 0;
	padding: 0 0 0 107px;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.monthnav {
	margin-top: 25px;
}
ul.archivelist {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.archivelist li {
	line-height: 2em !important;
}
.archivedate {
	font-size: 1em;
	font-family: monospace;
}
h2.comments-title {
	margin-bottom: 25px !important;
}

div.comment-body p {
	margin-bottom: 10px !important;
}

div.comment-body {
	margin-bottom: 20px;
}
div.postmeta {
	margin-bottom: 10px;
	line-height: 1.4;
}

ol.comment li div.comment-author, ol.comment li div.comment-meta,div.comment-meta {
	font-size: 0.75em;
	line-height: 16px;
}

span.says {
	display: none;
}

div.comment-author cite.fn {
	font-family: 'TrocchiRegular', Georgia, "Times New Roman", serif;
	font-size: 1em;
	font-style: normal;
//	font-weight:bold;
}

div.comment-author cite.fn a {
	text-decoration: none;
}

div.comment-meta {
	margin-bottom: 20px;
}

div.comment-author {
	margin: 0 0 5px 0;
}

div.comment-author img {
	float: left;
	border-radius: 5px;
	margin: 0 10px 10px 0;
}

li.comment {
	margin-bottom: 10px;
//	border-bottom: 1px dotted #d8d8d8;
	padding-bottom: 10px;
}

ol.comment-list {
	margin-bottom: 40px;
	border-bottom: 1px dotted #d8d8d8;
}

ol.comment-list li.bypostauthor {
	border: 1px dotted #d8d8d8 !important;
	padding: 10px;
	//background: #f9fcf5;
}

ol.comment li.pingback {
	font-size: 0.75em;
	color: #777;
	padding: 0 0 10px 5px;
}

ol.comment li.pingback a {
	font-size: 0.75em;
	font-weight:normal;
}

ol.comment li.pingback p, ol.comment li.pingback span, ol.comment li.pingback div.comment-meta, ol.comment li.pingback div.reply {
	display:none;
}

div.reply {
	display:block;
	overflow: hidden;
	padding: 5px 0 5px 0;
}

ul.children {
	margin: 40px 0 20px 20px;
	list-style: none;
}

ul.children li {
	margin: 10px 0;
	padding-left: 10px;
	border-left: 1px dotted #d8d8d8;
	border-bottom: 0;
	margin-left: 0 !important;
}

div#respond {
	margin-top: 20px;
}

table.commenttable {
	border:0;
	padding: 0;
}

table.commenttable tr td {
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
}

input#author, input#email, input#url {
	margin-bottom: 5px;
	padding: 8px;
	width: 95%;
	border: 1px dotted #d8d8d8;
}

#searchform input.keyword{
	padding: 8px;
	width: 94%;
	color: #585858;
	border: 1px dotted #d8d8d8;
}

#searchform input.button {
	margin-left: 102px;
	display: none;
}
#subscribe-field {
	padding: 8px !important;
	width: 230px !important;
	color: #585858 !important;
	border: 1px dotted #d8d8d8 !important;
}
textarea#comment {
	width: 95%;
	height: 150px;
	padding: 8px;
	border: 1px dotted #d8d8d8;
}
#contact-form-1764 input.name, #contact-form-1764 input.email, #contact-form-1764 input.url {
	margin-bottom: 5px;
	padding: 8px;
	width: 95%;
	border: 1px dotted #d8d8d8;
}
#contact-form-1764 textarea {
	width: 95%;
	height: 150px;
	padding: 8px;
	border: 1px dotted #d8d8d8;
}
.comment-field {
	display: none;
}
#sidebar {
	float: left;
	width: 29%;
	border-left: 1px dotted #d8d8d8;
	padding-left: 2%;
}
.sm_links a {
	border: 0;
}
.widget{
	margin-bottom: 20px;
}
h2.widgettitle a:link,
h2.widgettitle a:visited {
	//color: #7ea24b;
}
h2.widgettitle a:hover,
h2.widgettitle a:active {
	color: #585858;
}

ul#sidebar ul.children {
	margin: 5px 0 0 0;
}

ul#sidebar ul.children li {
	border: 0;
}

ul#sidebar li {
	list-style: none;
	margin: 0 0px 20px 0;
	line-height: 18px;
}

ul#sidebar li ul li {
margin-bottom: 5px;
}

ul#sidebar li ul li ul {
	margin: 5px 0 0 10px;
}

/* ul#sidebar li.widget_tag_cloud,li#tag_cloud */

ul#sidebar div.ctc {
	line-height: 28px !important;
	word-spacing: 5px;
}

#calendar_wrap { 
	text-align:center;
}
.nocomments {
	display: none;
}
#footer {
	clear:both !important;
	width: auto;
	//margin-top: 30px;
	border-top: 1px dotted #d8d8d8;
	float: none;
	padding: 50px 0 50px 0;
	//line-height: 0;
}

/* ZipList recipe layout */

#zlrecipe-container {
	border: 1px dotted #d8d8d8;
	padding: 10px;
}
#zlrecipe-title {
	font-family: 'TrocchiRegular', Georgia, "Times New Roman", serif !important;
	//color: #7ea24b;
	font-weight: normal !important;
	font-size: 1.5em !important;
}
.fl-r {
	float: right;
	margin: 0 0 0 6px;
}
.fl-l {
	float: left;
}
.width-50 {
	width: 50%;
}
.zlrecipe-print-link {
//	margin: 0 0 0 10px;
}
.zlrecipe-print-link a,
.zlrecipe-print-link img {
	border: 0 !important;
	padding: 0 !important;
}
.zlrecipe-print-link a:link,
.zlrecipe-print-link a:visited {
//	padding: 3px 5px 3px 25px;
//	padding: 0 0 0 20px;
//	background: url('/imgs/print.gif') no-repeat 4px 4px;
//	background: url('/imgs/print.gif') no-repeat;
//	-webkit-border-radius: 4px;
//	-moz-border-radius: 4px;
//	border-radius: 4px;
}
.zlrecipe-print-link a:hover,
.zlrecipe-print-link a:active {
//	background: #f2f5ed url('/imgs/print-green.gif') no-repeat 4px 4px;
//	background: url('/imgs/print-green.gif') no-repeat;
}
.zl-recipe-link a {
	border: 0 !important;
	background: url('/imgs/addtorecipebox.png') no-repeat !important;
	width: 140px !important;
	height: 24px !important;
}

.zlclear {
	clear: both;
}
.zlmeta {
	border-top: 1px dotted #d8d8d8;
	margin-top: 10px;
	padding: .5em 0;
	font-size: .9em;
	color: #999999;
	letter-spacing: .1em;
}
.zlmeta p {
	margin: 0;
	padding: 0;
}
.hide-card {
	display:none;
	height: 0;
}
.img-desc-wrap {
	//background: #f2f5ed;
	padding: 0 5px;
	margin: 0 0 10px 0;
	font-size: .9em;
}
.italic {
	font-style: italic;
}
p.summary {
	padding: 5px 0;
	margin: 0;
}
#zlrecipe-ingredients-list {
	list-style: none outside;
	margin: 0;
	padding: 0;
	
}
.ingredient-label {
	margin-top: 1em;
	font-family: 'TrocchiRegular', Georgia, "Times New Roman", serif !important;
	//color: #7ea24b;
	font-weight: normal !important;
	font-size: 1.2em !important;
	
}
#zl-printed-permalink {
	display: none;
	height: 0;
	line-height: 0;
}
.notes {
	font-size: .8em;
	font-style: italic;
}

/*FLICKR BADGE*/

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. 
*/

#flickr_badge_uber_wrapper {
//	width: 100%;
}
.flickr_badge_image {
	margin: 0 10px 5px 0;
	float: left;
}
.flickr_badge_image img {
	border: 1px dotted #d8d8d8 !important;
	padding: 5px;
	margin: 0;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited,
.flickr_badge_image a:hover, 
.flickr_badge_image a:link,
.flickr_badge_image a:active,
.flickr_badge_image a:visited {
	text-decoration:none !important; 
	background:inherit !important;
	border: 0 !important;
}
#flickr_badge_wrapper {
}

@media screen and (max-width: 940px) {
	#header {
		margin: 0;
	}
	#content {
		width: 68%;
		padding-left: 2%;
	}
	#sidebar {
		width: 23%;
		padding-right: 2%;
	}
	#footer {
		padding: 30px 2%;
	}
	
}

@media screen and (max-width: 600px) {
	#content {
		float: none;
		width: auto;
		padding: 0 1em;
	}
	#sidebar {
		display: none;
	}
	.mobile-only {
		display: block;
	}
	#m_search {
		padding: .5em 1em;
		border-bottom: 1px dotted #d8d8d8;
	}
	#footer {
		text-align: center;
		padding: 30px 1em;
	}
}