/*
Theme Name:     Twenty Twelve JAF with menu
Theme URI:      http://blog.justanotherfoundry.com/
Description:    Child theme for the Twenty Twelve theme
Author:         Timster
Author URI:     http://blog.justanotherfoundry.com/
Template:       twentytwelve                             
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

/*

Logo: Bernino Sans Narrow Bold
Navigation on top: Narrow Regular
Navigation on menu: Condensed Semibold
Caption & Body text: Regular (& Bold)

*/

@import url("blog-menu-cd66684c.css");

/* basic 4 (we can remove unused styles later) */
@font-face{ font-family: BerninoSans-Web;           font-style: normal; font-weight: normal; src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninoSans-Web-Regular");}
@font-face{ font-family: BerninoSans-Web;           font-style: italic; font-weight: normal; src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninoSans-Web-Italic");}
@font-face{ font-family: BerninoSans-Web;           font-style: normal; font-weight: bold;   src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninoSans-Web-Bold");}
@font-face{ font-family: BerninoSans-Web;           font-style: italic; font-weight: bold;   src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninoSans-Web-BoldItalic");}

/* Narrow */
@font-face{ font-family: BerninoSans-Web-Narrow;          font-weight: normal; src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninoSans-Web-NarrowRegular");}
@font-face{ font-family: BerninoSans-Web-Narrow;          font-weight: bold;   src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninoSans-Web-NarrowBold");}

/* Condensed */
@font-face{ font-family: BerninoSans-Web-CondSemibold;  font-weight: bold;   src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninoSans-Web-CondensedSemibold");}
@font-face{ font-family: BerninoSans-Web-Cond;          font-weight: bold;   src: url("http://webfonts.justanotherfoundry.com/BerniniSans/BerninoSans-Web-CondensedBold");}

html {
	overflow-y: auto;
}
body {
	color: black;
}

body,
.site-content article,
.entry-header .entry-title {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

body, body.custom-font-enabled, input {
	font-family: BerninoSans-Web, Verdana, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Std", "Hiragino Kaku Gothic StdN", "Meiryo", sans-serif;
	-moz-font-feature-settings: "ss03=1";
	-moz-font-feature-settings: "ss03";
	-webkit-font-feature-settings: "ss03";
	font-feature-settings: "ss03";
}

/* Hide top menu */
#site-navigation {
	display: none;
}

/* Hide featured image */
.entry-header img:nth-of-type(1) {
	display: none;
}

/* Hide leave-reply */
div.comments-link {
	display: none;
}

/* blog title */
.site-header h1 {
	font-family: BerninoSans-Web-Narrow;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 22px;
	font-size: 1.57142857rem; /* 1rem = 14px */
	letter-spacing: 0.04545em;
	__letter-spacing: 0.00326rem;
	text-align: left;
	line-height: 1.2;
	margin-bottom: 0;
}

/* fix Chrome bug that creates line break with stylistic alternates */
.site-header h1 a {
	width: 12em;
}

/* tagline & article */
.site-header h2 a,
.site-header h2, article {
	text-align: left;
	font-size: 16px;
	font-size: 1.142857142857rem;
	color: black;
}

.site-header h2 a {
	display: block;
}


/* post titles */
.entry-header .entry-title {
	font-family: BerninoSans-Web-Narrow;
	font-weight: bold;
	font-size: 22px;
	font-size: 1.57142857rem;
	line-height: 1.25;
	max-width: 26em;
}

/* margin below article */
.site-content article {
	margin-bottom: 16px;
	margin-bottom: 1.142857142857rem;
	padding-bottom: 16px;
	padding-bottom: 1.142857142857rem;
}

/* no underline for About */
.widget-title a {
	color: inherit;
	color: red;
	text-decoration: none;
}

a {
	color: black;
}

/* no shadow for images */
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* limit line length for article paragraphs */
article p {
	max-width: 34em;
}

.entry-content img,
.comment-content img,
.widget img {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* adjust paragraph spacing and line leight */
.entry-content p, #comments p {
	margin-bottom: 0.75em;
	line-height: 1.6;
}

/* letter-spacing for all-caps */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	letter-spacing: 0.09091em;
}


/* captions should not be italic */
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: normal;
	/*font-size: 12px;*/
	line-height: 1.6;
	/*color: #757575;*/
}


/* */
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 20px;
	margin-bottom: 1.42857142857rem;
}


#respond form p.form-allowed-tags {
	line-height: 1.6;
}

code {
	font-size: 115%;
}

/* Sidebar */
.widget-area .widget {
	margin-bottom: 28px;
	margin-bottom: 2rem;
}
.widget-area .widget h3 {
	margin-bottom: 0;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	line-height: 1.5;
	margin-top: 0.8em;
}
.widget-area li.recentcomments {
	_line-height: 1.6;
}


/*
.widget_recent_entries .post-date {
	margin-left: 0;
}
.widget-area .widget a {
	margin-right: 12px;
	margin-right: 0.857142857rem;
}
*/

.comments-area article header {
	margin: 0 0 14px;
	margin: 0 0 1rem;
}
.comments-area article header cite,
.comments-area article header time {
	margin-left: 56px;
	margin-left: 4rem;
}

.single-author .entry-meta .by-author {
	display: inline;
}

footer.entry-meta {
	margin: 7px 0 28px;
	margin: 0.5rem 0 2rem;
}

.entry-header {
	margin-bottom: 0;
}

.entry-content .twitter-tweet-rendered {
	margin-top: 21px !important;
	margin-top: 1.5rem !important;
}

p.jaf-japanese {
	font-size: 13px;
	font-size: 0.92857rem; /* 1rem = 14px */
	line-height: 1.9;
	max-width: 41.846em;
}

p.jaf-caption {
	font-size: 80%;
	color: #ccc;
}

.author-info,
.nav-single {
	display: none;
}


@media screen and (max-width: 600px) {
	.site {
		padding: 0 14px;
		padding: 0 1rem;
	}
	#masthead {
		padding-bottom: 0;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.57142857rem;
		line-height: 1.16;
	}
	.entry-content p, #comments p {
		line-height: 1.3;
		margin-bottom: 0.65em;
	}
	p.jaf-japanese {
		line-height: 1.77;
	}
	#respond form {
		margin: 0 0;
	}
	#respond form p.form-allowed-tags {
		line-height: 1;
	}

}



#menu {
	font-size: 14px;
	font-family: "BerninoSans-Web", sans-serif;
	-moz-font-feature-settings: "ss03=1";
	-moz-font-feature-settings: "ss03";
	-webkit-font-feature-settings: "ss03";
	font-feature-settings: "ss03";
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1.5;
}

.main-wrap {
	position: absolute;
	top: 3.92857em;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow-x: auto;
	overflow-y: scroll;
	background: white;
}

@media screen and (max-width: 600px) {
	.main-wrap {
		top: 5.5em;
	}
}


#page {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

img.no-margin-below {
	margin-bottom: 0;
}

.mejs-audio {
	margin-bottom: 24px;
}