/*  
Theme Name: Joanne's Theme
Theme URI: http://www.joanne-eatswellwithothers.com/
Description: Theme for Joanne
Version: 1.0.2
Author: Wooden Spoons Kitchen
Author URI: http://www.woodenspoonskitchen.com
Tags: developer

Template: pagelines

*/

/*
Themes follow the basic WordPress themes header scheme with the following additions:

	Template: pagelines
	Tells wordpress this is a childtheme and where the parent files are stored.
	
	Demo: http://a.link.com
	Use this to point to a demo for this product.
	
	External: http://a.link.com
	Use this to point to an external site, authors home page for example.	
*/

/*
 * File Naming Conventions
 * -------------------------------------
 *	style.css 		 - Main theme style file.
 *  thumb.png		 - Thumbnail image used in the store and on pagelines.com for your product.
 *  screenshot.png	 - Primary screenshot, logo or graphic for your extension item (300px by 225px).
 *	screenshot-1.png - Additional screenshots -1 -2 -3 etc (optional).
 *	page.example.php - Custom page template, check the file for syntax. This is autoloaded.
 *	sections/		 - Bundle sections with your theme in this folder, each section in a seperate folder.
 */



@import url("../pagelines/style.css");
@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css?family=Puritan);
@import url(https://fonts.googleapis.com/css?family=Copse|Nunito);

/*Fonts
font-family: 'Nunito', sans-serif;
font-family: 'Puritan', sans-serif;
font-family: 'Copse', serif;
*/

h1{
	font-family: 'Copse', serif;
	text-transform:lowercase;
	font-size:24px;
	color:#58595b;
}

h2{
	font-family: 'Nunito', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	color:#58595b;
}

h3{
	font-family: 'Nunito', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	color:#fcbd9c;
}

h4{
	font-family: 'Nunito', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	color:#a0a1a3;
	
}

p, ol, li, ul{
	font-family: 'Puritan', sans-serif;
		font-size:14px;
		color:#58595b;
}


/*header logo*/
.section-branding .mainlogo-img {
	padding-left: 27%;
padding-top: 25px;
padding-bottom: 50px;
}


/*page width*/
.one-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #column-main .mcolumn-pad{
	padding: 14px 74px 0 15px!important
}

.widget .widget-pad {
padding: 5px!important
}

/*navigation*/
.main-nav li a{
	font-family: 'Nunito', sans-serif;
	text-transform:bold;
	font-size:12px;
	padding-right:20px;
	text-transform:uppercase;
	color:#58595b!important
}

.main-nav li{
	background-image:url(Assets/nav-text-background.png);
	background-repeat:no-repeat;
	background-position: 25px 10px;
}

#menu-item-14{
	background-image:none;
}



.main_nav ul li a {
padding: 10px 10px 10px 62px!important;
}

#menu-item-14 a{
	margin-left: -20px!important
}

#menu-item-17 a{
	background-image:url(Assets/link-love-heart.png);
	background-repeat:no-repeat	;
background-position: 92% 46%;
margin-left: -1px;
padding-right: 27px;
}

.navigation_wrap .main_nav {
	max-width:650px;
	background-image:url(Assets/navigation_bar.png);
	background-repeat:no-repeat;
	margin-left: 15px;
}



#menu-main.main-nav li a:hover, .main-nav .current-menu-item a, .main-nav li.current_page_item > a {
	background-color:transparent;
color:#a0a1a3!important
}

.main-nav .current-menu-item a, .main-nav li.current_page_item > a, .main-nav li.current-page-ancestor > a, .main-nav .current-page-ancestor .current_page_item {
	background-color:transparent;
	color:#a0a1a3!important
}

.main-nav .current-menu-ancestor a, .main-nav li.current-menu-ancestor ul a, .main-nav li.current_page_item a, .main-nav li.current-menu-item a, .main-nav li.current_page_parent a, .sf-menu li li, .sf-menu li li li{
	background-color:transparent;
	color:#a0a1a3!important
}

/*blog page*/

h2.entry-title a, h1.entry-title{
	font-family: 'Copse', serif;
	text-transform:lowercase;
	font-weight: lighter;
	color:#58595b!important
}

.post-meta {
	margin-bottom:0px!important
}

h2.entry-title, h1.entry-title{
	text-align:center;
	background-image:url(Assets/blog_break.png);
	background-repeat:no-repeat;
	padding-top:25px;
	font-size:24px!important
}
.metabar{
	text-align: center;
margin-top: 5px;
font-family: 'Nunito', sans-serif;
font-weight:400;
text-transform:uppercase;
letter-spacing: 1px;
font-size:10px!important
}

.date{
	color:#fcbd9c;
	text-transform:uppercase;
}
.post-comments a{
	padding-left:20px;
	background-image:url(Assets/blog_heart_divider.png);
	background-repeat:no-repeat;
	background-position: 3px 3px;
	color:#a0a1a3!important
}

a.more-link{
	color:transparent;
	background-image:url(Assets/blog_readmore.png);
	background-repeat:no-repeat;
	padding: 10px 30px;
	text-align:center;
	margin-left: 36%;
	}
	
	.post-excerpt{
		font-family: 'Puritan', sans-serif;
		font-size:14px;
		color:#58595b;
		margin-bottom:30px!important
	}
	.post-excerpt{
		font-size:14px!important
	}
	
	.pager .previous a{
background-image:url(Assets/prev-page.png);
	background-repeat:no-repeat;
	font-size: 16px;
	width: 120px;
	height: 30px;
	background-position: 30px -1px;
	margin-left:-30px;
	border-color:white;
	color:transparent!important
}

.pager .next a{
	background-image:url(Assets/next-page.png);
	background-repeat:no-repeat;
	font-size: 16px;
	width: 120px;
	height: 30px;
	background-position: 40px -1px;
	margin-right:-9px;
	border-color:white;
	color:transparent!important
}

.pager a{
	background-color:white!important
}
	
	
/*blog post pages*/
#postnav .post-nav {
	background-color: #FFFFFF;
}

	
.post-nav .previous a{
	background-repeat: no-repeat;
		color:transparent;
		background-size: 100px 30px;
	background-image:url(Assets/prev-page.png)!important
	
}

.post-nav .next a{
	background-repeat: no-repeat;
	color:transparent;
	background-size: 100px 30px;
	margin-right: -9px;
	max-width:150px;
	padding-left: 40px;
	background-image:url(Assets/next-page.png)!important
}

.post-nav .previous a, .current_posts_info .previous a {
	padding-left:70px;
	margin-left:-8px;
		max-width:150px;
}
	
	

.wp_rp_wrap {
	background-image:url(Assets/blog_break.png);
	background-repeat:no-repeat;
	padding-top:15px!important
}
	
/*sidebar*/

#sidebar1{
	margin-top: -70px;
}

.widget .textwidget {
padding: 5px 0px!important
}

#table{
width: 180px;
float: right;
text-align: center;	
}

#table img{
	margin-left: 27%;
	margin-bottom: 20px;
}
#table p{
	font-family: 'Puritan', sans-serif;
	font-size:13px;
	
	color:#58595b;
}

#follow{
	padding-left: 124px;
background-image: url(Assets/sidebar_tsayconnected.png);
background-repeat: no-repeat;
background-position: 0px 8px;
margin-left:-2px;
margin-bottom: 10px;
}

#follow a{
	padding-left:10px;
}


#follow a:hover{
	opacity:.7;
}

#div-gpt-ad-1373476303788-1, #div-gpt-ad-1373476303788-2{
	padding:5%;
	background-image:url(Assets/sidebar_adbackground.png);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}

#div-gpt-ad-1373476303788-0{
	float:right;
	padding-bottom:20px;
}

#fm-ad{
	float:left;
}


.widget .widget-pad {
	background-image:url(Assets/sidebar_divider.png);
	background-repeat:no-repeat;
	background-position: 3px 0px;
	padding-top:15px!important
}
	
#text-2 .widget-pad {
	background-image:none!important
	}

.widget .widget-title {
	font-family: 'Nunito', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	color:#58595b;
	text-align:center;
}


#search-3 .searchform .searchfield {
	border-radius:0px;
	border-top:none;
	border-left:none;
	border-right:none;
	padding: 5px 5px 5px 5px;
	width:148px;
	background-color:transparent;
	font-size:11px;
	background-image:none;
	font-family: 'Nunito', sans-serif;
	text-transform:uppercase;
	color:#58595b;
	border: 1px solid #58595b!important
}

#search-3 {
	height:135px;
}

#search-3 input[type="text"]{
	box-shadow:none!important
}
#search-3.searchform .searchfield:focus {
	color:#58595b;
	width:170px;
	font-family: 'Nunito', sans-serif;
	text-transform:uppercase;
}
#search-3.searchform .searchfield:focus {
		color:#58595b!important
}

::-webkit-input-placeholder {
   color: transparent!important
}

:-moz-placeholder { /* Firefox 18- */
   color: transparent!important
}

::-moz-placeholder {  /* Firefox 19+ */
   color: transparent!important
}

:-ms-input-placeholder {  
   color: transparent!important
}

#search-3 .searchform {
	background-image:url(Assets/sidebar_search.png);
	background-repeat:no-repeat;
	padding-top:20px;
	margin-left:-3px;
	margin-top:35px;
}

#text-4{
	margin-top: -135px;
	margin-bottom: 15px;
}

#text-4 img{
	padding-right: 15px;
}

#text-4, #text-2{
	max-width:350px;
}


#jphoto img{
	max-width:38%;
}



/*Ziplist*/


#zlrecipe-container{
	padding:0px!important
}

#zlrecipe-yield{
	font-family: 'Puritan', sans-serif;
		font-size:14px;
		color:#58595b;
		font-weight:lighter!important
}


#zlrecipe-container #zlrecipe-title {
font-family: 'Copse', serif;
	text-transform:lowercase;
	font-size:24px;
	color:#58595b;
padding-left: 60px;
max-width: 448px;
background-image:url(Assets/blog-title-background.png);
background-repeat: no-repeat;
background-position: -2px 3px;
	
}
#zlrecipe-container .border-bottom, #zlrecipe-container .b-b {
	border-bottom:none!important
}

#zlrecipe-container .meta, #zlrecipe-container .zlmeta {
	font-family: 'Puritan', sans-serif;
		color:#58595b;
		font-size:12px;
	font-weight:lighter!important
	
}
#zlrecipe-container .img-desc-wrap {
	background-color:transparent!important
}
#zlrecipe-container #zlrecipe-summary .summary {
	font-family: 'Puritan', sans-serif;
		font-weight:lighter;
		color:#58595b;
		font-size:12px;
	margin: 10px 0px 10px -10px!important
}


#zlrecipe-container .h-4 {
	font-family: 'Nunito', sans-serif;
	font-weight:500;
	text-transform:uppercase;
	color:#fcbd9c;
	font-size:12px!important
}

#zlrecipe-container .img-desc-wrap #zlrecipe-summary {
padding: 0 10px!important
}

#zlrecipe-container ul {
	margin-left:15px!important
}
#zlrecipe-container ul {
	padding:0px!important
}
#zlrecipe-container #zlrecipe-ingredients-list li, p.notes {
	font-family: 'Puritan', sans-serif;
		font-weight:lighter;
		color:#58595b;
		font-size:13px!important
}
#zlrecipe-container #zlrecipe-ingredients-list li {
list-style:disc!important
}

#zlrecipe-container ol {
			font-family: 'Puritan', sans-serif;
		font-weight:lighter;
		color:#58595b;
		font-size:12px;
	padding: 0 0 0 1em!important
}
#zlrecipe-container ol li{
	font-family: 'Puritan', sans-serif;
font-size: 13px;
font-weight: lighter!important
}

#zlrecipe-container ol, p.notes  {
font-weight: 600!important
}
#zlrecipe-container ol {
	font-size:13px!important
}

#zlrecipe-container #zlrecipe-notes-list {
	margin:0px!important
}
#zlrecipe-container #zlrecipe-notes-list {
	padding:0px!important
}
.zl-recipe-link a.butn-link {
	background-image:url(Assets/blog_recipe_save.png)!important
}


#zlrecipe-container .zlrecipe-print-link .butn-link {
	color:transparent;
	width: 50px;
	background-image:url(Assets/blog_recipe_print.png)!important
}

#zlrecipe-container .zlrecipe-print-link .butn-link {
		height: 35px!important
}

#zlrecipe-container .zlrecipe-print-link .butn-link {
	background-position: 0px 1px!important
}




/*comments*/
.commentlist img.avatar {
box-shadow:none;
background-color:transparent;
background-image:url(Assets/avitar-background.png);
background-repeat:no-repeat;
padding: 6px;	
}

.commentlist li {
	background:#fff;
}

.commentlist .reply a {
	color:white;
	background-color:#fcbd9c;
}

#comments-title {
	font-family: 'Nunito', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	color:#58595b;
	background:url(Assets/blog_heart_divider.png);
	background-repeat:no-repeat;
	background-position: 16px 5px;
padding-left: 30px;
}

#respond form {
	margin-left:0px!important
}

#respond #reply-title {
	background:url(Assets/reply-background.png);
	background-repeat:no-repeat;
	padding-left: 35px;
background-position: -3px 1px;
background-size: 5%;;
}

.wp-comments .wp-comments-pad > #respond textarea {
	background:white;
}

input[type="text"]:focus, .searchform .searchfield:focus, #respond textarea:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 15px rgba(252,189,156,0.6);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 15px rgba(252,189,156,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 15px rgba(252,189,156,0.6);
	border-color:rgba(252,189,156,0.8)!important
}

input[type="submit"]{
	font-family: 'Nunito', sans-serif;
}

#comments input[type="submit"]{
background-image:none;
border-radius:0px;
background-color:#fcbd9c;
color:white;	
font-family: 'Nunito', sans-serif;
box-shadow:none;
text-shadow:none;
border:none;
}

.form-allowed-tags{
	display:none;
}

/*social sharing*/

#___plusone_0{
	margin-left:-20px;
	width:65px!important
}

#___plusone_0{
	margin-left:-40px!important
}

.fb_edge_widget_with_comment {
	margin-left:-25px;
}

.pin_wrap {
	margin-left:-7px;
	vertical-align: bottom!important
}

.pl-sharebar-text {
	background-image:url(Assets/blog_share.png);
	width: 155px;
background-repeat: no-repeat;
background-position: 0px 6px;
color: transparent;
margin-left: -10px;
}

#subscribe img{
	margin-bottom: -112px;
margin-top: 65px;
}

.pl-sharebar{
	background-image: url(Assets/blog_break.png), url(Assets/blog_break.png);
background-position: 0px 74px, 0px 0px;
background-repeat: no-repeat;
padding-bottom: 15px;
padding-top: 20px;
}

#footer .texture{
	background-image:url(Assets/footer_background.png);
}

#follow-footer{
padding-left: 135px;
background-image: url(Assets/sidebar_tsayconnected.png);
background-repeat: no-repeat;
background-position: 0px 134px;
margin-left: -2px;
margin-bottom: 10px;
width: 250px;
}

#follow-footer a{
	padding-left:10px;
}

#subscribe-footer{
margin-left: 45px;
width: 200px;
}

#wsk{
	width:300px;
padding: 10px 40px;
}

#wsk a{
	font-family: 'Puritan', sans-serif;
	color:#58595b!important
}

#footer-left{
	margin-left: 260%;
	margin-top: 30px;
}

#badgest{
	background-image:url(Assets/footer-white.png);
	background-repeat:no-repeat;
	height: 190px;
width: 500px;
padding: 85px 5px 5px 11px;
margin-left: 37%;
}

#eyb-recipe-widget{
	float:left;
	margin-top:-5px!important
	
}

#badge-2{
	float:left;
	padding-right: 20px;
padding-top: 30px;
}

#cooking-light{
	float: left;
padding-left: 20px;
padding-top: 30px;
}

/*recipe page*/
.wp-cpl-sc-theme-2 .wp-cpl-sc-post {
	margin-bottom:-11px;
	width: 160px;
	height: 240px;
	text-align:center;
	float:left!important
}

#back-to-recipes{
	clear:both;
}

.wp-cpl-sc-theme-2 .wp-cpl-sc-post h2 {
font-size: 11px!important
}

#reciperecipe{
	max-width:640px;
	clear:both;
}



.wp-cpl-sc-theme-2 .wp-cpl-sc-post h2{
	height:48px;
}


.wp-cpl-sc-theme-2 .wp-cpl-sc-post h2 a{
font-family: 'Puritan', sans-serif;
		font-size:14px;
		color:#58595b;
		font-weight:lighter;
		text-transform:none;
}
	
.wp-cpl-sc-theme-2 .wp-cpl-sc-thumba img:hover{
  opacity: .6;
}

#back-top img{
	float:right;
	margin-top:-33px;
}

#morerecipe img{
	padding-top: 5px
}

#morerecipe img:hover{
	opacity:.7;
}

#reciperecipe h3{
	font-family: 'Copse', serif;
	text-transform:lowercase;
	font-size:24px;
	color:#58595b;
	text-align:center;
}




@media (min-width: 979px) and (max-width: 1190px){
	
	#follow a{
	padding-left:5px;
}
#div-gpt-ad-1373476303788-1, #div-gpt-ad-1373476303788-2{
	padding:0%;
}

#jphoto img {
max-width: 34%;
}
#footer-left {
margin-left: 220%;
}

.wp-cpl-sc-theme-2 .wp-cpl-sc-post {
width: 140px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
	
		.section-branding .mainlogo-img {
	padding-left: 17%;
}

#footer-left{
	margin-left: 160%;
}

.one-sidebar-right #pagelines_content #sidebar1 {
max-width: 350px;
}

#badgest{
	background-image:none;
width: auto;
margin-left:25%;
}

#table {
	float:left;
}
#text-4 {
margin-top: -135px;
margin-bottom: 15px;
width: 105px;
float: right;

}

#sidebar1 {
	margin-top:0px;
}

.wp-cpl-sc-theme-2 .wp-cpl-sc-post {
width: 153px;
}

#jphoto img {
max-width: 34%;
}

#follow a{
	padding-left:5px;
}
#div-gpt-ad-1373476303788-1, #div-gpt-ad-1373476303788-2{
	padding:0%;
}

}

@media (max-width: 767px) {
	.section-branding .mainlogo-img {
	padding-left: 6%;
}

.main-nav li a{
		padding-right:20px!important
}

#menu-item-14 a{
	padding-left: 20px!important
}
.navigation_wrap .main_nav {
	background-image:none;
}


.main-nav li a {
padding-left: 35px!important;
}

.main-nav li{
	background-image:none;
}
#footer-left{
	margin-left: 0%;
}

#badgest{
	background-image:none;
width: auto;
margin-left:0%;
}
#text-4 {
margin-top: -135px;
margin-bottom: 15px;
width: 105px;
float: none;
padding-left: 48%;

}
#sidebar1 {
	margin-top:0px;
}

/*page width*/
.one-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #column-main .mcolumn-pad{
	padding: 14px 15px 0 15px!important
}

#back-top img {
float: none;
margin-top: -13px;
margin-bottom: 11px;
margin-left: 70px;
}

.section-branding .mainlogo-img {
	margin-bottom:0px;
}


}

@media (max-width: 480px) {
	.section-branding .mainlogo-img {
	padding-left: 0%;
}

.navigation_wrap .main_nav {
	background-image:none;
}

a.more-link {
	margin-left:15%;
}

#subscribe img {
margin-bottom: -40px;
}

#follow-footer{
padding-left: 125px;
}

#follow-footer a{
	padding-left:0px;
}

#div-gpt-ad-1373476303788-1, #div-gpt-ad-1373476303788-2{
	padding:0%;
}

#wsk {
padding: 10px 20px;

}

#follow {
padding-top: 30px;
margin-bottom: 10px;
padding-left: 28px;
background-position:
background-position: 79px 8px;
}

#table {
	float:none;
	padding-left:10%;
}

#table img{
	padding-left:10%;
}

.wp-cpl-sc-theme-2 .wp-cpl-sc-post {
	width:115px;
}
.section-branding .mainlogo-img {
	margin-bottom:0px;
}

.section-branding .mainlogo-img {
	padding-bottom:0px;
}

}