/*

Theme Name: Revelar

Theme URI: https://wordpress.com/themes/revelar/

Description: Revelar is a single-column blogging theme, designed to showcase your gorgeous photography and highlight your writing, while providing an immersive experience for your visitors.

Version: 1.0.3

Author: Automattic

Author URI: http://www.wordpress.com/themes

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: revelar

Tags: blog, custom-background, custom-colors, featured-images, one-column, photography, rtl-language-support, threaded-comments, translation-ready

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Reset

2.0 Typography

3.0 Elements

4.0 Forms

4.5 Header

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%;	/* Sets up the Base 10 stuff */

	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/ */

}



*,

*:before,

*:after {



	/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */



	/* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */



	/* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */

	box-sizing: border-box;

}



body {

	background: #ecf0f1;	/* Fallback for when there is no custom background color defined. */

	/* KB EDIT */ background: #fff;

}



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: thin dotted;

}



a:hover,

a:active {

	outline: 0;

}



a img {

	border: 0;

}



/*--------------------------------------------------------------

 2.1 Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

	color: #7f8c8d;

	font-family: Merriweather, Georgia, serif;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: 400;

	line-height: 1.75;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

	color: #444;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-weight: 600;

}



h1 {

	font-size: 36px;

	font-size: 3.6rem;

	line-height: 1.8235;

	margin-bottom: 0.4375em;

}



h2 {

	font-size: 24px;

	font-size: 2.4rem;

	line-height: 1.2917;

	margin-bottom: 1.3125em;

}



h3 {

	font-size: 21px;

	font-size: 2.1rem;

	line-height: 1.4762;

	margin-bottom: 1.5em;

}



h4 {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 1.75;

	margin-bottom: 1.75em;

}



h5,

h6 {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 2.2143;

	margin-bottom: 2.25em;

	text-transform: uppercase;

}



p {

	margin-bottom: 1.75em;

}



blockquote:last-child,

blockquote p:last-child,

p:last-child {

	margin-bottom: 0;

}



b,

strong {

	font-weight: bold;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	padding: 0.75em 0 0.75em 2rem;

	font-size: 21px;

	font-size: 2.1rem;

	font-style: italic;

	border-left: 4px solid #ecf0f1;

	margin-bottom: 0.75em;

}



blockquote cite {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	margin-top: 1.96875em;

	text-align: right;

}



address {

	margin: 0 0 1.75em;

}



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: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}



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%;

}



/*--------------------------------------------------------------

 2.2 Links

--------------------------------------------------------------*/

a,

a:visited {

	color: #b66457;

}



a {

	border-bottom: 1px solid #dcdcdc;

	text-decoration: none;

}



a img {

	border: none;

}



a:hover,

a:focus,

a:active {
	border-bottom-color: #c30;
	color: #c30;
}



/* Make sure lengthy URLs wrap properly */

.entry-content a,

.widget a {

	word-break: break-word;

	word-wrap: break-word;

}



/*--------------------------------------------------------------

 2.2 Elements

--------------------------------------------------------------*/

hr {

	background-color: #ecf0f1;

	border: 0;

	height: 1px;

	margin-bottom: 1.75em;

}



ul,

ol {

	margin: 0 0 1.75em 1.75em;
	list-style-position: inside;
}


ul {
	list-style: disc;
}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.75em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 0.875em 0.875em;

}



img {

	height: auto;	/* Make sure images are scaled correctly. */

	max-width: 100%;	/* Adhere to container width. */

}



figure {

	margin: 0;

}



table,

th,

td {

	border: 1px solid rgba(0, 0, 0, 0.1);

}



table {

	border-collapse: separate;

	border-spacing: 0;

	border-width: 1px 0 0 1px;

	margin: 0 0 1.75em;

	table-layout: fixed;	/* Prevents HTML tables from becoming too wide */

	width: 100%;

}



caption,

th,

td {

	font-weight: normal;

	text-align: left;

}



th {

	background: rgba(0, 0, 0, 0.05);

	border-width: 0 1px 1px 0;

	font-weight: 700;

}



td {

	border-width: 0 1px 1px 0;

}



th,

td {

	padding: 7px;

}



/*--------------------------------------------------------------

 2.3 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"] {
	background-color: #959595;
	border: 2px solid #b66457;
	border-radius: 3px;
	color: #b66457;
	cursor: pointer;	/* Improves usability and consistency of cursor style between image-type 'input' and others */
	display: inline-block;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 2px;
	padding: 12px;
	position: relative;
	text-transform: uppercase;
	-webkit-appearance: button;	/* Corrects inability to style clickable 'input' types in iOS */
	transition: all 0.15s ease;
}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	color: #ffffff;

	background: #b66457;

	border-color: #b66457;

}



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;

}



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 */

	/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	box-sizing: content-box;

}



input[type="search"]::-webkit-search-decoration {



	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner {



	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border: 0;

	padding: 0;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	color: #666;

	border: 2px solid #dcdcdc;

	border-radius: 3px;

	font-size: 14px;

	font-size: 1.4rem;

	outline: 0;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	border-color: #00bd9b;

	color: #111;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

	padding: 0.5625em;

}



textarea {

	font-size: 14px;

	font-size: 1.4rem;

	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%;

}



/*--------------------------------------------------------------

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.75em;

	margin-bottom: 1.75em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.75em;

	margin-bottom: 1.75em;

}



.aligncenter {

	clear: both;

	display: block;

	margin: 0 auto;

}



/*--------------------------------------------------------------

8.0 Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.comment-content:before,

.comment-content:after,

.entry-content:before,

.entry-content:after,

.main-navigation .menu:before,

.main-navigation .menu:after,

.main-navigation ul:before,

.main-navigation ul:after,

.nav-links:before,

.nav-links:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after,

.site-header:before,

.site-header:after {

	content: "";

	display: table;

}



.clear:after,

.comment-content:after,

.entry-content:after,

.main-navigation .menu:after,

.main-navigation ul:after,

.nav-links:after,

.site-content:after,

.site-footer:after,

.site-header:after {

	clear: both;

}



/*--------------------------------------------------------------

8.5 Layout

--------------------------------------------------------------*/

#page {

	position: relative;

}



.site-content {
	margin: 10px 0 0;
}


body.single-post .site-content {
	margin: 0 2.416666667%;
}


@media (min-width:48em) {
	.site-content {
		margin: 10px 0 0;
	}
}

.single #page .ngg-pro-masonry {
	margin-bottom: 5px;
}

.site-footer {
	background-color: #ffffff;
	font-size: 14px;
	font-size: 1.5rem;
	padding: 25px 2.416666667%;
	text-align: center;
	font-family: vendetta, georgia, serif;
	font-weight: 300;
	text-transform: uppercase
}



.site-footer .site-info {

	background: #fff url("http://annstreetstudio.com/wp-content/themes/twentyten/images/line-fill.png") repeat-x top left; 
	margin: 0 auto;
	padding-top: 25px;
	
}

.site-footer .site-info p {
	display: inline;
}

.site-footer .site-info ul {
	display: inline;
	margin: 0;
		
}

.site-footer .site-info ul li {
	display: inline;
	padding-left: 5px;
}


/*--------------------------------------------------------------

 4.5 Header

--------------------------------------------------------------*/

.site-header {
	background-color: #fff;
	/* box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1); */
	display: table;
	position: relative;
	width: 100%;
	z-index: 11;
}



@media screen and (min-width:48.0625em) {
	.site-header {
		background-color: #fff;
	}
}



#site-navigation-wrap { /* POSSIBLE NARROW SCREEN */
	width: 100%;
	margin: 0 auto;
	/* border: 1px solid blue; */
	padding: 0 2.416666667%;

}



@media screen and (min-width:48.0625em) { /* MEDIUM WIDE SCREEN */

	#site-navigation-wrap {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		/* border: 1px solid red; */
	}
}



@media (min-width:80em) {      /* FULL WIDE SCREEN */
	#site-navigation-wrap {
		margin-left: auto;
		margin-right: auto;
		width: 100%
		padding: 0 0;
		/* border: 1px solid black; */
	}
}



/* GETTING MY FLEX ON */

#site-navigation-inner {
	width: 100%;
	margin: 0 auto;
	padding: 2px 0 11px 0;
 	/* border: 1px solid orange; */
	background: #fff url("http://annstreetstudio.com/wp-content/themes/twentyten/images/line-fill.png") repeat-x bottom left;
	display: flex;
	justify-content: space-between;
}



/* FLEXBOX 1 */


#social-media {  /* When Nav is Gone */
}

#search {
	padding-top: 7px; 
	padding-right: 7px;
}

/* FLEXBOX 2 */

#header-right {
	width: 48%
	justify-content: right;
	display: flex;
}

#site-navigation-wrap #site-navigation-inner ul {
	display: none;
	}


#site-navigation-wrap #site-navigation-inner ul  li {
	list-style-type: none;
	margin: 0 15px 0 0;
}


#site-navigation-wrap #site-navigation-inner ul li a, 
  #site-navigation-inner a {
	text-decoration: none;
	font-size: 12px;
	border-bottom: none;
	color: #7c7c7c;
	font-family: omnes-pro, sans-serif;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .2em;

}


#site-navigation-wrap #site-navigation-inner ul#site-nav-categories li a {
	display: inline-block;
	padding-top: 14px; /* This should align the text baseline with the search input */
}


#site-navigation-wrap #site-navigation-inner ul  li a:hover, 
  #site-navigation-inner a:hover {
	color: #c30;
}




@media (min-width:56em) { 
	#site-navigation-wrap #site-navigation-inner ul {
		max-width: 100%;
		margin: 0 ;
		display: flex; /* This makes the desktop navigation appear */
	}


	

	#social-media {
		display: block;
	}
}


 


/* SEARCH */

#site-navigation-inner input[type="search"] {
	border: 0;
        border-bottom: 1px solid #dcdcdc;
        border-radius: 0;
	font-size: 12px;
	color: #7c7c7c;
	font-family: omnes-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: uppercase;
        outline: 0;
        padding: .2em;
	width: 14rem;
 	transition: ease-in-out, width .35s ease-in-out;
	
}

#site-navigation-inner input[type="search"]:focus {color: #c30;}
@media (min-width:60em)    { #site-navigation-inner input[type="search"]:focus {width: 25rem;}}



/*
#site-navigation-inner input[type="submit"] {
	background-color: #e1e1e1;
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	color: #7c7c7c;
	font-family: omnes-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .25em;
	text-transform: uppercase;
	line-height: 1;
	padding: 8px;
	position: relative;
	-webkit-appearance: button;
	transition: all 0.15s ease;
}
*/

#site-navigation-inner input[type="submit"] {
	width: 22px;
	height: 22px;
	background: #fff url("http://annstreetstudio.com/wp-content/themes/twentyten/images/mag.png") no-repeat center center;
	background-size: 22px 22px;
	border: 0;
	text-indent: -9999px;
	opacity: .25;
	transition: all 0.15s ease;
	position: relative;
	top: 5px;
}



#site-navigation-inner  input[type="submit"]:hover {
	opacity: 1;
}

/* SHARING ON POSTS - Simple Share Buttons Adder (6.3.4) simplesharebuttons.com  */

.ssba.ssba-wrap a {transition: opacity .2s; opacity: .5;}

.ssba.ssba-wrap a:hover {opacity: 1;}


/* INDIVIDUAL SOCIAL MEDIA PLATFORMS */



#site-navigation-inner #social-media a {
	width: 24px;
	height: 32px;
	background-color: #fff;
	background-image: url("http://annstreetstudio.com/wp-content/themes/twentyten/images/social-media-icons-the-circle-set.png");
	text-indent: -9999px;
	margin-left: 0px;
	transition: opacity .2s;
	opacity: .5;
	display: inline-block;
}



#site-navigation-inner #social-media a:hover {
	opacity: 1;
}



#social-media a.social-instagram {background-position-x: 29px ;}
#social-media a.social-facebook  {background-position-x: 120px ;}
#social-media a.social-twitter   {background-position-x: 75px ;}



/* NEXTGEN GALLERY TWEAKS */

#fancybox-wrap a, #fancybox-wrap a:hover {
	border-bottom: 0;
}

.pinterest-lightbox-pin-it-button {top: -3px}


#site-navigation-wrap ul li a:hover,  #site-navigation-inner a:hover {

	/* color: #000; */

	}









#masthead {

	



	}



.site-branding {
	display: block;
	padding-bottom: 0px;
	vertical-align: middle;
	/* width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px); */
	height: 130px;
	margin: 15px auto 0 auto;
	/* background: #fff url("http://annstreetstudio.com/wp-content/themes/twentyten/images/line.png") no-repeat bottom left; */

}



.site-branding.only-item {
	width: auto;
	/* KB EDIT*/
	width: 100%;
	border: 1px solid #fff;
}









@media (min-width:48em) {

	.site-branding.only-item {

	}



}



@media screen and (min-width:48.0625em) {

	.site-branding {
		display: flex;
		justify-content: center;

	}



	.site-branding.only-item {
		width: auto;
		/* KB EDIT*/
		height: 130px;
		margin: 5px auto 0 auto;

	}

	.site-header {
		width: 100%;
		padding: 0;
	}

}







@media screen and (min-width:48.0625em) { /* MEDIUM WIDE SCREEN */

	.site-header {
		padding: 0 6%;
	}

}





.site-header { /* TINY WIDTH and also DEFAULT */
	width: 100%;
	padding: 0 6%;
	margin: 0 auto;
	}


@media (min-width:48em) {

.site-header {
	width: 100%;
	padding: 0 6%;
	}


}



@media (min-width:80em) {      /* FULL WIDE SCREEN */

.site-header {
	width: 100%;
	padding: 0 0;
	}
}



.site-title {
	font-size: 30px;
	font-size: 3rem;
	font-family: 'Abril Fatface';
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0;
	text-indent: -9999px;
	/* KB EDIT */
	width: 100%;
	height: 100%;
	display: block;
	background: #fff url("http://annstreetstudio.com/wp-content/themes/twentyten/images/Script-Logo-Temp.png") no-repeat center;
	background-size: 58% auto;

}





.site-title a {

	border-bottom: 0;

	color: #000;

	text-decoration: none;

	/* KB EDIT */

	display: block;

	width: 100%;

	height: 100%;

}



.site-description {

	color: #fff;

	display: none;

	font-family: Merriweather, Georgia, serif;

	font-size: 14px;

	font-size: 1.4rem;

	font-weight: 400;

	text-indent: -9999px;

}



/*--------------------------------------------------------------

 5.0 Main Navigation

--------------------------------------------------------------*/

.main-navigation {

	clear: both;

	display: block;

}



.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}



.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

}



.main-navigation ul ul ul li {

	padding-left: 30px;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	left: 100%;

}



.main-navigation ul ul a {

	border-left: none;

	display: block;

	font-size: 12px;

	font-size: 1.2rem;

	letter-spacing: 2px;

	width: 100%;

}



.main-navigation ul ul a:before {

	content: '\2012';

	margin-right: 6px;

}



.main-navigation ul ul a:after {

	content: '';

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: auto;

}



.main-navigation li {
	background: #ffffff;
	border-bottom: 1px solid #efefef;
	position: relative;
}



.main-navigation a {
	border-bottom: transparent;
	border-left: 1px solid #efefef;
	display: block;
	font-family: omnes-pro, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 1.2rem 1.8rem;
	text-transform: uppercase;
	color: #7c7c7c
}



.main-navigation a:hover,

.main-navigation a:focus {

	background: #7c7c7c;

	color: #fff;

}



.main-navigation .menu-item-has-children > a:after {

	content: '\f431';

	font-family: Genericons;

	font-size: 13px;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 20px;

}


/* 
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	background: #b66457;
	color: #fff;
}

*/

/* Small menu. */

#menu-toggle-container .menu-toggle {
	background: #fff url("http://annstreetstudio.com/wp-content/themes/twentyten/images/mobile-toggle-menu.png") center center;
	background-size: 100% 100%;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	color: #959595;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	vertical-align: middle;
	opacity: .25;
	transition: opacity .3s;
	position: relative;
	top: 5px;
}



#menu-toggle-container input[type="button"]:hover, #menu-toggle-container button:hover  {
	opacity: .5;
	background-color: #fff !important;
	background-image: url("http://annstreetstudio.com/wp-content/themes/twentyten/images/mobile-toggle-menu.png") ; 
	background-position: center center;
}



.menu-toggle.toggled {
	
}

.main-navigation.toggled ul {
	display: block;
	-webkit-animation: slideDown .3s 1 ease-out forwards alternate;
	animation: slideDown .3s 1 ease-out forwards alternate;
}


@media screen and (min-width:56.0625em) {

	
	#menu-toggle-container, #menu-toggle-container .menu-toggle {
		 display: none; 
	}

	.main-navigation-wrap {
		display: table-cell;
		text-align: right;
		vertical-align: bottom;
	}


	.main-navigation {
		width: auto;
	}


	.main-navigation ul {
		/* display: block; */
		font-size: 0;		/* Remove whitespace between inline-block elements */
	}


	.main-navigation ul li {
		display: inline-block;
	}


	.main-navigation ul a {
		padding: 2.7rem;
	}



	.main-navigation ul ul {
		background: #ffffff;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0;
		text-align: left;
		visibility: hidden;
		min-width: 204px;
		z-index: 99999;
	}



	.main-navigation ul ul li {
		display: block;
		margin-left: 0;
		width: 100%;
	}


	.main-navigation ul ul a {
		border-left: none;
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 2px;
		padding: 1.8rem;
		width: 100%;
	}


	.main-navigation ul ul a:before {
		content: '';
		margin: 0;
	}


	.main-navigation ul ul ul {
		top: -1px;
	}


	.main-navigation ul ul ul li {
		padding-left: 0;
		max-width: 204px;
	}


	.main-navigation .menu-item-has-children > a {
		padding-right: 4rem;
	}



	.main-navigation .sub-menu .menu-item-has-children > a:before {
		content: '\f431';
		display: inline-block;
		font-family: Genericons;
		font-size: 13px;
		font-size: 1.3rem;
		margin-right: 4px;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		vertical-align: middle;

	}



	.main-navigation .sub-menu .menu-item-has-children > a:after {

		display: none;

	}


#primary-menu ul {
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
	z-index: 9999;
}

	.main-navigation ul li:hover > ul,

	.main-navigation ul li:focus > ul,

	.main-navigation ul li:active > ul,

	.main-navigation ul li.focus > ul {

		-webkit-animation: slideDown .4s 1 ease-out forwards alternate;

		animation: slideDown .4s 1 ease-out forwards alternate;

		visibility: visible;

	}



	.main-navigation ul ul li:hover > ul,

	.main-navigation ul ul li.focus > ul {

		left: auto;

		margin: 0;

		right: 100%;

	}



}



/*--------------------------------

 5.5 CONTENT NAVIGATION

---------------------------------*/



/* All Post Navigation */

.posts-navigation,

.post-navigation {

	margin: 3.5em 7.6923%;

	display: none;

}



@media (min-width:37.5em) {

	.posts-navigation,

	.post-navigation {

		margin-left: 0;

		margin-right: 0;

	}



}



.comment-navigation {

	margin: 1.75em 0;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	margin-bottom: 0.875em;

}



@media (min-width:48em) {

	.comment-navigation .nav-previous,

	.posts-navigation .nav-previous,

	.post-navigation .nav-previous {

		float: left;

		margin: 0;

		max-width: 35%;

	}



}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	text-align: right;

}



@media (min-width:48em) {

	.comment-navigation .nav-next,

	.posts-navigation .nav-next,

	.post-navigation .nav-next {

		float: right;

		max-width: 35%;

	}



}



/* Archives */

@media (min-width:64em) {

	.posts-navigation {

		margin-left: 0;

		margin-right: 0;

	}



}



.comment-navigation a,

.posts-navigation a,

.post-navigation a {

	border: 2px solid #b66457;

	border-radius: 3px;

	display: inline-block;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	font-weight: 600;

	line-height: 1.3;

	letter-spacing: 2px;

	padding: 12px;

	position: relative;

	text-transform: uppercase;

	width: auto;

}



.comment-navigation a:hover,

.posts-navigation a:hover,

.post-navigation a:hover {

	color: #ffffff;

	background: #b66457;

	border-color: #b66457;

}



.comment-navigation .nav-next a:after,

.posts-navigation .nav-next a:after,

.post-navigation .nav-next a:after,

.comment-navigation .nav-previous a:before,

.posts-navigation .nav-previous a:before,

.post-navigation .nav-previous a:before {

	content: '\f430';

	display: inline-block;

	font-family: "Genericons";

	font-size: 18px;

	margin-right: 6px;

	vertical-align: middle;

}



.comment-navigation .nav-next a:after,

.posts-navigation .nav-next a:after,

.post-navigation .nav-next a:after {

	content: '\f429';

	margin-left: 6px;

	margin-right: 0;

}



/* Infinite Scroll button */

#infinite-handle {

	clear: both;

	text-align: center;

}



#infinite-handle span {

	background: transparent;

	border: 2px solid #00a185;

	border-radius: 3px;

	color: #00a185;

	display: inline;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	font-weight: 600;

	line-height: 1.3;

	padding: 12px;

	position: relative;

	text-transform: uppercase;

	transition: all 0.1s ease;

}



#infinite-handle span:hover {

	color: #ffffff;

	background: #00a185;

	border-color: #00a185;

}



#infinite-handle span button {

	border: none;

	border-radius: 0;

	box-shadow: none;

	text-shadow: none;

	text-transform: uppercase;

}



/*--------------------------------------------------------------

 9.0 Widgets

--------------------------------------------------------------*/

.widget-area {

	background-color: #dbe0e2;

}



.secondary-content {

	margin: 0 auto;

	max-width: 1200px;

	padding: 3.5em 7.6923% 1.75em;

	display: none;

}



.secondary-content:before,

.secondary-content:after {

	content: " ";

	display: table;

}



.secondary-content:after {

	clear: both;

}



@media (min-width:80em) {

	.secondary-content {

		padding-left: 0;

		padding-right: 0;

	}



}



@media (min-width:extra-large) {

	.secondary-content {

		padding-left: 0;

		padding-right: 0;

	}



}



.secondary-content .sidebar:nth-child(1):nth-last-child(1) {

	float: none;

	margin-left: auto;

	margin-right: auto;

	max-width: 360px;

}



@media (min-width:48em) {



	/* Footer Widget Areas */

	.secondary-content .sidebar {

		float: left;

		max-width: none;

	}



	.secondary-content .sidebar:nth-child(1):nth-last-child(1) {

		width: 100%;

	}



	.secondary-content .sidebar:nth-child(1):nth-last-child(2),

	.secondary-content .sidebar:nth-child(2):nth-last-child(1) {

		margin-right: 8%;

		width: 46%;

	}



	.secondary-content .sidebar:nth-child(1):nth-last-child(2):last-of-type,

	.secondary-content .sidebar:nth-child(2):nth-last-child(1):last-of-type {

		margin-right: 0;

	}



	.secondary-content .sidebar:nth-child(1):nth-last-child(3),

	.secondary-content .sidebar:nth-child(2):nth-last-child(2),

	.secondary-content .sidebar:nth-child(3):nth-last-child(1) {

		margin-right: 4%;

		width: 30.666666667%;

	}



	.secondary-content .sidebar:nth-child(1):nth-last-child(3):last-of-type,

	.secondary-content .sidebar:nth-child(2):nth-last-child(2):last-of-type,

	.secondary-content .sidebar:nth-child(3):nth-last-child(1):last-of-type {

		margin-right: 0;

	}



}



.widget {

	overflow-wrap: break-word;

	word-wrap: break-word;

	border-bottom: 3px solid rgba(0, 0, 0, 0.075);

	color: #7f8c8d;

	font-size: 16px;

	font-size: 1.6rem;

	margin-bottom: 1.96875em;

	padding-bottom: 0.98438em;

	width: 100%;

}



@media screen and (max-width:768px) {

	.widget {

		max-width: 360px;

		margin-left: auto;

		margin-right: auto;

	}



}



.widget-title {

	color: #444444;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

	font-weight: 600;

	margin-bottom: 1.125em;

	text-transform: uppercase;

	letter-spacing: 3px;

}



.widget a {

	border-bottom: none;

	color: #7f8c8d;

}



.widget a:hover {

	color: #00bd9b;

}



.widget ul {

	list-style-type: none;

}



.widget > ul,

.widget > div > ul {

	margin-bottom: 0;

	margin-left: 0;

}



.widget li {

	border-top: 1px solid rgba(0, 0, 0, 0.075);

	padding: 0.49219em 0;

}



.widget ul ul {

	margin-top: 0.49219em;

}



.widget ul ul li:last-child {

	padding-bottom: 0;

}



/* Calendar widget */

#wp-calendar {

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	margin-bottom: 0;

}



#wp-calendar thead th,

#wp-calendar tbody td {

	text-align: center;

}



/* RSS widget */

.widget_rss li {

	padding: 0.98438em 0;

}



.widget-title .rsswidget {

	border-bottom: none;

	color: #444444;

}



.rss-date {

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size: 12px;

	font-size: 1.2rem;

	text-transform: uppercase;

}



.rssSummary {

	margin-top: 0.98438em;

}



/* Make sure select elements fit in widgets */

.widget select {

	max-width: 100%;

}



/* Search widget */

.widget_search .search-submit {

	display: none;

}



.widget_search .search-field {

	width: 97%;

}



/*--------------------------------------------------------------

 10.0 Content

--------------------------------------------------------------*/

.content-area {
	margin-bottom: 3.5em;
	text-align: center;
}

.single-post .content-area, .single .hentry {
	margin-bottom: 0;

}



@media (min-width:48em) {
	.content-area {
		margin-left: auto;
		margin-right: auto;
		padding: 0 2.416666667%;
		text-align: center;
	}
}



@media (min-width:80em) {
	.content-area {
		padding: 0 2.416666667%;
	}
}



@media (min-width:extra-large) {
	.content-area {
		padding: 0 2.416666667%;
	}
}



#posts-wrapper {
	font-size: 0;	/* Remove whitespace between inline-block elements */
}



/*--------------------------------------------------------------

 10.1 Posts and pages

--------------------------------------------------------------*/

.sticky {

	display: block;

}



.hentry,

.archive .page-header,

.search .page-header,

section.error-404,

section.not-found {

	background-color: #fff;

	border-radius: 3px;

	margin: 0;

	padding: 0 7.6923% 2.625em 7.6923%;

}



.hentry.format-gallery,

.hentry.format-video {

	padding-left: 0;

	padding-right: 0;

}

.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
 
.js-video.widescreen {
  padding-bottom: 56.34%;
}
 
.js-video.vimeo {
  padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}



@media screen and (max-width:63.9375em) {

	.hentry.format-gallery .entry-header,

	.hentry.format-gallery .entry-content,

	.hentry.format-video .entry-header,

	.hentry.format-video .entry-content {

		padding-left: 7.6923%;

		padding-right: 7.6923%;

	}



}



.single .hentry,

.page .hentry {

	box-shadow: none;

	margin: 0;

	padding-bottom: 60px;

	/* background: #fff url("http://annstreetstudio.com/wp-content/themes/twentyten/images/line.png") no-repeat bottom left; */

}



@media (min-width:64em) {

	.hentry {

		padding-left: 0;

		padding-right: 0;

	}



}



.entry-header {

	margin-bottom: 1em;

	margin-top: 1em;

	position: relative;

}



.entry-header,

.entry-content,

.entry-summary,

.entry-footer,

.comments-area {

	overflow-wrap: break-word;

	word-wrap: break-word;

}



@media (min-width:37.5em) {

	.entry-header,

	.entry-content,

	.entry-summary,

	.entry-footer,

	.comments-area {

		margin-left: auto;

		margin-right: auto;

	}



}



@media (min-width:64em) {

	.entry-header,

	.entry-content,

	.entry-summary,

	.entry-footer,

	.comments-area {

		margin-right: 16.66666667%;

		margin-left: 16.66666667%;

		/* Kevins Changes */

		margin-right: 0px;

		margin-left: 0px;

	}



}



.page-title {

	line-height: 1.2;

	margin-bottom: 0.875em;

}


.page-title:last-child {
	margin-bottom: 0;
}




.archive #main .page-header, .search #main .page-header, .tag #main .page-header {
	background: transparent url("http://annstreetstudio.com/wp-content/themes/twentyten/images/line-fill.png") repeat-x top left;
	margin: 0 14%;
	padding: 30px 0 20px 0;
}



.entry-title, .archive h1.page-title, .search h1.page-title, .tag h1.page-title {
	font-size: 34px;
	font-size: 3.5rem;	
	font-family: vendetta, georgia, serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 0.23162em;
	margin-bottom: 0;
	position: relative;
	word-break: break-word;
	word-wrap: break-word;
}


body.post-template-default .entry-title, 
body.page-template-default .entry-title, 
.archive h1.page-title, 
.search h1.page-title {
	letter-spacing: .01em;
}

#page h3.custom-author-byline {
	font-family: vendetta, georgia, serif;
	font-style: normal;
	font-weight: 300;
	color: #959595;
	font-size: 1.5rem;
	line-height: 1;	
}

body.post-template-default #page h3.custom-author-byline,
body.page-template-default #page h3.custom-author-byline  {
	font-family: vendetta, georgia, serif;
	font-style: normal;
	font-weight: 300;
	color: #959595;
	font-size: 2.5rem;
	margin-bottom: .5em;
}



	

.entry-title:before,
.entry-title:after {
	content: " ";
	display: table;
}



.entry-title:after {
	clear: both;
}



@media screen and (max-width:64em) {
	.entry-title {
		display: inline-block;
		font-size: 28px;
		font-size: 2.5rem;
		margin-top: 0.23162em;
		margin-bottom: 0;
	}
	body.post-template-default h3.custom-author-byline, body.page-template-default h3.custom-author-byline  {
		font-size: 1.5rem;	
	}
}



.entry-title a {
	border-bottom: none;
	color: #444;
	display: block;
	float: left;
	text-decoration: none;
}



body.single-post .entry-title a {

/* KB EDIT */
	text-align: center;
	width: 100%;
}

#fancybox-title-inside {display: none !important;}

/* KB EDIT */

body.post-template-default .entry-content  p, body.page-template-default .entry-content  p {
	font-size: .7em;
	line-height: 2.4;
	color: #6f6f6f;
	margin-left: 2%;
	margin-right: 2%;
}

@media screen and (min-width:56em) {
	body.post-template-default .entry-content  p, body.page-template-default .entry-content  p {
		margin-left: 7%;
		margin-right: 7%;
	}
}


@media screen and (min-width:80em) {
	body.post-template-default .entry-content  p, body.page-template-default .entry-content  p {
		margin-left: 14%;
		margin-right: 14%;
	}
}


body.post-template-default .entry-content  ul, body.page-template-default .entry-content  ul {
	font-size: .7em;	
}



/* INDIVIDUAL POSTS */

body.post-template-default .entry-header, 
body.page-template-default .entry-header {
	background: transparent url("http://annstreetstudio.com/wp-content/themes/twentyten/images/line-fill.png") repeat-x top left;
	margin: 0 14%;
	padding-top: 36px;
}


/* */




/* DO NOT HIDE old school featured-image */

/* body.post-template-default .entry-content p .featured-image {display: none;} */

 body.post-template-default .entry-content p .featured-image {width:100%;}


 body.post-template-default .entry-content p .chapter,
 body.post-template-default .entry-content p .chapter-small {
		text-transform: uppercase;
		letter-spacing: .1em;
		font-size: 1.3em;
		display: block;
}

.entry-content ol {margin: 1.75em 14%; list-style-position: inside; font-size: .7em}
.entry-content ol li {
	padding: .5em 0 .5em 1.5em;
	border-bottom: 1px dotted #e1e1e1;
	text-align: left;
}
.entry-content ul {margin-top: 1.75em;}
.entry-content ul li{
	text-align: center !important;
}

body.home .entry-title a, body.category .entry-title a, body.search-results .entry-title a, 
body.tag .entry-title a {

/* KB EDIT */

	text-align: center;
	width: 100%;

	

}



.entry-title a:hover {
	color: #c30;
}



.entry-header .posted-on {

	margin-right: 2px;

}



.entry-meta {

	color: #bdc3c8;

	font-size: 14px;

	font-size: 1.4rem;

	font-style: italic;

}



body.single .entry-meta .posted-on {display: none;}



.entry-meta a {

	border-bottom: none;

	color: #bdc3c8;

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 600;

	letter-spacing: 2px;

	text-transform: uppercase;

}



.entry-meta a:hover {

	color: #b66457;

}



.entry-meta .cat-links a:first-child,

.entry-meta .tags-links a:first-child {

	margin-left: 3px;

}



.entry-meta .cat-links,

.entry-meta .tags-links {display: none;}



.entry-meta span:after {

	color: #bdc3c8;

	/* content: '\f428'; */

	display: inline-block;

	font-family: "Genericons";

	font-size: 12.5px;

	font-style: normal;

	margin: 0px 6px;

	text-align: center;

	vertical-align: middle;

}



.entry-meta span:last-of-type:after {

	display: none;

}



.entry-thumbnail {

	text-align: center;

}



@media screen and (min-width:48.0625em) and (max-width:63.9375em) {

	.entry-thumbnail {

		margin-left: -9%;

		margin-right: -9%;

		max-width: 118%;

	}



}



.entry-content {
	margin-top: 1em;
}

.single-post .entry-content {margin-top: 0;}

.entry-footer {

	margin-top: 1.75em;

}



/* Post Format Icons */

.post-format-link {

	border-bottom: none;

}



@media (min-width:64em) {

	.post-format-link {

		margin-right: 0;

	}



}



.entry-format {

	display: none;

	border-bottom: none;

	margin-right: 0.875em;

}



@media (min-width:48em) {

	.entry-format {

		display: block;

		/* KB edit */ display: none;

		position: absolute;

		left: -14%;

		top: 5px;



	}



}



.entry-format:before {

	background-color: #dde4e6;

	border-radius: 50%;

	color: #fff;

	content: '\f100';

	display: block;

	/* KB edit */ display: none/

	font-family: "Genericons";

	font-size: 34px;

	font-size: 3.4rem;

	padding: 0 0.4em;

	text-shadow: 0px 0px 1px #aaa;

}



/* Front Page */

.blog .hentry, .search-results .hentry, .archive .hentry, .tag .hentry {
	margin-left: 1.75em;
	margin-right: 1.75em;
	overflow: auto;
	padding: 0 0 31.5px;
}



.blog .hentry .entry-thumbnail, .search-results .hentry .entry-thumbnail, .archive .hentry .entry-thumbnail, .tag .hentry .entry-thumbnail {
	display: block;
	background: #fff;
	margin: 0;
	width: 100%;

}



.blog .hentry .entry-thumbnail.no-thumbnail:before {
	display: none;
}



@media (min-width:48em) {

	.blog .hentry .entry-thumbnail.no-thumbnail:before {
		color: #fff;
		display: block;
		content: '\f100';
		font-family: Genericons;
		font-size: 80px;
		font-size: 8rem;
	}
}



@media (min-width:53.125em) {

	.blog .hentry .entry-thumbnail.no-thumbnail:before {

		font-size: 92px;

		font-size: 9.2rem;

	}



}



@media (min-width:64em) {

	.blog .hentry .entry-thumbnail.no-thumbnail:before {
		font-size: 110px;
		font-size: 11rem;
	}
}



@media (min-width:80em) {

	.blog .hentry .entry-thumbnail.no-thumbnail:before {

		font-size: 145px;

		font-size: 14.5rem;

	}



}



@media (min-width:extra-large) {

	.blog .hentry .entry-thumbnail.no-thumbnail:before {

		font-size: 145px;

		font-size: 14.5rem;

	}



}

/* #page - if shit gets fucked up change references of #page back to .blog */
.blog .hentry .entry-thumbnail img,
.blog .hentry .entry-thumbnail {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	display: block;
	margin: 0;
	width: 100%;
}


#page .hentry .entry-thumbnail a img {
	transition: opacity .3s;
}

#page .hentry .entry-thumbnail a img {
	 opacity: 1; 
}

#page .hentry .entry-thumbnail a:hover img {
	 opacity: 0.1; 
}

.thumbnail-caption {
	height: 100%;
	color: #000;
	width: 100%;
	font-size: 20px;
}

.blog .hentry .entry-header, 
.search-results .hentry .entry-header, 
.archive .hentry .entry-header, .tag .hentry .entry-header  {
	padding-left: 7.6923%;
	padding-right: 7.6923%;
	margin: 12px 0 0 0;
}



.blog .hentry .entry-title, .search-results .hentry .entry-title, .archive .hentry .entry-title, .tag .hentry .entry-title {
	display: block;
	font-size: 21px;
	font-size: 2.1rem;
}



@media (min-width:37.5em) {
	.blog .hentry, .search-results .hentry, .archive .hentry, .tag .hentry {
		margin-left: 2.416666667%;
		margin-right: 2.416666667%;
	}
	
}



.hentry h6.entry-header-excerpt {display: none;}



/* Adjusts Logo Sizes Based on Screen Size */

@media (min-width:18em)    {           .site-title {background-size: 89% auto;}}
@media (min-width:24em)    {           .site-title {background-size: 89% auto;}}
@media (min-width:37.5em)  {           .site-title {background-size: 75% auto;}}
@media (min-width:48em)    {           .site-title {background-size: 80% auto;}}
@media (min-width:60em)    {           .site-title {background-size: 76% auto;}}
@media (min-width:80em)    {           .site-title {background-size: 45% auto;}}


/* Some mobile narrow width adjustments */


@media (min-width:16em)    { 
#page .site-branding {
	height: 55px;
	}
.single #page .hentry {   /* Gives text columns more width on iPhone */
	padding-left: 10px;
	padding-right: 10px;
	}
}

@media (min-width:24em)    { 
#page .site-branding {
	height: 45px;
	}
}

#page #main .hentry .entry-title {
	font-size: 3.2rem;
}

.single #page #main .hentry .entry-title {font-size: 5rem;} /* matches post title size to featured post size */

#page #main .hentry  h3.custom-author-byline {
	font-size: 2rem;
	margin-bottom: 0;
}


.single #page .hentry {
	padding-left: 0;
	padding-right: 0;
	}
}


@media (min-width:37.5em)    { 
	#page .site-branding {
		height: 100px;
		}

	#page #main .hentry .entry-title {
		font-size: 2.5rem;
	}

	#page #main .hentry  h3.custom-author-byline {
		font-size: 1.7rem;
		margin-bottom: 0;
	}


}
@media (min-width:48em)      { #page .site-branding {height: 130px;}}




/* Adjusts Thumbnail Sizes Based on Screen Size */


@media (min-width:48em) {            #page .hentry:nth-of-type(n+2) .entry-thumbnail {height: 160px; overflow: hidden;}}
@media (min-width:60em) {            #page .hentry:nth-of-type(n+2) .entry-thumbnail {height: 220px; overflow: hidden;}}
@media (min-width:80em)  {           #page .hentry:nth-of-type(n+2) .entry-thumbnail {height: 285px; overflow: hidden;}}
@media (min-width:100em) {           #page .hentry:nth-of-type(n+2) .entry-thumbnail {height: 355px; overflow: hidden;}}

@media (min-width:48em) {            .tag #page .hentry .entry-thumbnail {height: 160px; overflow: hidden;}}
@media (min-width:60em) {            .tag #page .hentry .entry-thumbnail {height: 220px; overflow: hidden;}}
@media (min-width:80em)  {           .tag #page .hentry .entry-thumbnail {height: 285px; overflow: hidden;}}
@media (min-width:100em) {           .tag #page .hentry .entry-thumbnail {height: 355px; overflow: hidden;}}


@media (min-width:36em) {            .category-video #page .hentry .entry-thumbnail {height: 120px; overflow: hidden;}}
@media (min-width:48em) {            .category-video #page .hentry .entry-thumbnail {height: 140px; overflow: hidden;}}
@media (min-width:60em) {            .category-video #page .hentry .entry-thumbnail {height: 206px; overflow: hidden;}}
@media (min-width:80em)  {           .category-video #page .hentry .entry-thumbnail {height: 266px; overflow: hidden;}}
@media (min-width:100em) {           .category-video #page .hentry .entry-thumbnail {height: 315px; overflow: hidden;}}


.category-video #page .hentry .player .video-wrapper, 
.category-video #page .hentry .player .video-wrapper .telecine, 
.category-video #page .hentry .player .video-wrapper object, 
.category-video #page .hentry  .player .video-wrapper video {
 height: 220px !important;
	border: 2px solid goldenrod;
}

#page .hentry.category-video .entry-thumbnail span.thumbnail-caption {
	display: none;
}


@media (min-width:24em) {  
	#page .hentry .entry-thumbnail a span.thumbnail-caption em span,
	#page .hentry:nth-of-type(-n+1) .entry-thumbnail a span.thumbnail-caption em span {
		font-size: 1.5em;
	}

}


@media (min-width:48em) {
	.blog #page .hentry:nth-of-type(-n+1) .entry-thumbnail a span.thumbnail-caption em span {font-size: 3em;}
	 #page .hentry:nth-of-type(-n+1) .entry-thumbnail a span.thumbnail-caption em span {font-size: 1.5em;}
}





/* END THUMBNAIL HEIGHT STUFF */

.search-results #posts-wrapper {
	padding: 0;
}


/*++++++++++++++++++++++++++++++++*/
/* HOVER TEXT ON THUMBNAIL IMAGES */
/*++++++++++++++++++++++++++++++++*/

#page .entry-thumbnail a {
	position: relative;  
	display: block;
	border: 0;
}

#page .entry-thumbnail a:hover {border: 0;}

#page .entry-thumbnail a span.thumbnail-caption {
	cursor: pointer;
	height: 100%;
  	left: 0;
  	position: absolute;
  	top: 0;
  	width: 100%;
	color: #000;
	opacity: 0;
}


#page .entry-thumbnail a:hover span.thumbnail-caption {
	opacity: 1;
}

#page .entry-thumbnail a span.thumbnail-caption em{
 	display: table;
  	text-align: center;
  	vertical-align: middle;
	width: 100%;
	height: 100%; /* Helps vertically align maybe */
}


#page .entry-thumbnail a span.thumbnail-caption em span {
 	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%; 
	font-family: lamar-pen, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #c30;
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 10px;
}


#page .entry-thumbnail a span.thumbnail-background:hover {opacity: .1;}
#page .hentry:nth-of-type(-n+1) .entry-thumbnail a:hover img {opacity: .3;}


/* END HOVER ON THUMBNAIL TEXT */

#main .entry-thumbnail.no-thumbnail {
	background: #e1e1e1;
}

@media (min-width:48em) {

}


@media (min-width:48em) {

	.blog .hentry, .search-results .hentry, .archive .hentry, .tag .hentry {
		display: inline-block;
		margin-right: 2.416666667%;
		margin-left: 0;
		width: 31.72222222%;
		/* width: 30%; When the big image is full width */
		vertical-align: top;
	}



	/* The first post on the index page */


	/* .blog .hentry:nth-of-type(-n+2) {width: 48.79167%;} */


	/* Changes to 1 big thumbnail instead of 2 */


	.blog .hentry:nth-of-type(-n+1) {
		width: 100%;
		background: #fff url("http://annstreetstudio.com/wp-content/themes/twentyten/images/line-fill.png") repeat-x bottom left;
		padding-bottom: 36px;
		margin-bottom: 43px;
	}

	.blog .hentry:nth-of-type(-n+1) .entry-header {
		margin: 30px 0 0 0;
	}

	
	/* ENTRY TITLE */


	.blog #page #main .hentry:nth-of-type(-n+1) .entry-title {
		font-size: 5rem;
		margin-bottom: 0;
	}


	.blog .hentry:nth-of-type(n+2) .entry-title {
		font-size: 2.5rem;
		margin-bottom: 0;
	}

	
	.blog #page #main .hentry:nth-of-type(-n+1) .custom-author-byline {
		font-size: 2.5rem;
		margin-bottom: 15px;
	}

	.blog .hentry:nth-of-type(n+2) .entry-meta, .blog .hentry:nth-of-type(-n+1) .entry-meta {
		display: none;
		font-size: 1rem;	

	}

	/* ENTRY EXCERPT */
	.hentry .entry-header h6.entry-header-excerpt {display: none;}

	.blog .hentry:nth-of-type(-n+1) .entry-header h6.entry-header-excerpt {
		display: block;
		text-transform: none;
		font-weight: normal;
		font-size: 12px;
		color: #7f8c8d;
		font-family: Merriweather, Georgia, serif;	
		width: 75%;
		margin: 0 auto;
		line-height: 2em;
	}

	.blog .hentry:nth-of-type(8) .entry-header h6.entry-header-excerpt {display: none;} /* Stops excerpt from showing up */

	.blog .hentry:nth-of-type(-n+1) .entry-header h6.entry-header-excerpt span {display: block;}

	/*

	.blog .hentry:nth-of-type(2),
	.blog .hentry:nth-of-type(3n+5),
	.search-results .hentry:nth-of-type(3n+5) {
		margin-right: 0;

	}

	*/

	.blog .hentry:nth-of-type(3n+4), .search-results .hentry:nth-of-type(3n+3), .archive .hentry:nth-of-type(3n+3), .tag .hentry:nth-of-type(3n+3) {
		margin-right: 0;
	}

)

}



@media (min-width:53.125em) {

	.blog .hentry .entry-title {
		font-size: 25px;
		font-size: 4rem;
	}



}



/* Single */

.byline,

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



.single .byline,

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



.page-links {

	clear: both;

	margin: 0 0 1.75em;

}



/* 404 page / No search results */

.error404 .search-form,

.search-no-results .search-form {

	/* margin-bottom: 1.75em; */
	margin-bottom: 0;

}



.error404 .search-form input[type='search'],

.page-content .search-form input[type='search'] {

	width: 80%;

}



/*--------------------------------------------------------------

 10.2 Asides

--------------------------------------------------------------*/



/*

.blog .format-aside .entry-title,

.archive .format-aside .entry-title {

	display: none;

}

*/



/*--------------------------------------------------------------

 10.3 Comments

--------------------------------------------------------------*/

.comments-wrapper {
	background-color: #fff;
	margin: 3.24em auto;
	padding: 0 7.6923% 2.625em 7.6923%;
}


@media (min-width:64em) {
	.comments-wrapper {
		padding-left: 14%;
		padding-right: 14%;
	}
}



.comments-title,

.comment-reply-title {

	font-size: 28px;

	font-size: 2.8rem;

	margin-top: 2.25em;

}



.comment-list {

	margin: 0;

	padding: 0;

}



.comment-list li.comment,

.comment-list li.pingback,

.comment-list li.trackback {

	border-top: solid 1px #efefef;

	list-style: none;

	margin-top: 1.75em;

	padding-top: 1.75em;

}



.comment-author b.fn {

	font-weight: normal;

}



.comment-author b.fn a {

	border-bottom: none;

}



.comment-author .avatar {

	border-radius: 3px;

	float: left;

	margin-left: 0;

	margin-right: 15px;

}



span.says {

	display: none;

}



.comment-metadata,

.reply {

	color: #bdc3c8;

	font-family: "Open Sans";

	font-size: 12px;

	font-size: 1.2rem;

	font-weight: 600;

	letter-spacing: 2px;

	text-transform: uppercase;

}



.comment-metadata a {

	color: inherit;

	border-bottom: none;

}



.comment-metadata a:hover {

	color: #00bd9b;

}



.comment-metadata .edit-link:before {

	content: '\f428';

	display: inline-block;

	font-family: "Genericons";

	font-size: 0.85rem;

	text-align: center;

	vertical-align: middle;

}



.comment-body {

	font-size: 16px;

	font-size: 1.6rem;

}



.comment-content {

	margin-top: 1.75em;

}



.comment-content a {

	word-wrap: break-word;

}



.comment-reply-link {

	border-bottom: 1px solid #bdc3c8;

	color: #bdc3c8;

	display: inline-block;

	margin-top: 1.96875em;

}



.comment-respond {

	font-size: 16px;

	font-size: 1.6rem;

}



.no-comments {

	font-size: 16px;

	font-size: 1.6rem;

	font-style: italic;

	margin-top: 1.96875em;

}



.bypostauthor {

	display: block;

}



/*--------------------------------------------------------------

 11.0 Infinite scroll

--------------------------------------------------------------*/



/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

.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;

}



/* CUSTOMIZE THE JETPACK PLUGIN INFINITE SCROLL */



.blog #infinite-footer, .search-results #infinite-footer , .archive #infinite-footer  {

	display: none;

}







/*--------------------------------------------------------------

11.1 Icons (Requires Genericons to be installed)

--------------------------------------------------------------*/



/* Post Format Icons */

.format-aside .entry-format:before,

.blog.home .hentry.format-aside .entry-thumbnail.no-thumbnail:before {

	content: "\f101";

}



.format-audio .entry-format:before,

.blog.home .hentry.format-audio .entry-thumbnail.no-thumbnail:before {

	content: "\f109";

}



.format-gallery .entry-format:before,

.blog.home .hentry.format-gallery .entry-thumbnail.no-thumbnail:before {

	content: "\f103";

}



.format-image .entry-format:before,

.blog.home .hentry.format-image .entry-thumbnail.no-thumbnail:before {

	content: "\f102";

}



.format-link .entry-format:before,

.blog.home .hentry.format-link .entry-thumbnail.no-thumbnail:before {

	content: "\f107";

}



.format-status .entry-format:before,

.blog.home .hentry.format-status .entry-thumbnail.no-thumbnail:before {

	content: "\f105";

}



.format-quote .entry-format:before,

.blog.home .hentry.format-quote .entry-thumbnail.no-thumbnail:before {

	content: "\f106";

}



.format-video .entry-format:before,

.blog.home .hentry.format-video .entry-thumbnail.no-thumbnail:before {

	content: "\f104";

}



/*--------------------------------------------------------------

 12.0 Media

--------------------------------------------------------------*/

.entry-content img,

.entry-thumbnail a img,

.comment-content img,

.widget img {

	vertical-align: middle;

}

/* IMAGE MARGINS FOR OLDER POSTS */


body.single-post .entry-content img {
	margin-bottom: 12px;
}




.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.75em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 0;

}



.wp-caption-text {

	color: #bdc3c8;

	font-size: 15px;

	font-size: 1.5rem;

}



.wp-caption .wp-caption-text {

	padding: 1.05em 0;

}



/*--------------------------------------------------------------

 12.2 Galleries

--------------------------------------------------------------*/

.gallery {

	margin-bottom: 1.75em;

}



.gallery-item {

	display: inline-block;

	text-align: center;

	margin-bottom: 1.75em;

	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 {

	margin: 1.05em auto;

	max-width: 90%;

}



@media (min-width:64em) {

	.alignleft {

		margin-left: -13.83333333%;

	}



	.alignleft .wp-caption-text {

		margin-left: 1.75em;

	}



	.alignright {

		margin-right: -13.83333333%;

	}



	.alignright .wp-caption-text {

		margin-right: 1.75em;

	}



	img.size-big,

	.wp-caption.caption-big {

		display: inline-block;

		float: none;

		margin-left: -13.83333333%;

		margin-right: -13.83333333%;

		max-width: 127.66666666%;

	}



	.wp-caption.caption-big .wp-caption-text {

		margin-right: 10.83333333%;

		margin-left: 10.83333333%;

	}



	.caption-big .size-big,

	table .caption-big,

	table .caption-big .wp-caption-text,

	table .size-big {

		margin: 0 !important;

		max-width: 100% !important;

	}



}



@media (min-width:80em) {

	.alignleft {

		margin-left: -200px;

	}



	.alignright {

		margin-right: -200px;

	}



	img.size-big,

	.wp-caption.caption-big {

		display: inline-block;

		float: none;

		margin-left: -200px;

		margin-bottom: 1.75em;

		max-width: 1200px;

	}



	.wp-caption.caption-big .wp-caption-text {

		margin-left: auto;

		margin-right: auto;

		max-width: 800px;

	}



}



@media (min-width:extra-large) {

	.alignleft {

		margin-left: -200px;

	}



	.alignright {

		margin-right: -200px;

	}



	img.size-big,

	.wp-caption.caption-big {

		display: inline-block;

		float: none;

		margin-left: -200px;

		margin-bottom: 1.75em;

		max-width: 1200px;

	}



	.wp-caption.caption-big .wp-caption-text {

		margin-left: auto;

		margin-right: auto;

		max-width: 800px;

	}



}



/**

 * Animations

 */

@-webkit-keyframes slideDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-10%);

		transform: translateY(-10%);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(0%);

		transform: translateY(0%);

	}



}



@keyframes slideDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-10%);

		transform: translateY(-10%);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(0%);

		transform: translateY(0%);

	}



}