/*
Theme Name: Haiku 2019
Description: Haiku
Author: Andy Petrash
Template: jumpstart
*/
@import url(//fonts.googleapis.com/css?family=Marcellus|Raleway:400,600,700);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	background: #78a13f url('assets/img/bg-body.png?ver=1.1') top center no-repeat;
	background-size: 100% auto;
}
#container {
	margin: 0 auto;
	width: 800px;

}
#internal-wrapper {
	background: #fff url('assets/img/bg-main.jpg?ver=1.0') repeat-y;
/*	margin-bottom: 40px;*/
	position: relative;
}
/* =Global Elements and Typography
-------------------------------------------------------------- */

html,
body {
	color: #666666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: .4em;
	color: #4a9a0b;
}
h1 { font-size: 32px; }
h2 {
	font-size: 24px; /* Fallback for older browsers */
	font-size: 1.85rem;
}
h3 {
	font-size: 18px; /* Fallback for older browsers */
	font-size: 1.4rem;
}
h4 {
	font-size: 14px; /* Fallback for older browsers */
	font-size: 1.1rem;
}
h5 {
	font-size: 13px; /* Fallback for older browsers */
	font-size: 1rem;
}
h6 {
	font-size: 11px; /* Fallback for older browsers */
 font-size: .85rem;
	color: #999999;
	text-transform: uppercase;
}
a {
	color: #2a9ed4;
	text-decoration: none;
}
a:hover,
.tb-text-logo:hover,
.entry-title a:hover,
a:focus,
.tb-text-logo:focus,
.entry-title a:focus {
	color: #1a5a78;
	text-decoration: none;
}
p { margin-bottom: 1.38em; }
span.ja_n{ font-family: 'Noto Sans Japanese', serif; font-weight: 200; font-size: 0.95em}
/* =Content
----------------------------------------------- */
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 { float: left; }
hr {
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
	margin: 30px 0;
}
article { margin-bottom: 40px; }
.bump:hover {
	position: relative;
	top: -1px;
}
.center { text-align: center; }
.f1 { font-family: 'Raleway', sans-serif; }
.lh1 { line-height: 1.3em; }
.ls1 { letter-spacing: 1px; }
.c1 { color: #000; } /* black */
.c2 { color: #87af40; } /* soft green */
.w600 { font-weight: 600; }
.s14 { font-size: 14px; }
.col.half {
	float: left;
	width: 50%;
}
.logo-top {
	position: absolute;
	top: 6px;
	right: 20px;
	z-index: 10;
}
.col.half.first { padding: 0 10px; }
.home .col.half.first { font-size: 14px; }
.btn1 {
	background: url('assets/img/bg-btn1.png');
	border: none;
	display: block;
	padding: 10px;
	color: #000;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3em;
}
.frm_submit { text-align: right; }
.frm_submit input { text-indent: -1000px; }
div#content.col-sm-8 {
	width: 545px;
	min-height: 730px;
	padding: 35px 20px 0 50px;
	border-left: 1px solid #afafaf;
}
.home div#content.col-sm-8 {
	width: 565px;
	padding: 0 0 0 20px;
}
#layerslider_1 { margin: 0 auto 30px !important; }
#layerslider_1 .ls-inner { background-repeat: no-repeat; }
.ls-v5 .ls-bottom-slidebuttons {
	top: -5px !important;
	left: 10px;
}
#frm_checkbox_97-0 label { font-size: 11px; }
.postid-53 #comments,
.postid-53 .entry-meta { display: none; }

.entries div {
	position: relative;
	background: #fff;
	padding: 15px;
/*	float: left;*/
	margin: 0 10px 15px 0;
	border: 1px solid #ccc;
	width:100%;
	font-family: 'Marcellus', serif;
}
.entries.en div{
	min-height: 86px;
}
.entries div p {
	font-family: 'Marcellus', serif;
	line-height: 22px;
}

.entries div p:first-child {
	font-size: 17px;
/*	margin-bottom: 0;*/
/*	float: left;*/
	margin-bottom: 10px;
/*	min-width: 200px;*/
}

.entries.ja div p, .entries div.ja_n p{
	font-family: 'Noto Sans Japanese', serif; font-weight: 200;
}
.entries div p:last-child {
/*	float: right;*/
	text-align: right;
	margin-bottom: 0px !important;
	position: absolute;
	right:15px; bottom:15px;
}

#sidebar_layout {
	position: relative;
	z-index: 5;
}
.mfp-close {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.scroll {
	font-family: 'Raleway', serif;
	text-transform: uppercase;
	font-weight: 700;
	color: #95bb57;
	font-size: 12px;
	border: 1px solid #95bb57;
	padding: 1px 25px;
	letter-spacing: 1px;
}
/* Titles */
.entry-title { margin: 0 0 10px 0; }
/*
.page-id-35 .entry-title,
.parent-pageid-65 \
*/
.entry-title {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;

	right: 18px;
	top: 220px;
	position: absolute;

}
.entry-title-with-meta { margin: 0; }
.entry-title a {
	color: inherit;
	text-decoration: none;
}
/* Meta */
.entry-meta {
	color: #999999;
	font-size: 11px; /* Fallback for older browsers */
 font-size: .85rem;
	font-weight: bold;
	margin: 5px 2px 15px 2px;
}
.entry-meta .fa { padding-right: 5px; }
.entry-meta .sep {
	color: #cccccc;
	font-weight: normal;
	padding: 0 7px;
}
/* Images */
img {
	max-width: 100%;
	height: auto;
}
img[class*="wp-image-"] { /* Style all inserted wp images. */ }
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}



/*2014 Archive Entry Styling*/
.post-463 h2#ja{
	padding-top: 14px !important;
}

.post-463 .scroll{
	font-size: 14px;
	padding: 1px 19px
}
.post-463 .monthly{
	margin-top: 28px;
}
.post-463 .monthly .entries{
	padding-right:0;
}
.post-463 .monthly .entries div{
	width:auto;
	float: left;
}
.post-463 .monthly .entries.en div{
	margin: 0 10px 15px 0;
/*	padding:0;*/
}
.post-463 .monthly .entries.en div:nth-child(even),
.post-463 .monthly .entries.ja div:nth-child(6n){
	margin-right:0 !important;
/*	padding:0;*/
}
.post-463 .monthly .entries.ja div{ margin-right: 8.9px !important;}

.post-463 .monthly .entries.en div p{
	font-size: 14px;
	margin-bottom: 0;
	text-align: left;
/*	float: left;*/
	margin-bottom: 10px;
	min-width: 200px;
}
.post-463 .monthly .entries.en div p:first-child {
/*	float: right;*/
	margin-bottom: 24px !important;
}
.post-463 .monthly .entries.en div p:last-child {
/*	float: right;*/
	font-size: 13px;
	text-align: right;
	margin-bottom: 0px !important;
}
.post-463 .monthly .entries.ja div p{
	width: 39px;
	text-align: center;
}

.post-463 .monthly #sep-en+.entries.en div:last-child{
	padding-right: 12px;
}
.post-463 .monthly #sep-en+.entries.en div:last-child>p:first-child{
	font-size: 13px;
}


/* =Top
-------------------------------------------------------------- */

#top {
	position: relative;
	display: none;
}
#header_content { padding: 20px 0; }
/* Text Logo */
.header_logo_text { padding: 0 15px; }
.header_logo_text { padding: 0 15px; }
.header_logo_text .tb-text-logo {
	font-size: 30px; /* Fallback for older browsers */
	font-size: 2.3rem;
	margin: 0;
}
.header_logo_text .tb-text-logo a { color: inherit; }
.header_logo_text .tagline {
	color: #888888;
	font-style: italic;
	font-size: 13px; /* Fallback for older browsers */
	font-size: 1rem;
}
/* =Featured (above)
-------------------------------------------------------------- */

#featured {
	border-bottom: 1px solid #eeeeee;
	padding: 20px 19px; /* 19px to compensate for 1px border around #internal-wrapper */
}
/* =Main
-------------------------------------------------------------- */

#main { padding: 10px 19px; /* 19px to compensate for 1px border around #internal-wrapper */ }
/*.page-id-25 #main { background: url('assets/img/img-pen-01.png?ver=1.0') 100% 98% no-repeat; }*/
/* =Featured (below)
-------------------------------------------------------------- */

#featured_below {
	border-bottom: 1px solid #eeeeee;
	padding: 20px 19px; /* 19px to compensate for 1px border around #internal-wrapper */
}
/* =Posts (general)
----------------------------------------------- */

/* No style mods */

/* =Page
----------------------------------------------- */

/*RULES PAGE*/
.post-170 .entry-content header{
	text-align: center;
}
.post-170 .entry-content p>b{
	font-weight: 700;
	text-transform: uppercase;
}
.post-170 .entry-content p>em,
.post-170 .entry-content ol em{
	font-weight: 700;
}
.post-170 .entry-content section{
	padding-left: 28px;
}
.post-170 .entry-content ol{
	margin-bottom: 17px;
}
.post-170 .entries.en p{
	font-size: 14px !important;
}

.post-170 .entry-content table{
	background-color: white;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.post-170 .entry-content table caption{
	font-weight: 700;
}
.post-170 .entry-content table th{
	vertical-align:center;
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
	text-align:center;
	padding:6px;
	font-size:11px;
}

.post-170 .entry-content table td{
	vertical-align:middle;
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	text-align:left;
	padding:6px;
	font-size:11px;
}
.post-170 .entry-content table+p{
	text-align: center !important;
}


/*PRIZES PAGE*/

.post-25 .entry-content .entries div#bronze p:nth-child(2){
	font-size: 17px;
}
.post-25 .entry-content .entries div p{
	font-size: 14px;
	float: none;
	position: relative;
	top:0;left:0;right:0;bottom:0;
	text-align: left;
}



/*ARCHIVE PAGE*/

.post-500 .entry-content p{
	font-size: 17px;
}

/* =Post List
----------------------------------------------- */

/* No style mods */

/* =Post Grid
----------------------------------------------- */

.post_grid .entry-title {
	font-size: 15px; /* Fallback for older browsers */
	font-size: 1.15rem;
	line-height: 1.5em;
}
/* =Comments
----------------------------------------------- */

/* Comment List */
#comments li { margin: 5px 0; }
#comments-title { padding: 0 10px; }
#comments .commentlist { margin-bottom: 30px; }
#comments .comment-body {
	border: 1px solid #dddddd;
	padding: 15px;
	padding-left: 83px;
	position: relative;
}
#comments .comment-body .avatar {
	position: absolute;
	top: 15px;
	left: 15px;
}
#comments .comment-author { line-height: 100%; }
#comments .comment-body .says { display: none; }
#comments .comment-body .comment-meta { margin-bottom: 10px; }
#comments .comment-body .comment-meta a {
	color: #9e9e9e;
	font-family: Georgia, serif;
	font-size: 11px; /* Fallback for older browsers */
 font-size: .85rem;
	font-style: italic;
}
#comments .comment-body .fn {
	display: block;
	font-style: normal;
	font-weight: bold;
	margin-top: 5px;
}
#comments .comment-body p { margin-bottom: 30px; }
#comments .comment-body .reply a {
	position: absolute;
	right: 5px;
	bottom: 5px;
}
#comments .comment-body .reply a:hover,
#comments .comment-body .reply a:focus { background: #dddddd; }
/* Admin Comment */
#comments .bypostauthor > .comment-body,
#comments .bypostauthor > .comment-body .reply a { /* None in this theme */ }
#comments .bypostauthor > .comment-body .reply a:hover,
#comments .bypostauthor > .comment-body .reply a:focus { /* None in this theme */ }
/* Top Level */
#comments ol {
	list-style: none;
	margin: 0;
}
/* Children */
#comments ul.children {
	border-left: 1px solid #e9e9e9;
	list-style: none;
	margin: 10px 0 10px 15px;
	padding: 10px 0 10px 20px;
}
/* Comment Form */
.comment-form-wrapper { margin-bottom: 30px; }
#reply-title { margin: 10px 0; }
#commentform input[type=text] {
	margin-right: 10px;
	width: 40%;
}
#commentform textarea { width: 98%; }
#commentform label { display: inline-block; }
#commentform .form-submit { margin: 10px 0; }
#commentform .form-allowed-tags { display: none; }
/* =Widgets
----------------------------------------------- */

.widget ul {
	list-style: none;
	margin-left: 0;
}
.widget ul li { padding: 3px 0; }
div.fixed-sidebar.left-sidebar.col-sm-4 {
	width: 28%;
	font-size: 12px;
}
/* Widgets in columns element and fixed sidebars */
.fixed-sidebar .widget { margin: 0 0 30px 0; }
/* Collapsible Widget Areas */
.widget-area-collapsible .widget { padding: 10px 0; }
/* =Bottom
----------------------------------------------- */

/* Footer Columns */
#footer_content { padding: 30px 19px; /* 19px to compensate for 1px border around #internal-wrapper */ }
/* Copyright */
#footer_sub_content {
	background: #abc142;
	color: #000;
	font-size: 11px; /* Fallback for older browsers */
 font-size: .75rem;
	padding: 10px 15px;
	text-align: right;
	font-style: italic;
}
#footer_sub_content .footer-nav ul { margin: 0; }
#footer_sub_content .footer-nav li {
	display: inline-block;
	list-style: none;
	padding: 0 5px;
}
/* =Layout Builder
----------------------------------------------- */

/* General Elements */
.element { /* Style all elements in custom layouts. */ }
.last-element { padding-bottom: 0; }
.element-columns { /* Style the "Columns" element. */ }
.element-content { /* Style the "Content" element. */ }
.element-divider { /* Style the "Divider" element. */ }
.element-headline { /* Style the "Headline" element. */ }
.element-post_grid_paginated { /* Style the "Post Grid (paginated)" element. */ }
.element-post_grid { /* Style the "Post Grid" element. */ }
.element-post_grid_slider { /* Style the "Post Grid Slider" element. */ }
.element-post_list_paginated { /* Style the "Post List (paginated)" element. */ }
.element-post_list { /* Style the "Post List" element. */ }
.element-post_list_slider { /* Style the "Post List Slider" element. */ }
.element-slider { /* Style the "Slider" element. */ }
.element-slogan { /* Style the "Slogan" element. */ }
.element-tabs { /* Style the "Tabs" element. */ }
.element-tweet { /* Style the "Tweet" element. */ }
/* Elements by location */
#featured .element { /* Style elements of a custom layout
	in the featured area ABOVE the content. */ }
#main .element { /* Style elements of a custom layout
	in the main content area. */ }
#featured_below .element { /* Style elements of a custom layout
	in the featured area BELOW the content. */ }


/* Fixes and hacks Elements */
input#field_191-0{
	float:left; width: auto !important;
}

.with_frm_style .frm_submit{
	text-align: left !important;
}

.with_frm_style .frm_submit input[type="submit"]{
	background: url('http://www.artofhaiku.org/wp-content/themes/haiku/assets/img/btn-submit.png') repeat scroll 0% 0% #FFF !important;
}

.inner{
	margin-right: 15px;
}