/*
Theme Name: The Vegan Food Blog
Theme URI: http://www.theveganfoodblog.com
Author: Wade Gausden
Author URI: http://www.theveganfoodblog.com
Description: Custom theme for The Vegan Food Blog
Version: 1.0

Custom theme for TVFB
*/

html, body, ul, li {
margin:0;
padding:0;
}

body {
      background: url("../img/subtle_grunge.png") repeat fixed left top #DDDDDD;
    color: #666666;
    font-size: 16px;
    line-height: 1.7;
}

.edit-post {
    display:none;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
}

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

h2 {
    margin-bottom: 0.25em;
}

   .icon {
        border-radius: 50%;
        display: block;
        float: left;
        height: 24px;
        margin: 0 10px 0 -10px;
        position: static;
        width: 24px;  
    }

    
     .icon-image {
        background-image: url("../img/ico_image.png") 
    }

blockquote {
  background: #f9f9f9;
  border-left: 5px solid #e93071;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  margin-top:0;
}

    blockquote p:last-child {
margin-bottom:0;
    }

#page {
    width:100%;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
}

#page .header-container {
    background-color:white;
    border-top:5px solid #E93071;
    border-radius:5px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

#page .header-menu {
    text-align:center;
}

    #page .header-menu ul {
       list-style:none;
       display:inline;
        
    }

#page .header-menu ul li {
    display:inline;
color:#e93071;
}

#page .header-container h1.site-title {
    font-size:3em;
    margin:0px;
    text-align:center;
line-height:1.2;
}

    #page .header-container h2.site-tagline {
    line-height:1;
text-align:center;
margin:0;    

}

    #page .main-container .column-one article.box {
    background-color:white;
    padding:20px 20px 0;
    border-radius:5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border: 0 solid #FFFFFF;
    margin-bottom:10px;
    }
    #page .main-container .column-one #posts {
position:relative;    
}
#page .main-container .column-one #posts article{

    /*margin:10px;*/
margin:0;
    float:left;
     width:320px;
padding:0;
}


 #page .main-container .column-one #posts article.format-standard {
        width:320px;
    }

#page .main-container .column-one #posts article.format-standard header
{
	padding-top:10px;
	padding-right:10px;
padding-left:10px;

}

#page .main-container .column-one #posts article.format-standard .entry-content
{
	padding-bottom:10px;
	padding-right:10px;
padding-left:10px;

}
    #page .main-container .column-one #posts article .entry-image {
        height:320px;
        width:320px;
        overflow:hidden;
    }

    #page .main-container .column-one #posts article .post-content span.preptime {
    padding-left:31px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAx0lEQVRIic3VUQ2EMBAE0EpAwkmYzBg4CUhAAhLOwUlAwklAAhKQgITeTz8IgXIJs+Q26W9f085uUwoskh3JGUATikjKkjLJVzhS1ngH4ocOkCzpcweSSXZ3IIsldTWkQL0DGWqIJQRniOXKfkTw3wiARtJ09iYAHlcQVJCJ5PvyVQEAyWV7ckmtbSrv9QjJwbJ5DbHOrILsJWuyfmB7iKUvzpCy2nDENuIL0h8gvoQBeIYjKaVEcg75Q7YV+ibrWoVgtEZ4U1/L1wnJuILmIAAAAABJRU5ErkJggg==');
    background-repeat:no-repeat;
    line-height:26px;
    margin-right:5px;
}

    #page .main-container .column-one #posts article .post-content span.cooktime {
    padding-left:31px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAA9ElEQVRIie2W0Q2DMAxEGSEjdITT3QIdgREySjZgBEbpCBmBERih/SipDE3VFmKpH0W6H5D8dM7ZpOt+7SEZJWVJ10WZZGwNGQ1gJZJjK0g0RROAACCQTOZ9PAwy7cokk5X9tqs4gBPJYXMm75RJDgBOnwDOki5fFH+lC4BzFbI4OArYBmWounFSKE5SaycVZ6nzhhR1knqSs6ObWVJfZqV3dNOv5sYL9Ii57oM2Obcu2xXjqVwiHr0gJNNqYN3P6A/aAQrb7T05BGGq/SaaL9enxC3bIajtTOWnthkYWrSQ5AQAVYh1tlw+vt7oJOdyU9rWvQFHwPxvUVdncwAAAABJRU5ErkJggg==');
    background-repeat:no-repeat;
    line-height:26px;
    
}
    #page .main-container .column-one #posts article header .post-title {
        font-size:250%;
        font-weight:300;
        line-height:120%;
        margin:0;
    }

    #page .main-container .column-one #posts article .post-content {
    padding:10px;
}


    #page .main-container .column-one #posts article .meta {
        background-color:#F0F0F0;
        border-radius: 0 0 5px 5px;
        border-top: 1px solid #EEEEEE;
        font-size: 85%;
        line-height: 24px;
        margin: 20px -20px 0;
        padding: 10px 20px;
    }



    #page .main-container .column-one #posts article .post-date {
        float: left;
        margin-right: 10px;
        text-transform: uppercase;
    }

    #page .main-container .column-one #posts article .post-comments {
        background: url("../img/ico_comments.png") no-repeat scroll left 50% rgba(0, 0, 0, 0);
        float: right;
        padding-left: 18px;
    }

        #page .main-container .column-one #posts article .post-comments a {
        color: #AAAAAA;
    font-weight: bold;
        }

    #page .main-container .column-one #footer-center {
    text-align:center;    
}

    #page .main-container .column-one #footer-center #footer-socialmedia {
        padding:10px;
    }
#page .main-container .column-one #footer-center #footer-socialmedia img{
        width:32px;
    }

/*Single Page Styles*/
.sidebar-primary #page .main-container .column-one {
    width:67%;
    float:left;
}

.sidebar-primary #page .main-container .column-one table {
    width:100%;
}

.sidebar-primary #page .main-container .column-one article header h2.post-title {
    font-size: 3em;
    line-height: 1.2;
    margin-top:0;
}

.sidebar-primary #page .main-container .column-one article .meta {
    border: 1px dashed #CCCCCC;
    border-radius: 5px;
    margin: 0 0 20px;
    padding: 10px 20px;
}

    .sidebar-primary #page .main-container .column-one article .meta .post-comments {
    background: url("../img/ico_comments.png") no-repeat scroll left 50% rgba(0, 0, 0, 0);
    float: right;
    padding-left: 18px;
    }

    .sidebar-primary #page .main-container .column-one article .meta .post-comments a {
        color:#AAAAAA;
        font-weight:bold;    
    }

    .sidebar-primary #page .main-container .column-one article .meta .post-date {
        text-transform:uppercase;
    }

.sidebar-primary #page .main-container .column-one article .meta .post-shareicons {
    display:none;
}

    .sidebar-primary #page .main-container .column-one article .entry-image {
        text-align:center;
        overflow:hidden;
    }

    .sidebar-primary #page .main-container .column-one article .entry-image img{
        min-width:75%;
        max-width:100%;
        border-radius:5px;
    }

    .sidebar-primary #page .main-container .column-one article .entry-content {
        margin-bottom:20px;
    }

   .sidebar-primary #page .main-container .column-one article .entry-content .main-ingredients-list {
        padding : 5px 0px;
        /*border-bottom:1px dashed #000000;*/
    }

    .sidebar-primary #page .main-container .column-one article .entry-content .main-ingredients-list .main-ingredients-list-title {
        display:block;
    }

    .sidebar-primary #page .main-container .column-one article .entry-content #extra-recipe-info{
        margin-bottom:16px;
    }

.sidebar-primary #page .main-container .column-one article .entry-content .timeBoxWrapper {
    border-bottom: 1px dashed #000000;
    border-top: 1px dashed #000000;
    padding: 5px;
}

.sidebar-primary #page .main-container .column-one article .entry-content .timeBox {
    float: left;
    text-align: center;
    width: 33%;
}

.sidebar-primary #page .main-container .column-one article .entry-content .timeBox:not(:first-child){
    border-left: 1px dashed #000000;
}


.sidebar-primary #page .main-container .column-one article  #similarPostTitle {
    font-family: 'Rancho',serif;
    font-size: 3em;
    line-height: 1.2;
    margin-bottom: 0.5em;
    text-align: center; 
}

        .sidebar-primary #page .main-container .column-one article  #similarPostList {
            float: right;
            left: -50%;
            position: relative;
            text-align: left;
        }

.sidebar-primary #page .main-container .column-one article  #similarPostList ul{
    left: 50%;
    list-style: none outside none;
    position: relative;
}
.sidebar-primary #page .main-container .column-one article  #similarPostList ul li {
    float: left;
    list-style: none outside none;
    text-align: center;
    width: 160px;
}

    .sidebar-primary #page .main-container .column-one article  #similarPostList ul li img {
        border-radius:3px;
    }


.sidebar-primary #page .main-container .column-two {
    width:30%;
    margin-left:3%;
    float:left;
}




 /*Advertisements*/
#bannerAdvertisement {
    margin:10px;
    text-align:center;
}

/* ==========================================================================
   Widgets 
   ========================================================================== */
.main .column-two {
	background: none;
}
.widget_sidebar {
	clear:both;
	
	margin-bottom: 20px;

	padding: 20px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;

 	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	border-top:1px solid #fff;
}
	.widget_sidebar ul {
		margin:0;
		padding: 0;
		list-style: none;
	}

	.widget_sidebar li {
		display: block;
		list-style: none;
		margin-bottom: 10px;
	}

	.widget_sidebar .post-date {
		display: block;
	}
	.widget_sidebar .widget-title {
		margin: -20px -20px 20px -20px;
		padding: 10px 20px;
		background: #F0F0F0;
	    border-radius: 5px 5px 0 0;
	    border-top: 1px solid #EEEEEE;
	    font-weight: bold;
	    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
	}

    .pinterest-image {
	position: relative;
}
.hover-pinterest {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
	background-image: url('../img/pinterest.png'); 
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: none;
}
.pin-it-link {
	height: 100%;
	width: 100%;
	display: block;
}

/*Contact Form*/
#page #cntctfrm_contact_form input, #page #cntctfrm_contact_form textarea {
width:100%;
padding:8px 0;
text-indent:5px;
font-size:14px;
font-family:'Sanchez',serif;
}


    /* ==========================================================================
   COMMENTS 
   ========================================================================== */
    .post-comments {
	background: url(../img/ico_comments.png) left 50% no-repeat;
	padding-left:18px;
	float: right;
}
	.post-comments a {
		color:#aaa;
		font-weight: bold;
	}

#comments {
  clear: both;
  border-top:3px solid #CCCCCC;
  padding-top: 20px;
}
#commentform ul, #comment-nav ul {
	list-style:none;
  	padding:0;
}
#commentform ul li {
	clear: both;
	margin-bottom:20px;
}
#commentform input {
    width: 70%;
}
#commentform .submitbutton {
    width: auto;
}
#commentform label {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}
#commentform textarea {
	resize:vertical;
    max-height:300px;
    min-height:200px;
    width:80%;
}
#comments h3, #comment-form-title h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom:1em;
}
#cancel-comment-reply p {
    font-size: 12px;
    font-style: normal;
    margin-top: 0;
    text-transform: uppercase;
}
ol.commentlist {
	margin-top: 10px;
	margin-bottom:20px;
	padding-left: 0;
}
ul.children {
  padding-left: 0;
}
.commentlist ol li {
	border-bottom:1px dotted #ddd;
}
.commentlist li {
	position: relative;
    clear: both;
    list-style-type: none;
    padding: 11px 10px;
    border-color: #CCCCCC;
    border-width:0 0 1px 0;
    border-style: solid;
}
.commentlist li[class*=depth-] {
	padding-left: 20px;
    margin-top: 17px;
}
.commentlist li.depth-1 {
	margin-top: 1px;
}
.commentlist li:not(.depth-1) {
	margin-right: -10px;
}
.commentlist li:last-child { border-bottom: none;}
.commentlist header {
	min-height: 30px;
    border:none;
}
nav#comment-nav {
	line-height: 12px;
}

.commentlist .vcard {
	margin-left: 40px;
}
.commentlist .vcard cite.fn {
	font-weight: 700;
    font-style: normal;
}
.commentlist .vcard time {
	font-size: 11px;
    float: none;
    background:none;
    width: auto;
    margin-top: auto;
    text-transform:uppercase;
    padding: 0 10px;
    vertical-align: middle;
}
.commentlist .vcard time a {
	color: #999;
    text-decoration: none;
}
.commentlist .vcard time a:hover {
	text-decoration: underline;
}

.commentlist .vcard img.avatar {
	position: absolute;
    left: 0;
    padding: 0;
    background: #fff;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
}
.commentlist li .comment_content {
	margin-left: 40px;
}
.commentlist li .comment_content p { margin: 15px 0; }
.commentlist li ul { margin: 0 0 0 40px; }
.commentlist li ul.children li { border-width:1px 0 0 0; padding-bottom:4px;}
.commentlist .comment-reply-link {
	margin-left:40px;text-decoration: none;  
	font-size: 11px; 
	text-transform:uppercase; 
	background: #666; color: #fff; 
	opacity: 0.4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 3px 5px;
}
.commentlist a.comment-reply-link:hover { opacity: 1; }
.commentscount { padding-left:28px; height:30px; display:inline-block; }


#respond {
	padding: 20px;
	margin-top: 20px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	border-top:1px solid #fff;
}
.respond-form form[method=post] {margin:30px 0; }
.respond-form ol li form#commentform[method=post] li { margin-bottom:0}
.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 20px; padding: 0}
.respond-form form[method=post] li label, .respond-form form[method=post] li small {cursor:pointer; text-transform:uppercase; float:none;}
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { outline:none; background: #FFFFCC}

#allowed_tags { margin: 24px 10px 11px 0; }

/*.respond-form textarea, .respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] {background:#f2f2f2; border-radius: 10px; border: 1px solid #f2f2f2; box-shadow: 1px 1px 2px #DDDDDD inset;} */
/*.respond-form textarea { resize: none; width: 500px; padding: 10px 5px; line-height: 24px;  height:190px; } */
.respond-form input:invalid, .respond-form textarea:invalid { outline: none;}

.nocomments { margin: 0 20px 17px; }

/* Pagination */
.emm-title {
	display: none;
}
.emm-paginate {
    padding: 20px 0 20px;
}
.emm-paginate a, .emm-paginate span {
    border: 1px solid #CCCCCC;
    background: none;
    border-radius: 4px 4px 4px 4px;
    margin: 0 4px;
    padding: 5px 11px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: color 0.1s ease-in 0s;
}
.emm-paginate .emm-title {
    border: medium none;
    padding-left: 0;
    background: none;
}
.emm-paginate .emm-current {
    color: #000;
    font-weight: bold;
}
.emm-paginate a:hover {
    border-color: #E93071;
    background: #E93071;
    color: #fff;
}


/*Remove sidebar for mobile. */
@media only screen and (max-width: 800px) {
    .sidebar-primary #page .main-container .column-two {
        display:none;
    }

    .sidebar-primary #page .main-container .column-one {
        width:100%;
    }
}

/*Mail Chimp Inline Form*/
/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}