/*
Theme Name: realthairecipes
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: realthairecipes
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

realthairecipes is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
        background: #e7e1d6;
        color: #47443e;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1.entry-title,
h1.page-title {
	font-size: 200%;
        letter-spacing: 1px;
        font-weight: normal;
	line-height: 100%;
}

h2, #note h3 {
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 10px;
	font-weight: 600;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
}

ul {
	list-style: none;
	margin: 0;
}

#primary ul {
	margin: 0 0 20px 20px;
}

ol {
    	list-style-type: decimal;
	margin-left: 25px;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

li {
	margin-bottom: 10px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
	width: 100%;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
        color: #47443e;
    	text-decoration: none;
}

a:visited {
        color: #47443e;
}

a:hover,
a:focus,
a:active {
        color: #f3be40;
}

span.wpg-tooltip a,
article a {
        color: #47443e !important;
	font-weight: 600;
	border-bottom: 1px solid #f3b340;
}

article ul li a {
	border-bottom: 1px solid #f3b340;
	font-weight: 600;
}

article ul li a:hover,
article ul li a:active,
article ul li a:focus,
span.wpg-tooltip a:hover,
span.wpg-tooltip a:active,
span.wpg-tooltip a:focus,
article a:hover,
article a:active,
article a:focus {
	border-bottom: 2px solid #f3b340;
        color: #47443e !important;
}

article ul li a.glossaryLink {
        text-decoration: none !important;
	border-bottom: 2px solid #f3b340 !important;
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation {
	background-color: #76726a;
	background-color: #434342;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(0,0,0,.05)));
	background-image: -moz-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(0,0,0,.05)));
	background-image: gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(0,0,0,.05)));
	clear: both;
	display: block;
	float: left;
	padding: 0 35px;
	width: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	background-color: #76726a !important;
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 0;
	padding: 6px 17px;
	border-right: 1px solid #76726a;
}

.main-navigation li:first-child {
	border-left: 1px solid #76726a;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	font-weight: 300;
	color: #fff;
	text-shadow: 1px 1px 2px #464135;
}

.main-navigation ul ul {
	font-size: 90%;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
	background: #eee;
	float: left;
	position: absolute;
	margin-left: -10px;
	top: 36px;
	left: -999em;
	z-index: 99999;
	background: #fa9900;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
	padding: 0px 0 5px 0;
	line-height: 140%;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 220px;
}

.main-navigation ul ul li {
	margin-right: 0;
	border-top: 1px solid #e58c01;
	padding: 4px 12px;
}

.main-navigation ul ul li:first-child {
	border: 0;
}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/*
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	font-size: 80%;
	background: #575757;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	background: #a7a7a7;
	color: #333;
	padding: 5px 8px 2px 8px;
	margin: 0 0 0 6px; 
	border-radius: 10px 10px 0 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-post-ancestor > a,
.main-navigation .current-menu-parent > a {
	background: #575757;
	color: #fff;
}


*/







.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

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


aside.widget {
        width: 48%;
        background: #f8f8f5;
	padding: 0;
        margin: 0 1% 20px 1%;
        border-bottom: 1px solid #bbb;
	float: left;
}

aside.widget h1.widget-title {
	padding: 1px 10px;
	color: #fff;
        background: url(images/widget-title-background.png) top left repeat-x;
	border-radius: 4px 4px 0 0;
}

#primary aside ul {
	margin: 0;
}

#primary aside img.the-post-thumbnail {
	width: 100%;
}

#primary aside#rpwe_widget-5 img.the-post-thumbnail {
	width: 200px;
}

#primary aside#rpwe_widget-5 h3 {
}

aside.widget > div,
aside.widget > ul,
aside.widget > form {
	padding: 10px 20px;
}

aside.widget h1.widget-title a,
aside.widget h1.widget-title a:hover,
aside.widget h1.widget-title a:visited,
aside.widget h1-widget-title a:active {
        color: #fff;
}

#recipeSlideshow .thumbnail,
#recipeSlideshow h3 {
	display: none;
}

#recipeSlideshow .slick-slide {
	text-align: center;
}

#recipeSlideshow .slick-list {
	overflow: visible;
}

#recipeSlideshow p {
	position: absolute;
	bottom: -60px;
	text-align: center;
	width: 100%;
	font-size: 90%;
	color: #555;
}

#recipeSlideshow button {
	border: 0;
	background: transparent;
	box-shadow: none;
}

#recipeSlideshow .slick-slide img {
	width: 100%;
}

#recipeSlideshow .slick-dots {
	bottom: -90px;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/


header.site-header .site-branding {
	background: url(images/header/rotate.php) center left no-repeat;
	background-size: 100%;
	min-height: 140px;
}

header.site-header .site-branding img {
	width: 100% !Important;
}

h1.site-title,
h2.site-description {
	display: none;
}



#page {
	max-width: 1000px;
	background: #fff;
	margin: 0 auto 20px auto;
	box-shadow: 0 0 10px 2px #b8b1a5;
}


footer.site-footer {
        margin: 40px 0 0 0;
        color: #9a978c;
        border-top: 1px solid #d6d4cb;
	background: #e2e0d9 url(images/footer-fade.jpg) top right no-repeat;
	font-size: 75%;
}

footer.site-footer .site-info {
        background: url(images/footer/rotate.php) right 13px no-repeat;
	padding: 20px;
}

footer.site-footer p {
	margin-bottom: 5px;
	margin-right: 100px;
}

footer.site-footer p.doNot {
        color: #bdb9aa;
        margin: 10px 0 0 0;
}

footer.site-footer a {
        color: #9a978c;
        text-decoration: underline;
}

footer.site-footer a:hover {
        color: #807b67;
}

footer.site-footer a img {
        text-decoration: none !important;
        border: 0;
}

footer.site-footer .borderless {
        text-decoration: none !important;
        border: 0;
        margin: 0 0 -4px 0;
}


.grid-sizer {
	width: 48%;
}

.gutter-sizer {
	width: 4%;
}




/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

#primary {
	padding: 30px 25px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*
body.page img,
body.searchPage img {
	margin: 4px 10px 3px 0;
	float: left;
	border: 1px solid #ddd;
	padding: 2px;
}
*/

/*  * Glossary Pages *  */

ul.glossary-list {
	margin: 0 !important;
}

ul.glossary-list li.glossary-item {
	clear: both;
	margin-bottom: 40px;
	display: inline-block;
	width: 100%;
}


.glossary-item-desc h3 + p  {
	clear: both;
}

ul.glossary-list li.glossary-item h3 {
	text-align: right;
	margin-top: -34px;
	margin-bottom: 20px;
	padding-right: 30px;
}

ul.glossary-list li.glossary-item p:last-child {
	margin-bottom: 0;
}

ul.glossary-list li.glossary-item img {
	float: left;
        margin: 4px 10px 3px 0;
        float: left;
        border: 1px solid #ddd;
        padding: 2px;
}

ul.glossary-list h2 {
        border-top: 1px solid #8f8b79;
        border-bottom: 1px solid #e7e5dc;
        background: #fbfbf9;
        clear: left !important;
        color: #3b3a36;
        padding: 0 0 0 5px;
	font-weight: 700;
	font-size: 100%;
	margin: 0 0 10px 0;
}	

/* * audio styles * */

.mejs-inner .mejs-layers,
.mejs-inner .mejs-time-rail,
.mejs-inner .mejs-duration-container,
.mejs-inner .mejs-horizontal-volume-total,
.mejs-inner .mejs-horizontal-volume-current,
.mejs-inner .mejs-volume-button,
a.mejs-horizontal-volume-slider,
.mejs-inner .mejs-duration-container,
.mejs-inner .mejs-time,
.mejs-inner .mejs-mute,
.mejs-inner .mejs-clear {
	display: none !important;
}

.mejs-container, .mejs-embed,
.mejs-embed body,
.mejs-mediaelement {
	background: transparent !important;
	position: relative !Important;
	width: 30px !Important;
	width: 100% !Important;
	text-align: right !important;
	clear: none !Important;
	height: 0px  !important;
}

.mejs-container .mejs-controls {
	background: transparent !important;
	fill: #f00;
	border: 0 !important;
	top: -42px !important;
	padding-right: 5px !important;
	position: absolute !important;
}

.mejs-container .mejs-controls div {
	background: #444 !important;
	border-radius: 2px !Important;
	width: 22px !important;
	height: 20px !important;
	position: absolute;
	right: 0;
}


.mejs-controls .mejs-button button {
	margin: 1px !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: none;
}

.mejs-controls .mejs-button button:focus {
	outline: none !important;
}


.wp-audio-shortcode ~ br { 
	content: "";
	height: 0px;
  	display: block;
}


/* * glossary tool tips * */
div.qtip img {
	width: 100%;
	float: none;
}

div.qtip {
	max-width: 300px;
}

div.qtip h3 {
	margin: 0;
}

div.qtip audio {
	display: none;
}
/* * glossary single pages * */

body.single-glossary h1 + h3 {
	font-size: 120%;
	margin: 10px 0 20px 0;
}

body.single-glossary article img {
	float: left;
        margin: 4px 10px 3px 0;
        border: 1px solid #ddd;
        padding: 2px;
}





/* **********************  RECIPE PAGE TEMPLATE ************************** */

img.wp-post-image {
	width: 100%;
	height: auto;
	border-radius: 25px;
}

article.category-recipes h1 {
	font-size: 250%;
	line-height: 120%;
	margin: 20px 0;
	font-weight: 700;
}

article.category-recipes h2 {
	font-weight: 600;
}

section#ingredients {
	width: 45%;
	padding: 10px;
	float: left;
	background: #fafafa;
	border-radius: 10px;
	border: 1px solid #e6ebed
}

section#ingredients ul li {
	list-style-type: disc;
}

section#directions {
	width: 50%;
	float: right;
}


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

aside {
        width: 50%;
        background: #f8f8f5 url(img/box-header.gif) top left repeat-x;
        padding: 0 0 5px 0;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #bbb;
}

aside p {
        padding: 0 8px 8px 8px;
}


aside h1.widget-title {
        font-family: verdana,arial,helvetica,sans-serif;
        font-size: 14px !important;
        margin: 0 !important;
        padding: 3px 3px 4px 5px;
        padding: 0;
        background: #e9e7e1;
        color:white;
        height: 30px;
        background: url(img/box-header-curve.gif) top left no-repeat;
}

aside h1.widget-title a {
        color: #fff;
        display: block;
        padding: 3px 10px;
        font-family: Tahoma,Arial,Helvetica,sans-serif;
        background: url(img/box-header-curve.gif) top right no-repeat;
}

aside h1.widget-title a:hover,
aside h1.widget-title a:visited,
aside h1-widget-title a:active {
        color: #fff;
}







/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.vcard.author {
	display: none;
}

h2.comments-title {
	margin-top: 110px;
}



/*--------------------------------------------------------------
RESPONSIVE
--------------------------------------------------------------*/


@media (max-width: 800px) {
	.main-navigation {
		font-size: 90%;
	}
}


@media (max-width: 650px) {

	.main-navigation {
		font-size: 80%;
		padding: 0 20px;
	}

	aside.widget {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}

	#primary {
        	padding: 20px 15px;
	}

}


@media (max-width: 450px) {

	.main-navigation {
		font-size: 75%;
		padding: 0;
	}


	.main-navigation li {
        	padding: 6px 5px;
		border: 0;
	}

	header.site-header .site-branding {
        	min-height: 80px;
	}

	#primary {
        	padding: 20px 3px;
	}


	footer.site-footer .site-info {
		background: transparent;
	}

	footer.site-footer p {
        	margin-right: 0;
	}

	ul.glossary-list li.glossary-item h3 {
        	text-align: left;
        	margin-top: -37px;
        	margin-bottom: 20px;
		padding-left: 5px;
		float: left;
		font-size: 90%;
	}

	ul.glossary-list h2 {
 	       padding-bottom: 30px;
	}

	.mejs-container .mejs-controls {
        	top: -40px !important;
	}
}