/**

 * Theme Name: Yoko Kanayama

 * Theme URI: 

 * Description: A custom Wordpress child-theme based on the Hybrid 1.0 theme framework

 * Author: Ben Cole

 * Author URI: http://www.BenCole.net

 * Version: 1.0

 * Template: hybrid

 *

 */



/**

* Import pre-made styles from Hybrid

************************************************/



/* Eric Meyer's reset.css */

	/* @import url('../hybrid/library/css/reset.css'); */



/* 18px, 20px, 21px, 22px, 24px or 25px margins and line-height (don't use reset.css with these) */

	/* @import url('../hybrid/library/css/18px.css'); */

	/* @import url('../hybrid/library/css/20px.css'); */

	/* @import url('../hybrid/library/css/21px.css'); */

	/* @import url('../hybrid/library/css/22px.css'); */

	/* @import url('../hybrid/library/css/24px.css'); */

	/* @import url('../hybrid/library/css/25px.css'); */



/* Layout - DEFINED BElOW */

	/* @import url('../hybrid/library/css/2c-l-fixed.css'); */

	/* @import url('../hybrid/library/css/2c-r-fixed.css'); */

	/* @import url('../hybrid/library/css/3c-l-fixed.css'); */

	/* @import url('../hybrid/library/css/3c-r-fixed.css'); */

	/* @import url('../hybrid/library/css/3c-c-fixed.css'); */



/* Plugins CSS */

	/* @import url('../hybrid/library/css/plugins.css'); */



/* Drop-downs CSS */

	/* @import url('../hybrid/library/css/drop-downs.css'); */



/* Hybrid's default CSS */

	/* @import url('../hybrid/library/css/screen.css'); */



/**

* Layout CSS 

************************************************/



#body-container {
	width:900px;
	margin:0 auto;
}
#container,
#header-container,
#footer-container {
	float:right;
	width:900px;
}
#container {
/*position:relative;	*/

}
.content {
	overflow:hidden;
	width:900px;
}
.attachment-image .content {
	overflow:visible;
}
.no-widgets .content,
 .no-default-widgets .content {
	width:900px
}
#primary {
}
/*

#secondary {

	clear:left;

	float:left;

	width:300px

}*/

#subsidiary {
}
#subsidiary .widget {
}
#footer-container {
	clear:both;
	overflow:hidden;
}
#footer {
	clear:both;
	overflow:hidden;
}
/* vertical centering */



html,
body {
	height:100%;
}
#table {
	height:100%;
	width:100%;
	padding: 0 2%;
	padding-top:60px;
	display: table;
}
.attachment-image {
/*min-width:1100px;	*/

	/*padding:0 20px;*/

	

}
#tablecell {
	display: table-cell;
	vertical-align: middle;
}
.singular-page #tablecell {
	vertical-align:top;
}
.home #tablecell {
	vertical-align:middle !important;
}
.singular-page-255 #tablecell {
	vertical-align:middle;
}
/**

* Body

************************************************/



/* Contains everything */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4b4b4b;
}
/* Wrapper for everything inside of the body */

	#body-container {
}
/**

* Colored Backggrounds

************************************************/



/* Default blue */

.blog #table {
	background: #e5ffe5; /* Old browsers */
	background: -moz-linear-gradient(top, #e5ffe5 0%, #ffffff 15%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5ffe5), color-stop(15%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e5ffe5 0%, #ffffff 15%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e5ffe5 0%, #ffffff 15%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e5ffe5 0%, #ffffff 15%); /* IE10+ */
	background: linear-gradient(top, #e5ffe5 0%, #ffffff 15%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ffe5', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
/* Green bio page */

.page-235 #table {
/* background: #e5ffe5; /* Old browsers */

/* background: -moz-linear-gradient(top,  #e5ffe5 0%, #ffffff 15%); /* FF3.6+ */

/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5ffe5), color-stop(15%,#ffffff)); /* Chrome,Safari4+ */

/* background: -webkit-linear-gradient(top,  #e5ffe5 0%,#ffffff 15%); /* Chrome10+,Safari5.1+ */

/* background: -o-linear-gradient(top,  #e5ffe5 0%,#ffffff 15%); /* Opera 11.10+ */

/* background: -ms-linear-gradient(top,  #e5ffe5 0%,#ffffff 15%); /* IE10+ */

/* background: linear-gradient(top,  #e5ffe5 0%,#ffffff 15%); /* W3C */

/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ffe5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}
/* Orange contact page */

.page-255 #table {
	background: #fffcd6; /* Old browsers */
	background: -moz-linear-gradient(top, #fffcd6 0%, #ffffff 15%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffcd6), color-stop(15%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fffcd6 0%, #ffffff 15%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fffcd6 0%, #ffffff 15%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fffcd6 0%, #ffffff 15%); /* IE10+ */
	background: linear-gradient(top, #fffcd6 0%, #ffffff 15%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcd6', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
/* Home page - no colors */

body.home #table {
	background:none;
}
/**

* Elements

************************************************/



/* Horizontal Rule */



hr {
	height:1px;
	width:100%;
	border:none;
	background-color:#CCC;
	margin:40px 0;
}
/* Hyperlinks */

a:link,
a:visited,
a:active {
	color:#060; /* oj ff9933 */
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* Headers */

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#000000;
	font-weight:normal;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
/* Text elements */

strong {
}
em {
}
cite {
}
abbr {
}
acronym {
}
sup {
}
sub {
}
address {
}
ins {
}
dfn {
}
del {
}
/* Paragraphs */

p {
}
/* Unordered lists */

ul {
}
ul li {
}
/* Ordered lists */

ol {
}
ol li {
}
/* Defition lists */

dl {
}
dt {
}
dd {
}
/* Blockquotes */

blockquote {
}
blockquote p {
}
blockquote blockquote {
}
blockquote em {
}
/* Object */

object {
}
/* Code */

code {
}
pre {
}
pre code {
}
/* Tables */

table {
}
caption {
}
tr {
}
th {
}
td {
}
table td li {
}
/* Forms */

form {
}
textarea {
}
input {
}
label {
}
option {
}
/* Notes */

.note {
}
/* Warnings/Alerts */

.warning,
.alert {
}
/* Errors */

.error {
}
/* Downloads */

.download {
}
/* Alignment */

.left,
.alignleft {
	float:left;
	margin-right:15px;
}
.right,
.alignright {
	float:right;
	margin-left:15px;
}
.center,
.aligncenter {
	display:block;
	margin:15px auto;
	clear:both;
}
.block,
.alignnone {
}
.clear {
}
/**

* Images

************************************************/



/* Normal images */

img {
}
a img {
}
img.nostyle {
}
/* WP Smilies */

img.wp-smiley {
}
/* Thumbnails */

.thumbnail {
}
/* WP Captions [caption] */

.wp-caption {
}
.wp-caption img {
}
.wp-caption p {
}
/* Gallery [gallery] */

.gallery {
}
.gallery img {
}
.gallery {
	width:900px; /* Sum of 6 image widths plus the margins */
	margin: auto;
}
.gallery .gallery-item {
	float: left;
	width:150px !important;
	height:150px !important;
	margin: 0 !important; /* Override Wordpress settings */
	text-align: center;
	/*width:auto !important; /* Override Wordpress settings */

				

			  -webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
	/*-moz-transition: all 0.1s ease-out;  /* FF4+ */

				  -ms-transition: all 0.1s ease-out;  /* IE10 */
	-o-transition: all 0.1s ease-out;  /* Opera 10.5+ */
	transition: all 0.1s ease-out;
}
/* Highlight effect */

			.gallery:hover .gallery-item {
	opacity:0.7;
}
.gallery .gallery-item:hover {
	opacity:1;
}
.gallery img {
	border: 0 !important; /* Override Wordpress settings */
	-webkit-box-shadow: 3px 3px 10px 0px #999999;
	-moz-box-shadow: 3px 3px 10px 0px #999999;
	box-shadow: 3px 3px 10px 0px #999999;
	-webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
	/*-moz-transition: all 0.2s ease-out;  /* FF4+ */

				  -ms-transition: all 0.2s ease-out;  /* IE10 */
	-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
	transition: all 0.2s ease-out;
}
/* Enlarge effect */

			.gallery img:hover {
	width:136px;
	height:136px;
	margin-left:-3px;
	margin-right:-3px;
	margin-top:-3px
}
.gallery .gallery-caption {
	margin-left: 0;
}
/* Avatars */

.avatar {
}
/**

* Header

************************************************/



/* Contains entire header */

#header-container {
}
/* Contains site title and tagline */

	#header {
}
/* Site title */

		#site-title {
}
#site-title a {
}
#site-title a span {
}
/* Site description/tagline */

		#site-description {
}
/**

* Primary Menu

************************************************/



/* Wrapper for entire menu area */

#primary-menu {
}
/* Wrapper for unordered list of menu items */

	#primary-menu div.menu {
}
/* Menu list. */

		#primary-menu ul {
}
#primary-menu li {
}
#primary-menu li a {
}
#primary-menu li.current-menu-item {
}
/* Wrapper for menu */

div.nav-menu {
}
div.nav-menu ul.nav-menu {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.nav-menu ul.nav-menu li.menu-item {
	float:left;
}
div.nav-menu ul.nav-menu > li.menu-item > a {
	display:block;
	padding:20px 8px;
	text-decoration:none;
	color:#444;
	font-weight:normal;/*background-image:url(images/arrow.png);

	background-repeat:no-repeat;

	background-position:left center;*/

}
div.nav-menu ul.nav-menu li.menu-item a:hover,
 div.nav-menu ul.nav-menu li.current-page-ancestor a,
 div.nav-menu ul.nav-menu li.current-menu-item a {
	color:#999;
}
div.nav-menu ul.nav-menu > li.menu-item:first-child > a {
	margin-left:0;
	padding-left:0;
}
/* Style the dropdowns */



div.nav-menu ul.nav-menu li.menu-item ul.sub-menu {
}
div.nav-menu ul.nav-menu li.menu-item ul.sub-menu li a {
}
div.nav-menu ul.nav-menu li.menu-item ul.sub-menu li a:hover {
}
div.nav-menu ul.nav-menu li.menu-item ul.sub-menu li:last-child a {
}
/**

* Containers below the header and navigation

************************************************/



/* Wrapper for the content and primary/secondary widget sections */

#container {
}
/**

	* Content

	************************************************/



	/* Contains site's main content */

	#content {
}
/* Breadcrumb trail */

		.breadcrumb-title {
}
.breadcrumb {
}
.breadcrumb-trail {
}
/* Archive and search <div> before posts are listed */

		.category {
	display:none;
}
.archive-info  .author-info {
}
.term-info  .category-info {
}
.tag-info {
}
.date-info {
}
.search-info {
}
/* Archive and search page titles. */

			.archive-title  .author-title {
}
.term-title {
}
.category-title {
}
.tag-title {
}
.date-title {
}
.search-title {
}
/* Entry wrapper <div> */

		.hentry {
}
.post {
}
.page {
}
/* Post, page, and 404 page titles */

			.entry-title,
.entry-title a,
.content h1 {
	color:#4f5968;
	/*text-shadow: 2px 2px 10px #AAAAAA;*/

				font-size:18px;
	font-style:italic;
	font-weight:normal;
}
.entry-title {
	padding-left:10px;
}
.entry-title a:hover {
	text-decoration:none;
}
.post-title {
}
.page-title {
	margin-top: 50px;
}
.attachment-title {
	font-style:italic;
	font-weight:bold;
}
.error-404-title {
}
/* Author and date byline */

			.byline {
	display:none;
}
/* Full entries */

			.entry-content {
}
.entry-content p {
	padding-left:10px;
	padding-right:10px;
	margin-bottom:3px;
	margin-top:3px;
	color:#666;
}
/* Excerpts (introduced) */

			.entry-summary {
}
/* Using <!--nextpage--> */

				p.page-links a {
}
/* More link <!--more--> */

				a.more-link {
}
/* Entry metadata */

			.entry-meta {
	visibility:hidden;
}
.comments-link {
	visibility:visible;
}
/* Post series */

		.series {
}
.series-title {
}
/* Navigation links */

		.navigation-links {
}
.navigation-links .previous {
}
.navigation-links .next {
}
/* Attachment navigation */

		

		

		/*

		.navigation-attachment span.alignleft a {

			position:absolute;

			left:10px;

			top:30%;

			display:block;

			width:50px;

			height:300px;

			background-image:url(images/previous.png);

			background-repeat:no-repeat;

			background-position:center;	

			text-indent:-9999px;

			

			opacity:0.75;

		}

		

		.navigation-attachment span.alignright a {

			position:absolute;

			right:10px;

			top:30%;

			display:block;

			width:50px;

			height:300px;

			background-image:url(images/next.png);

			background-repeat:no-repeat;

			background-position:center;	

			text-indent:-9999px;

			

			opacity:0.75;

		}

		

		.navigation-attachment span.alignleft a:hover, .navigation-attachment span.alignright a:hover {

			opacity:1;	

		}*/

		

		.navigation-attachment span a:link,
 .navigation-attachment span a:active,
 .navigation-attachment span a:visited {
	color:#060 !important;
}
.navigation-attachment .alignright,
 .navigation-attachment .alignleft {
	width:100px;
	min-height: 25px;
	display:block;
	text-align:right;
}
.navigation-attachment .alignright {
	text-align:left !important;
}
/* WP PageNavi (plugin) */

		.wp-pagenavi {
}
.wp-pagenavi .pages {
}
.wp-pagenavi .current {
}
.wp-pagenavi .extend {
}
.wp-pagenavi a {
}
/* Attachment image navigation */

		.singular-attachment .navigation-links {
	display:none;
}
/* Attachment page */

		.fluidimage-medium {
	width:60% !important;
	height:auto !important;
}
.fluidimage-small {
	width:40% !important;
	height:auto !important;
}
.fluidimage-tall {
	width: 60%;
	height: auto;
}
.parent-link {
	color:#666 !important;
}
/**

		* Comments template

		************************************************/



		/* Wrapper for entire comments area */

		#comments-template {
	padding:30px;
	border-top:10px solid #1e1e1e;
	color:#111;
}
/* Comments section headers/titles */

			.comments-header {
}
#comments-number {
}
/* Comments closed paragraph */

			p.comments-closed {
}
/* Main comments section */

				#comments {
}
#comments ol.children {
	clear:both;
	padding-top:30px;
}
/* Individual comments (note that WordPress has even/odd backwards) */

						#comments li {
	min-height:90px;
	overflow:auto;
	clear:both;
	margin-bottom:30px;
}
#comments li li {
}
#comments li li li {
}
#comments li li li li {
}
#comments li.even {
}
#comments li.odd {
}
#comments li.thread-even {
}
#comments li.thread-odd {
}
#comments li.author {
}
#comments li.trackback {
}
#comments li.pingback {
}
#comments cite.fn {
	font-weight:bold;
}
#comments cite.fn:after {
	content:" on ";
	font-weight:normal;
	font-style:normal;
}
/* Comment avatars */

							#comments .avatar {
	float:left;
	margin-right:35px;
}
/* Comment metadata */

							#comments .comment-meta {
}
#comments .comment-meta cite {
}
/* Comment text */

							#comments .comment-text {
	margin-left:115px;
}
/* Comments response form */

							

							#respond {
	border-top:1px dashed #999;
	padding:0 200px;
}
#respond label {
	display:block;
	font-style:italic;
}
/* Paged comments navigation */

					#comments-template .paged-navigation {
}
#comments-template .paged-navigation .page-numbers {
}
#comments-template .paged-navigation .next {
}
#comments-template .paged-navigation .prev {
}
/* Main comment form div */

				#respond {
}
/* Comment form title */

					#reply {
}
/* Comment form elements */

					p#cancel-comment-reply {
}
#respond form {
}
#respond .form-author {
}
#respond input {
}
#respond .form-email {
}
#respond .form-url {
}
#respond .form-textarea {
}
#respond textarea {
}
#respond #submit {
}
#respond #submit:hover {
}
/**

		* Utility widget sections (see other widget code below)

		************************************************/



		/* All utility widget sections (except widgets template) */

		.utility {
}
/* Before content */

		#utility-before-content {
}
/* After content */

		#utility-after-content {
}
/* After post but before comments */

		#utility-after-single {
}
/* After page but before comments */

		#utility-after-page {
}
/* Widgets page template widgets */

		.page-template-widgets #content .widget {
}
/**

	* Widget sections (Primary and Secondary)

	************************************************/



	/* Widgets in general */

	.widget {
}
.widget-inside {
}
.widget-title {
}
/* Primary widget section */

	#primary {
}
/* Add a nice little gradient to the bottom of the primary bar */

	#primary:after {
}
#primary .widget {
}
#primary .widget-inside {
}
#primary .widget-title {
}
#primary .widget ul {
}
#primary .widget ul li {
}
#primary h4,
#primary h3 {
}
#primary ul {
}
#primary ul li {
}
/* Secondary widget section */

	#secondary {
}
#secondary .widget {
}
#secondary .widget-inside {
}
#secondary .widget-title {
}
#secondary .widget ul {
}
#secondary .widget ul li {
}
/**

* Footer

************************************************/



/* Wrapper for the entire footer */

#footer-container {
}
/* Subsidiary widget section */

	#subsidiary {
}
#subsidiary .widget {
}
#subsidiary .widget-inside {
}
#subsidiary .widget-title {
}
/* Override from the Dropdown.css file */

	#footer li {
}
/* Footer section */

	#footer {
}
/* Footer extra */

		#footer .copyright {
}
#footer .credit {
}
#footer #footerwidgets_row1,
#footer #footerwidgets_row2 {
}
#footer .widget {
}
#footer .widget h3 {
}
#footer .widget ul {
}
#footer .widget ul ul {
}
/**

* Home page layout styles

************************************************/



body.page-template-home #body-container,
 body.page-template-home #container,
 body.page-template-home #header-container,
 body.page-template-home #footer-container,
 body.page-template-home .content,
 body.page-template-home .no-widgets .content,
 body.page-template-home .no-default-widgets .content {
	width:98% !important;
	min-width:1050px;
	max-width:1200px;
}
body.page-template-home .sidebar {
/*	padding-left:150px;	*/

}
#image-grid {
	position:relative;
	/* Hover effect */

	visibility:hidden;
	overflow:auto;
}
.home header {
	visibility:visible;
	position:absolute;
	/*bottom:130px;

	right:0;	*/

	top:25px;
	left:25px;
	/*width:330px;*/

	text-align:left;
}
.home header h1 {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	display:none;
}
.home header h1 {
/*background-image:url(images/rabbit.png);

	background-position:left center;

	background-repeat:no-repeat;*/

}
#text-2 {
	float:left;
	font-weight:normal;
	font-size:20px;
	padding-top:0px;
	padding-right:50px;
	margin-top:0px;
	color:#060;
}
#text-2 p {
	margin-top:14px;
}
.bio-page .entry-content {
	font-size:11px;
}
.bio-page h1.page-title a {
	background-image:url(images/rabbit.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:45px;
}
.bio-page h1.page-title {
	text-align:center;
	margin:20px auto;
	visibility:hidden;
}
h1.page-title a[title="Contact Yoko"] {
	background-image:url(images/rabbit.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:25px;
	padding-left:45px;
	position:relative;
	left:50%;
	top:50px;
	margin-left:-90px;
}
/* Show title on hover */



#image-grid a:hover:after {
	content:attr(title);
	position:absolute;
	/*bottom:80px;*/

	right:0;
	width:350px;
	text-align:left;
	text-decoration:none;
	border:none;
	outline:none;
	color:#060;
	font-weight:normal;
	font-size:12px;
	font-style:italic;
	/*text-transform:uppercase;*/

	

	top:10px;
}
#image-grid .row {
	/*border:1px solid blue;*/

	overflow:visible;
}
#image-grid .row .left,
 #image-grid .row .right {
	margin:0;
	height:200px;
}
#image-grid #row3 .left,
 #image-grid #row3 .right {
	height:240px;
}
#image-grid .row .left {
	width:66%;
	text-align:right;/*outline:1px solid red;*/

}
#image-grid .row .right {
	width:34%;
	text-align:left;/*outline:1px solid green;*/

}
#image-grid a {
	display:inline-block;
	width:100px; /* Override for each photo */
	padding:8px;
	/* Hover effect */

	visibility:visible;
	-webkit-transition: all 0.1s ease-out;  /* Saf3.2+, Chrome */
	/*-moz-transition: all 0.2s ease-out;  /* FF4+ */

	  -ms-transition: all 0.2s ease-out;  /* IE10 */
	-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
	transition: all 0.2s ease-out;
}
#image-grid #row3 a {
	vertical-align:top;
}
#image-grid #row2 .right a {
	vertical-align:top;
}
#image-grid .row img {
	display:block;
	width:100%;
	border:none;
	-webkit-box-shadow:  2px 2px 12px 0px #BBBBBB;
	-moz-box-shadow:  2px 2px 12px 0px #BBBBBB;
	box-shadow:  2px 2px 12px 0px #BBBBBB;
}
.instructions {
	color:#AAAAAA;
	visibility:visible;
	font-size:10px;
	padding:15px 0 0 20px;
}
/* Individual photo sizes */



/* Row 1 */

a#photo1 {
	width:100px;
}
a#photo2 {
	width:120px;
}
a#photo3 {
	width:84px;
}
a#photo4 {
	width:135px;
}
a#photo5 {
	width:148px;
}
a#photo6 {
	width:240px;
}
/* Row 2 */

a#photo7 {
	width:120px;
}
a#photo8 {
	width:141px;
}
a#photo9 {
	width:240px;
}
a#photo10 {
	width:185px;
}
a#photo11 {
	width:120px;
}
/* Row 3 */

a#photo12 {
	width:240px;
	width:130px;
}
a#photo13 {
	width:160px;
}
a#photo14 {
	width:121px;
}
/* Photo position modifications */



a#photo1 img,
a#photo2 img {
	position:relative;
	top:70px;
}
a#photo6 img {
	position:relative;
	top:53px
}
/* Highlight effect */

#image-grid:hover a {
	opacity:0.7;
}
#image-grid a:hover {
	opacity:1;
	visibility:visible;
}
#utility-before-content {
	position:absolute;
	top:15px;
	left:30%;
	clear:both;
	overflow:auto;
	width:600px;
}