/*
Theme Name: Make it and Love it Responsive Theme
Theme URI: http://junelily.com/
Author: June Lily
Author URI: http://junelily.com/
Description: Custom responsive theme for Make it and Love it.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: junelily
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Navigation
 *   4.2 - Recent Post Thumbs
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Attachments
 *   5.6 - Post/Paging Navigation
 *   5.7 - Author Bio
 *   5.8 - Archives/Search Results/No Posts
 *   5.9 - 404
 *   5.10 - Comments
 *   5.11 - Multisite
 * 6.0 - Sidebar & Widgets
 * 7.0 - Footer
 * 8.0 - Print
 * ----------------------------------------------------------------------------
 */
 

/********************************************************************************
 1.0 Reset
********************************************************************************/

* {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary {	display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {	display: none;	height: 0;}
[hidden] {	display: none;}
html {	font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html,button,input,select,textarea {	font-family: Arial, Helvetica, sans-serif;}
body {	color: #222;	line-height: 1.5;	margin: 0;}
a {	color: #e13d39;	text-decoration: none;}
a:visited {	color: #e13d39;}
a:focus { outline: thin dotted;}
a:active,a:hover { color: #7FC7C5; outline: 0;}
h1,h2,h3,h4,h5,h6 {	clear: both; font-family: 'my_own_topherregular', Arial, Helvetica, sans-serif; line-height: 1.3; color: #7FC7C5; font-weight: normal;}
h1 { font-size: 22px; margin: 15px 0; }
h2 { font-size: 20px; margin: 12px 0;}
h3 { font-size: 18px; margin: 12px 0;}
h4 { font-size: 16px; margin: 12px 0;}
h5 { font-size: 14px; margin: 10px 0;}
h6 { font-size: 14px; margin: 10px 0; text-transform: uppercase;}
address { font-style: italic; margin: 0 0 16px;}
abbr[title] { border-bottom: 1px dotted;}
b,strong {	font-weight: bold;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
code,kbd,pre,samp {	font-family: monospace, serif; font-size: 14px;	-webkit-hyphens: none; -moz-hyphens: none;	-ms-hyphens: none; hyphens:none;}
pre { background: #eee; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote,q { -webkit-hyphens: none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes: none;}
blockquote:before,blockquote:after,q:before,q:after { content: ""; content: none;}
blockquote { font-size: 16px; font-style: italic; font-weight: 300; margin: 24px 40px;}
blockquote blockquote { margin-right: 0;}
blockquote cite,blockquote small { font-size: 12px;	font-weight: normal; text-transform: uppercase;}
blockquote em, blockquote i { font-style: normal; font-weight: 300;}
blockquote strong,blockquote b { font-weight: 400;}
small { font-size: smaller;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
dl { margin: 0 20px;}
dt { font-weight: bold;}
dd { margin: 0 0 20px;}
menu,ol,ul { margin: 16px 0; padding: 0 0 0 40px;}
ul { list-style-type: square;}
nav ul,nav ol { list-style: none; list-style-image: none;}
li > ul,li > ol { margin: 0;}
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}
svg:not(:root) { overflow: hidden;}
figure {margin: 0;}
form {	margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend { border: 0;	padding: 0;	white-space: normal;}
button,input,select,textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}
button,input { line-height: normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {	-webkit-appearance: button;	cursor: pointer;}
button[disabled],input[disabled] {	cursor: default;}
input[type="checkbox"],input[type="radio"] { padding: 0;}
input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; 	padding: 0;}
textarea { overflow: auto; vertical-align: top;}
table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%;}
caption,th,td { font-weight: normal;  text-align: left;}
caption { font-size: 16px; margin: 20px 0;}
th { font-weight: bold; text-transform: uppercase;}
td { border-top: 1px solid #ededed;	padding: 6px 10px 6px 0;}
del { color: #333;}
ins { background: #fff9c0; text-decoration: none;}
hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px;}

/********************************************************************************
 2.0 Repeatable Patterns
********************************************************************************/

/* Clearing floats */
.clear:after,.attachment .entry-header:after,.entry-content:after,.entry-summary:after, .page-content:after,.navigation:after,.nav-links:after,.gallery:after,.comment-form-author:after,.comment-form-email:after,.comment-form-url:after,.comment-body:after { clear: both;}
.clear:before,.clear:after,.attachment .entry-header:before,.attachment .entry-header:after,.entry-content:before,.entry-summary:before,.entry-summary:after,.entry-content:after,.page-content:before,.page-content:after,.navigation:before,.navigation:after,.nav-links:before,.nav-links:after,.gallery:before,.gallery:after,.comment-form-author:before,.comment-form-author:after,.comment-form-email:before,.comment-form-email:after,.comment-form-url:before,.comment-form-url:after,.comment-body:before,.comment-body:after { content: ""; display: table;}
/* Assistive text */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}
.screen-reader-text:focus {	background-color: #f1f1f1; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #668561; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none;	width: auto;	z-index: 100000; /* Above WP toolbar */}
/* Form fields, general styles first. */
button,input,textarea {	border: 2px solid #eee;	font-family: inherit; padding: 5px;}
input,textarea {color: #666;}
input:focus,textarea:focus {border: 2px solid #a9a9a9;outline: 0;}
/* Buttons */
button,input[type="submit"],input[type="button"],input[type="reset"] {background: #E13D39; border: none;border-radius: 15px; -moz-border-radius:15px; color: #fff;display: inline-block;padding: 11px 24px 10px;text-decoration: none;}
button:hover,button:focus,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus {	background: #666; outline: none;}
button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active {background: #f56c69; border: none;padding: 10px 24px 11px;}
.post-password-required input[type="submit"] {padding: 7px 24px 4px;vertical-align: bottom;}
.post-password-required input[type="submit"]:active {padding: 5px 24px 6px;}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {color: #888888;}
:-moz-placeholder {	color: #888888;}
::-moz-placeholder {color: #888888;}
:-ms-input-placeholder {color: #888888;}
/* Responsive images * Fluid images for posts, comments, and widgets */
.entry-content img,.entry-summary img,.comment-content img,.widget img, .wp-caption {max-width: 100%; padding: 5px; border: 1px solid #ddd;}
.entry-content img, #sidebar .widget img, .wp-caption {border:none;}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,.entry-summary img,.comment-content img[height],img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"] {height: auto;}
img.size-full,img.size-large,img.wp-post-image {height: auto;max-width: 100%;}
.entry-summary img {  }
/* Make sure videos and embeds fit their containers. */
embed,iframe,object,video {	max-width: 100%;}
/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {max-width: 100% !important;}
/* Images */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {margin: 5px 20px 5px 0;}
.wp-caption.alignleft {margin: 5px 10px 5px 0;}
img.alignright {margin: 5px 0 5px 20px;}
.wp-caption.alignright {margin: 5px 0 5px 10px;}
img.aligncenter {margin: 5px auto;}
img.alignnone {margin: 5px 0;}
.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {color: #888;text-align: center;font-size: 14px;font-weight: 300;}
img.wp-smiley,.rsswidget img {border: 0;border-radius: 0; -moz-border-radius:0; box-shadow: none;margin-bottom: 0;margin-top: 0;padding: 0;}
.wp-caption.alignleft + ul,.wp-caption.alignleft + ol  {list-style-position: inside;}

/********************************************************************************
 3.0 Structure
********************************************************************************/
body { background: url(images/bg.jpg) repeat 0 0} 

#wrap {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	position: relative;
	background: #d7edec;}

#main {
	position: relative;
	clear: both;
	width: 100%;
	background: #fff;
	margin-top: 20px;}
	
.content-wrap {
	width: 100%;
	background: #fff;}

#footer {
	clear: both;
	width: 100%;
	max-width: 1200px;}
	
#content,
#contentfull {
	width: 90%;
	padding: 10px 0 0;
	margin: 0 auto;}

#sidebar {
	clear:both;
	width: 90%;
	padding: 0;
	margin: 0 auto;}


/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {
	
#wrap {
	background: none;}
	
#main {
	border-right: 10px solid #7fc7c5;	
	border-left: 10px solid #7fc7c5;
	margin: 0;}
	
#content {
	float: left;
	width: 57%;
	padding: 10px 0 0 10px;
	margin: 0;}

#sidebar {
	clear:none;
	float: right;
	width: 40%;
	padding: 5px 10px 0 0;
	margin: 0;}	
}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
#content {
	width: 67%;}
	
#sidebar {
	width: 30%;}		
}

/* Minimum width of 1000 pixels. */
@media screen and (min-width: 1000px) {
	
	
}

/*******************************************************************************
 4.0 Header
********************************************************************************/

.header {
	position: relative;}
	
#mobile-header {
	width: 95%;
	margin: 10px auto;}

.logo img,
.recipe-logo img {
	width: 100%;
	height: auto;
	margin: 10px 0 0;}
	
#main-header {
	display: none;}

.pretty-divider {
	clear: both;
	width: 100%;
	height: 11px;
	background: url(images/stripes-white-mustard-2x.png) repeat-x left bottom;	
	background-size: 11px auto;
	margin-top: 2%;}
	
/*social media*/

#social {
	width: 260px;
	height: 52px;
	padding: 10px 0;
	margin: 0 auto;}

#social ul {
	list-style: none;
	margin: 0px;
	padding:0}

#social ul li {
	width: 52px;
	height: 52px;
	margin-bottom: 0px;
	float: right;}

#social li a {
	text-indent:-999em;
	display:block;
	width: 52px;
	height: 52px;}

#social #pinterest a {
	width: 52px;
	height: 52px;
	background-image: url(images/pinterest.png);}

#social #twitter a {
	width: 52px;
	height: 52px;
	background-image: url(images/twitter.png);}

#social #facebook a {
	width: 52px;
	height: 52px;
	background-image: url(images/facebook.png);}

#social #flickr a {
	width: 52px;
	height: 52px;
	background-image: url(images/flickr.png);}

#social #instagram a {
	width: 52px;
	height: 52px;
	background-image: url(images/instagram.png);}

#social #mail a {
	width: 52px;
	height: 52px;
	background-image: url(images/mail.png);}

#mail a:hover,
#instagram a:hover,
#flickr a:hover,
#facebook a:hover,
#twitter a:hover,
#pinterest a:hover { 
	background-position: 0px -52px;}	


/* Minimum width of 481 pixels. */
@media screen and (min-width: 481px) {
	

}

/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {
#social {
	width: 100%;
	height: 52px;
	padding: 5px 0;
	margin: 0;}

#main-header {
	display: block;
	position: relative;
	width: 100%;
	height:auto;
	min-height: 130px;
	overflow:hidden;}
	
#mobile-header {
	display: none;}
	
a.recipe-tab,
a.craft-tab {
	float: right;
	margin-top: 20px;
	width: 100%;
	height: auto;
	min-height: 75px;
	display: block;}
	
a.craft-tab {
	float:left;}
	
.main-tab {
	position: absolute;
	bottom: 45px;
	left: 0;
	width: 57%;
	height: auto;
	clear: both;
	display: block;}
	
.main-tab-recipes {
	position: absolute;
	bottom: 45px;
	width: 57%;
	height: auto;
	clear: both;
	display: block;
	right:0;}
	
a.recipe-tab img,
.main-tab img,
.main-tab-recipes img,
a.craft-tab img {
	width: 100%;
	height: auto;}
}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {

#main-header {
	min-height: 150px;}
	
a.recipe-tab,
a.craft-tab {
	margin-top: 30px;}

}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 850px) {
	
a.recipe-tab,
a.craft-tab {
	margin-top: 20px;}

}

/* Minimum width of 1000 pixels. */
@media screen and (min-width: 1300px) {
#social {
	position: absolute;
	top: 40px;
	right: -60px;
	width: auto;
	height: auto;
	padding: 0;}

#social ul {
	list-style: none;
	margin: 0px;}

#social ul li {
	width: 52px;
	height: 52px;
	margin-bottom: 0px;
	float: none;}

#social li a {
	text-indent:-999em;
	display:block;
	width: 52px;
	height: 52px;}
	
#main-header {
	display: block;
	position: relative;
	width: 100%;
	height:185px;
	overflow:hidden;}	
	
a.recipe-tab,
a.craft-tab {
	float: right;
	margin-top: 30px;
	width: 100%;
	height: auto;
	display: block;}
	
a.craft-tab {
	float: left;}
	
a.recipe-tab:hover,
a.craft-tab:hover {
	margin-top: 10px;}
}

/********************************************************************************
 4.1 Navigation
********************************************************************************/

#navbar,
#navbar-recipes  {
	position: relative;
	width: 95%; 
	display: block; 
	background: #f9d555;
	border: 3px solid #fff; 
	padding: 0 25px; 
	margin: 20px auto 0; 
	clear: both; 
	line-height: 1em; 
	text-transform: uppercase;}	
	
ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
	display: none;}

.nav-menu li a {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 1;
	padding: 5px 10px;
	text-decoration: none;}


.nav-menu li a:hover {
	background-color: #999;
	color: #fff;}

.nav-menu .sub-menu,
.nav-menu .children {
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: 0;
	z-index: 99999;}

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

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #fff;}

.nav-menu .sub-menu .current_page_item > a,
.nav-menu .sub-menu .current_page_ancestor > a,
.nav-menu .sub-menu .current-menu-item > a,
.nav-menu .sub-menu .current-menu-ancestor > a {
	color: #666;}

/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: block;
	font: bold 20px/1.3 Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 5px 0;
	letter-spacing: .15em;
	color: #fff;
	text-align: center;}

.toggled-on {
	padding: 10px !important;}

.toggled-on ul.nav-menu,
.toggled-on .nav-menu > ul {
	display: block;
	margin-left: 0;
	padding: 0;
	width: 100%;
	background: #fff;
	color: #666;}

.toggled-on .sub-menu,
.toggled-on .children,
.toggled-on .sub-menu ul,
.toggled-on .children ul{
	display: inline-block;
	background-color: #fff;
	float: none;
	position: relative;	
	margin-left: 20px;
	position: relative;
	left: auto;
	top: auto;}

.toggled-on .nav-menu li:hover > a,
.toggled-on .nav-menu .children a {
	background-color: transparent;
	color: #666;}
	
.toggled-on .nav-menu li a,
.toggled-on .nav-menu ul a {
	color: #666;
	padding: 10px;}

.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover {
	color: #666;
	background: url(images/mobile-nav-arrow.png) no-repeat 0 center;
	background-size: 15px auto;
	padding-left: 25px;}

/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {
	
#navbar,
#navbar-recipes {
	position: relative;
	width: 100%; 
	display: block; 
	background: #7fc7c5;
	border-radius: 0 30px 0 0;
	border:none; 
	padding: 11px 10px; 
	margin: -45px 0 0; 
	clear: none; 
	line-height: 1em; 
	text-transform: uppercase;
	text-align:center;}
	
#navbar-recipes {
	border-radius: 30px 0px 0 0px;}	
	
.nav-menu li {
	display: inline-block;
	position: relative;}
	
.nav-menu li a {
	display: block;
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	line-height:1;
	padding: 0px 12px 5px 22px;
	position: relative;
	text-decoration: none;
	text-transform: none;
	transition: color 0.1s linear 0s;
	-moz-transition: color 0.1s linear 0s; /* Firefox 4 */
	-webkit-transition: color 0.1s linear 0s; /* Safari and Chrome */
	-o-transition: color 0.1s linear 0s; /* Opera */}
	
.nav-menu li a:hover {
	background: transparent url(images/menuheart.png) no-repeat top left;}
	
.nav-menu li:nth-child(2) a {
	text-transform: uppercase;}
	
.menu-toggle {
	display: none;}
	
ul.nav-menu,
div.nav-menu > ul {
	display: block;
	padding: 0;}	
	
.nav-menu .sub-menu {
	padding-bottom: 10px;
	margin-left: 0px;}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #7fc7c5;
	border-top: 0;
	padding: 0 0 5px;
	position: absolute;
	left: -15px;
	width: 140px;
	z-index: 99999;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border-top: none;}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
	padding-bottom: 0px;
	margin-left: 0;
	background-color: #7fc7c5;}

ul.nav-menu ul li,
.nav-menu ul ul li {
	-moz-box-shadow: 0 1px 0 #5CB8B6, 0 2px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #5CB8B6, 0 2px 0 #fff;
    box-shadow: 0 1px 0 #5CB8B6, 0 2px 0 #fff;}
	
ul.nav-menu ul li:last-child,
.nav-menu ul ul li:last-child {
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

ul.nav-menu ul li a,
.nav-menu ul ul li a {
	color: #fff;
	margin: 0;
	font-size: 13.5px;
	width: 140px;
	float: none;
	padding: 10px 0;
	text-transform: none;
	text-align: center;}

ul.nav-menu ul li a:hover,
.nav-menu ul ul li a:hover {
	background:none;
	color: #fff;
	text-decoration: underline;}	
}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
	
.nav-menu li a {}	
}

/* Minimum width of 1000 pixels. */
@media screen and (min-width: 1000px) {
	
.nav-menu li a {}
	
#navbar {
	text-align:right;}
	
#navbar-recipes {
	text-align:left;}	

}

/********************************************************************************
 4.2 Recent Post Thumbs
********************************************************************************/

#recent-posts-slider {
	width: 100%;
	height: 230px;
	overflow: hidden;
	display: none;}

.list_carousel {
    height: 202px;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 90%;
	position: relative;}
	
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;}
	
.list_carousel li {
    color: #333333;
    display: block;
    float: left;
    font-size: 14px;
    margin: 8px;
    padding: 0;
    width: 125px;
	height: auto;
	position: relative;}
	
.list_carousel li:first-child {
	margin-left: 0;}
	
.list_carousel li img {
	width: 100%;
	height: auto;}	

	
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.list_carousel .clearfix {
	float: none;
	clear: both;
}

#recent-posts-slider a.prev {
    background: url("images/next-arrow-left.png") no-repeat scroll 0 0 transparent;
	background-size: 18px auto;
    display: block;
    height: 111px;
    position: relative;
    top: -157px;
	left: 0px;
    width: 18px;}
	
#recent-posts-slider a.next {
    background: url("images/next-arrow-right.png") no-repeat scroll 0 0 transparent;
	background-size: 18px auto;
    display: block;
    height: 111px;
    position: relative;
    float: right;
	right: 0px;
	top: -268px;
    width: 18px;}

#recent-posts-slider a.prev.disabled, a.next.disabled {
	cursor: default;}

#recent-posts-slider a.prev span, a.next span {
	display: none;}
	
#foo2 {
    margin: 0 2px;
    position: relative;}
	
#foo2 img {
	border: 1px solid #DDDDDD;
    padding: 5px;}

a.slidertitle {
	position: absolute;
	display: none; 	
	background-color: rgba(255,255,255,0.75);
	color: #444;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width: 125px;
	height: auto;
	line-height:1.25;}
	
.slidertitle h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;}
	
.list_carousel li:hover a.slidertitle {
	display: block;
	color: #444;
	font-size: 14px;
	text-align: center;
	padding: 20px 20px;
	overflow:hidden;
	text-transform: capitalize;
	vertical-align: middle;
}


/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {

#recent-posts-slider {
	display: block;}
}

/********************************************************************************
 5.0 Content
********************************************************************************/

.hentry {
	padding: 0;}

.entry content p { 
  margin: 0 0 15px 0;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta
.entry-meta-footer {
	margin: 0 auto;
	width: 100%;}
	
.recent-posts,
.todays-post {
	position: relative;}
	
.ribbon-flag {
	position: absolute;
	width: 41px;
	height: 48px;
	top: 0;
	left:-41px;
	background: url(images/ribbon-tail-2x.png);
	background-size: 41px auto;
	display: none;}
	
#recipes .ribbon-flag {
	position: absolute;
	width: 41px;
	height: 48px;
	top: 0;
	left:-41px;
	background: url(images/ribbon-tail-recipes-2x.png);
	background-size: 41px auto;
	display: none;}
	
h1.title-ribbon {
	color: #fff;
	background: #43a9a6;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 14px;
	padding: 12px 10px;
	font-weight: normal;
	margin-top: 25px;}
	
#recipes h1.title-ribbon {
	color: #fff;
	background: #f9d555;
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 14px;
	padding: 12px 10px;
	font-weight: normal;
	margin-top: 25px;
}

/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {
	
#recipes h1.title-ribbon,
h1.title-ribbon {
	text-align: right;
	font-size: 18px;
	height: 48px;}
	
}

/* Minimum width of 1300 pixels. */
@media screen and (min-width: 1300px) {

.ribbon-flag,
#recipes .ribbon-flag {
	display: block;	}
}

/********************************************************************************
 5.1 Entry Header
********************************************************************************/

#content .entry-header {
  margin-bottom: 15px !important;
}

.entry-title {
	font-weight: normal;
	margin: 0 0 5px;
	color: #7FC7C5;
	border-bottom: #cecece;
	border-style: none none double;
	line-height: 35px;
	font-size: 20px;}
	
.entry-title-summary {
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;}
	
h1.category-listing-title {
	text-transform: uppercase;
	color: #E13D39;
	text-align: center;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;}

.entry-title a,
.entry-title-summary a {
	color: #e13d39;}

.entry-title a:hover,
.entry-title-summary a:hover {
	color: #e13d39;}

#recipes .entry-title a,
#recipes .entry-title-summary a {
	color: #43a9a6;}

#recipes .entry-title a:hover,
#recipes.entry-title-summary a:hover {
	color: #43a9a6;}
	
.sub-title-ribbon {
	background: #d7edec;
	width: 90%;
	margin: 10px auto 20px;
	color: #43a9a6;
	text-align: center;
	position: relative;   
	padding: 0 10px;  
	clear: both; 
	height: 44px;
	overflow: hidden; }	

.sub-title-ribbon:before,
.sub-title-ribbon:after {
	border-color: #d7edec; 
	border-style: solid; 
	border-width: 22px 10px; 
	content: ""; 
	display: block; 
	position: absolute; 
	bottom: 0; 
	top: 0; 
	z-index: 1;}
	
#recipes .sub-title-ribbon {
	background: #f9d555;
	color: #fff;}
	
#recipes .sub-title-ribbon:before,
#recipes .sub-title-ribbon:after  {
	border-color: #f9d555;}

	
#recipes .sub-title-ribbon:before,
.sub-title-ribbon:before {
	border-left-color: #fff; 
	left: 0;}
	
#recipes .sub-title-ribbon:after,
.sub-title-ribbon:after {
	border-right-color:#fff; 
	right: 0;}
	
.sub-title-ribbon h1 {
	font-size: 12px;
	font-weight: normal;
	margin: 15px 0}
	
#recipes .sub-title-ribbon h1 {
	color: #fff;}


/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {	
.sub-title-ribbon h1 {
	font-size: 14px;}
}
	
/* Minimum width of 900 pixels. */
@media screen and (min-width: 900px) {

.sub-title-ribbon {
	width: 70%;}
	
.sub-title-ribbon h1 {
	font-size: 18px;
	margin: 10px 0}
	
}

/********************************************************************************
5.2 Entry Meta
********************************************************************************/

.entry-meta,
.entry-meta-footer {
	clear: both;
	font-size: 12px;
	text-transform: capitalize;
	color: #999;}

.entry-meta a,
.entry-meta-footer a,
.category-links a {
	color: #999;}

.entry-meta a:hover,
.entry-meta-footer a:hover,
.category-links a:hover {
	color: #e13d39;}

.entry-meta > span {
	padding: 0 15px 0 8px;
	background: url(images/littleheart.png) no-repeat right top;}

.entry-meta > span:last-child {
	padding-right: 0;
	border: none;
	background: none;}

.entry-meta > span:first-child {
	padding-left: 0;}
	
.entry-meta span.vcard {
	margin: 0;}

.entry-meta-footer {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 1px solid #A4E0DE;
    font-size: 11px;
    height: 30px;
    margin: 10px 0 0;
    padding: 5px 0;
    text-transform: uppercase;}
	
.comments-link,
.leave-reply {
	clear: both;
	margin: 0px;
	font-size: 15px;
	text-align: left;
	float: left;}
	
.comments-link a,
.leave-reply a,
.comments-link span {
	color: #E13D39;
	font-weight: bold;}
	
.comments-link span {
	margin: 0 5px;}
	
.category-links {
	width: 50%;
	float:right;
	text-align: right;
	font-size: 11px;
    text-transform: uppercase;
	color:#999;}
	

#main .more-link {
	color: #fff;
	text-transform: lowercase;
	float: right;
	margin-right: 10px;}
	
#main .more-link a {
	color: #fff;	
	background: #f9d34c;	
	padding: 5px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;}	

#main .more-link a:hover {
	color: #fff;	
	background: #7fc7c5;}
	
#main .recent-posts .more-link,
#main .featured-category-posts .more-link,
#main #welcome a.read-more {
	color: #43a9a6;
	background: none;}
	
#main #recent-posts a.more-link:hover,
#main #welcome a.more-link:hover {
	color: #e13d39;}
	
a.more-link {
	font-family: 'jbcursivecursive', 'my_own_topherregular', Arial, sans-serif;
	font-size: 18px;
	float: right;
	margin-right: 20px;}
	
a.more-link {
	font-family: 'jbcursivecursive', 'my_own_topherregular', Arial, sans-serif;
	font-size: 18px;
	float: right;
	margin-right: 20px;}


/********************************************************************************
5.3 Entry Content
********************************************************************************/

.entry-content,
.entry-summary {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;}

.entry-content a,
.comment-content a {
	color: #43a9a6;}

.entry-content a:hover,
.comment-content a:hover {
	color: #e13d39;}
	
.entry-content blockquote,
.entry-summary blockquote {
	font-size: 24px;}

.entry-content blockquote cite,
.entry-content blockquote small,
.entry-summary blockquote cite,
.entry-summary blockquote cite {
	font-size: 16px;}
	
.entry-summary {
	width: 43%;
	margin: 0 3.5% 2%;
	float: left;}
	
ul.archive-grid {
	list-style: none;
	margin:0;
	padding:0;}
	
.archive-grid li {
	margin:0;
	padding:0;}
	
.archive-grid li:nth-child(3),
.archive-grid li:nth-child(5),
.archive-grid li:nth-child(7),
.archive-grid li:nth-child(9),
.archive-grid li:nth-child(11),
.archive-grid li:nth-child(13) {
	clear:both;}
	
.recent-posts .archive-grid li:nth-child(3),
.featured-category-posts .archive-grid li:nth-child(3),
.recent-posts .archive-grid li:nth-child(4),
.featured-category-posts .archive-grid li:nth-child(4) {
	display: none;}
	
.featured-category-posts {
	border: 1px solid #43a9a6;
	clear: both;
	margin: 15px 0 30px;
	padding: 10px 0;}
	
#recipes .featured-category-posts {
	border: 1px solid #ddd;
	clear: both;
	margin: 15px 0 30px;
	padding: 10px 0;}

.recent-posts .archive-grid li h1,	
.featured-category-posts .archive-grid li h1 {
	font-family:Arial, Helvetica, sans-serif;}

/* Page links */
.page-links {
	clear: both;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 2.2;
	margin: 20px 0;
	text-transform: uppercase;}

.page-links a,
.page-links > span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;}

.page-links a:hover {
	background: #fff;
	color: #e63f2a;}

.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;}

/* Media elements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #222222;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #e13d39;}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #595959;}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
	-moz-border-radius:0;}
	
/*---------tutorial page -------------*/

.index .grid {
	width: 48%;
	margin: 0 1% 2%;
	float: left;}
	
.index p {
	margin: 0 0 10px;}

.index a, 
.index a:visited{
	color: #e13d39;
	font-size: 15px;
	text-decoration: none;
	text-align: center;}	

.index a:hover{
	color: #e13d39;
	text-decoration: none;	}

.index ol {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;	}	

.index ol li {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;}	

.index ul {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;}	

.index ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;}
	
.index li {
	list-style-type: none;
	background: none;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 5px 0px;}	

.index ul li {
	list-style-type: none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;}
	
.index ul ul li {
	list-style-type: none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;}


.index img {
    width: 100%;
	max-width: 150px;
	margin: 0;
	padding: 0px;
    border: #fff solid 3px;
    -moz-box-shadow: 0 0 2px 2px #cccccc;
    -webkit-box-shadow: 0 0 2px 2px #cccccc;
	-khtml-box-shadow: 0 0 2px 2px #cccccc;
	box-shadow: 0 0 2px 2px #cccccc;}


.index h5 {
	color: #e13d39;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: -5px 0px 10px 0px;
	padding: 0px;
	line-height: 1;
	border-bottom: none;}

.index h5 a {
	color: #e13d39;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;}
	
@media (min-width: 641px) {
	

	
}
	
@media (min-width: 768px) {
	
.recent-posts .archive-grid li:nth-child(3),
.featured-category-posts .archive-grid li:nth-child(3) {
	display: block;}

.index .grid {
	width: 31%;
	margin: 0 1% 2%;
	float: left;}
	
.entry-summary {
	width: 26%;
	margin: 0 3.5% 2%;
	float: left;}
	
.archive-grid li:nth-child(3),
.archive-grid li:nth-child(5),
.archive-grid li:nth-child(7),
.archive-grid li:nth-child(9),
.archive-grid li:nth-child(11),
.archive-grid li:nth-child(13) {
	clear:none;}
	
.archive-grid li:nth-child(4),
.archive-grid li:nth-child(7),
.archive-grid li:nth-child(10),
.archive-grid li:nth-child(13) {
	clear:both;}
	
}

@media (min-width: 1200px) {
	
.entry-summary {
	width: 21%;
	margin: 0 2% 2%;
	float: left;}
	
.archive-grid li:nth-child(4),
.archive-grid li:nth-child(7),
.archive-grid li:nth-child(10),
.archive-grid li:nth-child(13) {
	clear:none;}
	
.archive-grid li:nth-child(5),
.archive-grid li:nth-child(9),
.archive-grid li:nth-child(13) {
	clear:both;}
	
.recent-posts .archive-grid li:nth-child(4),
.featured-category-posts .archive-grid li:nth-child(4) {
	display: block;}
	
}
	

@media (max-width: 767px) {
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;}
}

/*******************************************************************************
5.4 Galleries
********************************************************************************/

.gallery {
	margin-bottom: 20px;
	margin-left: -4px;}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;}
	
.gallery-columns-1 .gallery-item {
	margin-right: 0;
	max-width: 100%;}
	
.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(48% - 4px);
	max-width:         calc(48% - 4px);}
	
.gallery-columns-3 .gallery-item {
	max-width: 31%;
	max-width: -webkit-calc(33% - 4px);
	max-width:         calc(33% - 4px);}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;}

.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;}

.gallery-item:hover .gallery-caption {
	opacity: 1;}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;}
	
@media (max-width: 767px) {
	.gallery-caption {
		display: none;}
}

/* Mobile devices */
@media (max-width: 359px) {
	.gallery {
		margin-left: 0;}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 49%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 98%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;	}

	.gallery br {
		display: none;}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right: 0;}
}

/*******************************************************************************
5.5 Attachments
********************************************************************************/

.full-size-link:before {
	content: none;}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
	color: #888;}

.attachment .entry-content,
.attachment .entry-summary {
	background-color: #fff;
	max-width: 100%;
	padding: 40px 0;}

.image-navigation {
	margin: 0 auto;
	max-width: 1040px;
	position: relative;}

.image-navigation a:hover {
	text-decoration: none;}

.image-navigation .nav-previous,
.image-navigation .nav-next {
	position: absolute;
	top: 50px;}

.image-navigation .nav-previous {
	left: 0;}

.image-navigation .nav-next {
	right: 0;}

.image-navigation .meta-nav {
	font-size: 32px;
	font-weight: 300;
	vertical-align: -4px;}

.attachment .entry-attachment,
.attachment .type-attachment p {
	margin: 0 auto;
	text-align: center;}

.attachment .entry-attachment .attachment {
	display: inline-block;}

.attachment .entry-caption {
	text-align: left;}

.attachment .entry-description {
	margin: 20px auto 0;}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
	margin: 0;}
	
@media (max-width: 1069px) {

	.image-navigation .nav-previous,
	.image-navigation .nav-next {
		position: static;}
}
	
@media (max-width: 767px) {
	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		padding: 0;
		width: 100%;}
}

/*******************************************************************************
5.6 Post/Paging Navigation
********************************************************************************/
.navigation .nav-previous {
	float: left;}

.navigation .nav-next {
	float: right;}

.navigation a {
	color: #666;}

.navigation a:hover {
	color: #888;
	text-decoration: none;}

.paging-navigation {
	padding: 10px 0;}

.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 668px;
	width: 100%;}

.paging-navigation .nav-next {
	padding: 13px 0;}

.paging-navigation a {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-weight: 300;}

.paging-navigation .meta-nav {
	background-color: #a9a9a9;
	border-radius: 50%;
	-moz-border-radius:50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;}

.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;}

.paging-navigation a:hover .meta-nav {
	background-color: #666;
	text-decoration: none;}

.post-navigation {
	font-size: 15px;
	font-weight: 300;
	padding: 10px 0;
	text-transform: uppercase;
	letter-spacing: .15em;
	border-top: 1px solid #A4E0DE;
	border-bottom: 1px solid #A4E0DE;
	margin: 10px 0 20px;}

.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px;}

.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}

/*******************************************************************************
5.7 Author Bio
********************************************************************************/

.author-info {
	margin: 10px auto 20px;
	max-width: 668px;
	padding: 20px 20px 10px;
	text-align: left;
	width: 90%;
	border: 1px solid #A4E0DE;}

.author-avatar .avatar {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #EEEEEE;
    display: block;
    padding: 5px;}

.author-description .author-title {
	clear: none;
	margin: 0 0 8px;
	color: #e13d39;
	font-size: 20px;}

.author-link {
	color: #e13d39;
	margin-left: 2px;}

.author.archive .author-link {
	display: none;}


/********************************************************************************
5.8 Archives/Search Results/No posts
********************************************************************************/

.page-title,
.archive-title {
	font: 25px "Muli", Helvetica, sans-serif;
	margin: 0 auto 15px;
	color: #7FC7C5;
	letter-spacing: .1em;
	text-transform: uppercase;
	max-width: 1200px;
	padding: 30px 0 0;
	width: 100%;
	border-bottom: 4px double #ccc;}

.page-content {
	margin: 0 auto;
	max-width: 1200px;
	padding: 10px 0 40px;
	width: 100%;}


/*******************************************************************************
5.9 404
********************************************************************************/
 	
.error {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 2%;}

/*******************************************************************************
5.10 Comments
********************************************************************************/
 
#comments {
	 margin: 30px 0; }

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 668px;
	width: 100%;}

#comments,
#respond h1 {
	color: #7FC7C5;
	margin-bottom: 5px;
	font-size: 18px;
    font-weight: normal;
	font-size: 18px;
    border-bottom: 4px double #ccc;
	padding-bottom: 5px;}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
	margin: 0;}

.comment-list .children {
	margin-left: 20px;}

.comment-wrap {
	padding: 10px 10px 25px;
	position: relative;
	border: 1px solid #eee;
	margin:0 0 20px;}

.comment-body {
	position: relative;}

.comment-author .fn,
.says {
	word-wrap: break-word;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;}

.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: #e13d39;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;}
	
.comment-reply-link {
	text-transform: uppercase;
	letter-spacing: .15em;
	padding: 5px;}

.comment time,
.comment-edit-link {
	font-size:10px;
	text-transform: uppercase;
	margin: 10px 0;
	letter-spacing: .15em;}


.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;}

.comment-list .edit-link {
	margin-left: 20px;}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 124px);
	width:         calc(100% - 124px);
	word-wrap: break-word;
	text-align: right;}

.comment-meta,
.comment-meta a {
	color: #e13d39;
	font-size: 13px;}

.comment-meta a:hover {
	color: #ECCA6F;}

.comment-metadata {
	margin-bottom: 20px;}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;}

.comment-awaiting-moderation {
	color: #a2a2a2;}

/* Comment form */
.comment-respond {
	border: 1px dashed #A4E0DE;
	padding:10px 20px;}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;}

.comment-reply-title {
	font: 300 28px "Muli", Helvetica, sans-serif;}

.comment-form .comment-notes {
	margin-bottom: 15px;}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;}

.comment-form .required {
	color: #528d60;}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;}

.comment-form textarea {
	width: 100%;}

.form-allowed-tags,
.form-allowed-tags code {
	color: #686758;
	font-size: 12px;}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 668px;
	padding: 20px 0 30px;
	width: 100%;}

	
/***** Comment Numbering Style ********************/

.commentlist li .commentnumber {
	float:left;
	color:#e13d39;
	font-size:35px;
	margin:0;
	padding:.2em .5em .5em 0;
	clear:right;}

.commentlist li li .commentnumber {
	font-size:35px;}

.commentlist li li li .commentnumber {
	font-size:35px;}
	
	
/*-------Comment Styling ---------------------*/

#author, #email, #url {
	background: #ffffff !important;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 4px;
	border: 1px dotted #e13d39;	}	

#comment {
	background: #ffffff !important;
	color: #222222;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 5px 0px 5px 0px;
	padding: 4px;
	border: 1px dotted #e13d39;	}

.commentlist li ul li {
	font-size: 12px;}

.commentlist li {
	font-weight: bold;}

.commentlist li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #cccccc;
	margin: 0px 5px 0px 10px;
	padding: 3px;}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;}

.commentlist p {
	font-weight: normal;
	text-transform: none;}

.commentmetadata {
	font-weight: normal;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;}

#commentform {
	margin: 5px 10px 0px 0px;}	

#commentform textarea {
	width: 98%;
	padding: 2px;}	

#respond:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;	}

#commentform p {
	margin: 5px 0px 5px 0px;}	

#commentform #submit {
	margin: 0px;
	float: left;}	

.alt {
	margin: 0px;
	padding: 10px;}

.commentlist {
	margin: 0px;
	padding: 0px;}	

.commentlist ol {
	margin: 0px;
	padding: 10px;}
	
.commentlist li {
	margin: 15px 0px 10px;
	padding: 10px 5px 10px 10px;
	list-style: none;}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;}

.commentlist p {
	margin: 10px 0px 10px 0px;
	padding: 0px;}	

.children { 
	margin: 0px;
	padding: 0px;}

.nocomments {
	text-align: center;
	margin: 0px;
	padding: 0px;}
	
.reply a, .reply a:visited {
	background: #e13d39;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
        border-radius: 10px;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 3px 5px;
	border: 1px solid #e13d39;}	

.reply a:hover {
	background: #f56c69;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #e13d39;	}

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;	}

.navigation {
	display: block;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 60px;
	clear: both;}	

.alignright {
	float: right;}

.alignleft {
	float: left;}	

.thread-alt {
	background: #f4fdfd;
	margin: 0px;
	padding: 0px;}	

.thread-even {
	background: #f4fdfd;
	margin: 0px;
	padding: 0px;}

.depth-1 {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
     border-radius: 15px;}
	 
.even, .alt {
	border: 1px solid #7fc7c5;
	background: #f2fbfb;
	margin: 0 40px 0 20px;
	padding: 0;
	-moz-border-radius: 15px 0px 0px 0px;
	-khtml-border-radius: 15px 0px 0px 0px;
	-webkit-border-radius: 15px 0px 0px 0px;
    border-radius: 15px 0px 0px 0px;}

.children .even, .children .alt {
	background: #FFFFFF;
	border-right: none;}

textarea#styled {
	margin: 0px auto;
	width: 170px;
	height: 113px;
	border: 1px solid #c9e9e9;
	padding: 5px;
	font-size: 11px; 
	font-weight: normal;
    font-family: century gothic, arial, helvetica, sans-serif;}
	
/*---------- Related Posts -----------------*/

.related_posts {
	margin:0px 0px 0px 0px;
	padding:0;}

.related_posts ul{
	width:100%;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0;} 

.related_posts ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;}

.related_posts li {
	display:inline;
	float:left;
	margin:0;
	padding-left:0;
	padding-right:0px;} 

.related_posts ul li{
	background:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

.related_posts ul ul li {
	background:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

.related_permalink{
	text-align: center;
	font-size:11px;
	padding-top:5px;
	width:130px;} 

.related_thumbnail{
    overflow:hidden;
	text-align:left;
	margin:0;
	padding-left:0;
	padding-right:0px;
	margin-right: 2px;
	margin-left: 1px;}

#related_posts_thumbnails {
	list-style-type: none !important;
	list-style: none !important;
	list-style-position: inside !important;
	padding: 0pt;
	margin: 0pt;
	text-wrap: normal;}
	
#related_posts_thumbnails span {
	overflow: hidden;}

#related_posts_thumbnails ul {
	float: left !important;
	list-style: none !important;}

#related_posts_thumbnails li {
	float: left !important;
	list-style: none !important;
	margin: 0pt;
	padding: 1%;
	display: block !important;
	border-right: none !important;
	background-color: #fff;
	width: 19%;
	overflow: hidden;}

#related_posts_thumbnails li:hover {
	background-color: #fff;}

#related_posts_thumbnails li a {
	border: 0pt none;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: #e13d39;
	font-size:11px;
	text-align:center;}

#related_posts_thumbnails li a:hover {
	color: #e13d39;
	text-decoration: underline;}

#related_posts_thumbnails li a+a {
	display: block;
	width: 125px;
	overflow: hidden;
	height: 75px;
	color: #e13d39;
	text-decoration: none;
	font: 12px Arial;}

#related_posts_thumbnails img {
	width: 95%;
	height: auto;
	padding: 3px;
	margin: 2px auto;
	border: 0pt none;
	box-shadow: 0px 0px 4px #ccc;
	-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;}


/*******************************************************************************
5.11 Multisite
********************************************************************************/

#main .mu_register {
	margin: 0 auto;
	max-width: 668px;
	width: 100%;}

.mu_alert {
	margin-top: 25px;}

#main .mu_register input[type="submit"],
#main .mu_register #blog_title,
#main .mu_register #user_email,
#main .mu_register #blogname,
#main .mu_register #user_name {
	font-size: inherit;
	width: 270px;}

#main .mu_register input[type="submit"] {
	width: auto;}

/*******************************************************************************
6.0 Sidebar
********************************************************************************/

#sidebar form {
	padding: 5px 10px;}

#searchsubmit,
#subscribesubmit {	
	background: #f9d34c;
	color: #fff;
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-serif;
	text-transform: lowercase;
	margin: 5px 0 0 0;
	padding: 2px 0px 5px;
	text-align: center;
	line-height: 14px;
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border: 0;
	width: 25%;}
	
#searchsubmit:hover,
#subscribesubmit:hover {
	background: #7fc7c5;}

#s,
#subscribe-field {
	width: 73%;
	background: #ddd;
	border: 1px solid #fff;
	color: #888;
	margin: 5px 0 0 0;
	font-size: 14px;}
	
#sidebar img.alignleft,
#sidebar .wp-caption.alignleft {
		margin-left: 0;}

#sidebar img.alignright,
#sidebar .wp-caption.alignright {
		margin-right: 0;}

.widget {
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
	padding: 10px;
	word-wrap: break-word;}

.widget .widget-title {
	font: 300 16px 'my_own_topherregular', Arial, Helvetica, sans-serif;
	color: #43a9a6;
	background: #D7EDEC;
	width: 100%;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 5px;
	text-align: center;}
	
#sidebar .widget-title {
	color: #fff;
	background: url(images/sidebartitle.png) no-repeat top center;
	height: 48px;
	padding: 10px 5px 0; }

.widget ul,
.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;}

.widget li {
	padding: 5px 0;}

.widget .children li:last-child {
	padding-bottom: 0;}

.widget li > ul,
.widget li > ol {
	margin-left: 20px;}

.widget a {
	color: #666;}

.widget a:hover {
	color: #e13d39;}

/* Search widget */
.search-form .search-submit {
	display: none;}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;}

.widget_rss .rss-date,
.widget_rss li > cite {
	color: #a2a2a2;}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;}

.widget_calendar caption {
	font-size: 14px;
	margin: 0;}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;}

.widget_calendar a {
	display: block;}
	
/* Welcome Widget */

#welcome {
	background-color: #d7edec;
	padding: 0px;
	display: none;
	overflow: hidden;}
	
#welcome .widget,
#welcome .textwidget {
	margin: 0;
	padding: 5px;
	color: #43a9a6;}
	
#welcome img {
	margin-top: 0px;}
	
#welcome .widget-title {
	text-align: left;
	color: #43a9a6;
	font-size: 15px;
	padding: 0;
	margin-bottom: 10px;
	clear: none; }
	
#welcome p {
	margin-bottom: 7px;}
	
#welcome .read-more {
	font-family: 'jbcursivecursive', 'my_own_topherregular', Arial, sans-serif;
	font-size: 18px;
	float: right;
	margin-right: 20px;}
	
.ashley-bio-pic {
	width: 120px;}
	
/* Other Widgets */

.left-split-button {
	float: left; }
	
.right-split-button {
	float: right; }
	
.left-split-button,
.right-split-button {
	width: 48%;
	margin: 1%;}
	
.left-split {
        width: 50%;
        float: left;
        margin: 0px 0px 0px 0px;}

.right-split {
        width: 50%;
        float: right;
        margin: 28px 0px 0px 0px;}
	
/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {

#welcome {
	display: block;}

}

/*******************************************************************************
7.0 Slider
********************************************************************************/

.sp-slide {
	padding-top: 50px;}

.slider-pro {margin-bottom: 20px;}

.slider-pro p {
 	}

.slider-pro h5 {
        position: absolute;
	top:10px;
	left: 0;
        font-family: Arial, Helvetic, San-Serif;
        color: #666;}

#content .slider-pro h5.sp-layer {
	font-size: 18px;}

.sp-caption-container {
        font-size: 14px !important;}

.sp-arrow {
	height: 100px;
	width:20px;
	background: #ccc;}

.sp-next-arrow:before {
	top: 25%;
	left:40%;
    -webkit-transform: skew(15deg,0deg);
    -ms-transform: skew(15deg,0deg);
    transform: skew(15deg,0deg);}

.sp-next-arrow:after {
	left: 40%;
    -webkit-transform: skew(165deg,0deg);
    -ms-transform: skew(165deg,0deg);
    transform: skew(165deg,0deg);}

.sp-previous-arrow:after {
    -webkit-transform: skew(15deg,0deg);
    -ms-transform: skew(15deg,0deg);
    transform: skew(15deg,0deg);}

.sp-previous-arrow:before {top: 25%;
	right:40%;
    -webkit-transform: skew(165deg,0deg);
    -ms-transform: skew(165deg,0deg);
    transform: skew(165deg,0deg);}

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
	background-color: #fff;
	width: 25%;
	height:25%}

.sp-horizontal .sp-next-arrow {
	right: -30px;}

.sp-horizontal .sp-previous-arrow {
	left: -30px;}

.sp-bottom-thumbnails .sp-next-thumbnail-arrow, .sp-top-thumbnails .sp-next-thumbnail-arrow {
	right: 5px;}

.sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .sp-top-thumbnails .sp-previous-thumbnail-arrow {
	left: 5px;}

.sp-thumbnail-arrow {
        background: #888;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        -moz-border-radius: 50%;}

.sp-next-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-previous-thumbnail-arrow:before {
         width: 25%;
         height: 25%;}

.sp-next-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:before {
         top: 25%;}

/* Maximum width of 1200 pixels. */
@media screen and (max-width: 1200px) {
.sp-horizontal .sp-next-arrow {
	right: 5px;}

.sp-horizontal .sp-previous-arrow {
	left: 5px;}
}
	

/*******************************************************************************
7.0 Footer
********************************************************************************/

#footer {
	font-size: 11px;
	color: #7FC7C5;
	background: #fff;
	margin: 0 0 20px;
	padding-top: 20px;}
	
#footer a {
	color: #7FC7C5;}
	
#footer a:hover {
	color: #e13d39;}
	
.line {
	display: none;}

.site-info {
	margin: 0;
	padding: 1% 0;
	text-align: center;
	width: 100%;}
	
#footer-social {
	float:left;
   	overflow:hidden;
   	position:relative;
	margin: 0;
	padding: 1% 0;
	width: 100%;
	font-size: 11px;
	text-align: center;}

#wpstats {
	display: none;
	margin: -10px auto 0;}

#div-gpt-ad-1383273688542-0 {
	display: none;}
	
/* Minimum width of 641 pixels. */
@media screen and (min-width: 641px) {
	
.line {
	display: block;
	width: 98%;
	margin: 0 auto 0px;
	border-top: 1px solid #7FC7C5;}
	
#footer {
	border: 10px solid #7FC7C5;
	border-top: 0;}
	
/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {

#div-gpt-ad-1383273688542-0 {
	display: block;}
	
.site-info {
	margin: 0;
	padding: 1.5% 1% 1%;
	width: 60%;
	float: left;
	text-align: left;}
	
#footer-social {
	margin: 0;
	padding:1%;
	width: 38%;
	float: right;
	text-align: right;}
	
}

/*******************************************************************************
8.0 Print
********************************************************************************/

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

	.header .search-field {	background-image: url(images/search-icon-2x.png);}
	.format-audio .audio-content,.format-status .entry-content:before, .entry-summary:before, .format-status .entry-meta:before,.comment-list > li:after,.comment-list .children > li:before {	background-image: url(images/dotted-line-2x.png);}
}

@media print {
	body { background: none !important; color: #444; font-size: 10pt; }
	footer a[rel="bookmark"]:link:after,footer a[rel="bookmark"]:visited:after {content: " [" attr(href) "] "; /* Show URLs */}
	#wrap {	max-width: 98%;	}
	.header { background-image: none !important;}
	.header .home-link {max-width: none;min-height: 0;}
	.site-title {color: #444;font-size: 21pt;}
	.site-description {	font-size: 10pt;}
	.author-avatar,	#footer,.comment-respond,.comments-area .comment-edit-link,.comments-area .reply,.comments-link,.entry-meta .edit-link,.page-links,#navbar,.more-link {display: none;}
	.entry-header, .entry-content, .entry-summary, .entry-summary,.entry-meta, .entry-meta-footer {	margin: 0;width: 100%;}
	.page-title,.entry-title { font-size: 21pt;}
	.entry-meta,.entry-meta a {	color: #555;font-size: 10pt;}
	.entry-content img.alignleft, .entry-summary img.alignleft, .entry-content .wp-caption.alignleft, .entry-summary .wp.alignleft {	margin-left: 0;}
	.entry-content img.alignright, .entry-summary img.alignright, .entry-content .wp-caption.alignright, .entry-summary .wp-caption.alignright {margin-right: 0;}
	.format-image .entry-content .size-full, .format-image .entry-summary .size-full {margin: 0;}
	/* Remove colors from post formats */
	.hentry {background-color: #fff;}
	/* Comments */
	.comments-area > li.comment {background: none;position: relative;width: auto;}
	.comment-metadata {	float: none;}
	.comment-author .fn,.comment-reply-link,.comment-reply-login {color: #555;}
}