@font-face {
  font-family: 'Graphik Web';
  src: url('http://assets.koken.me/fonts/Graphik-Light-Web.eot');
  src: url('http://assets.koken.me/fonts/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'),
     url('http://assets.koken.me/fonts/Graphik-Light-Web.woff') format('woff'),
     url('http://assets.koken.me/fonts/Graphik-Light-Web.ttf') format('truetype'),
     url('http://assets.koken.me/fonts/Graphik-Light-Web.svg#Graphik-Light') format('svg');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('http://assets.koken.me/fonts/Graphik-Regular-Web.eot');
  src: url('http://assets.koken.me/fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
     url('http://assets.koken.me/fonts/Graphik-Regular-Web.woff') format('woff'),
     url('http://assets.koken.me/fonts/Graphik-Regular-Web.ttf') format('truetype'),
     url('http://assets.koken.me/fonts/Graphik-Regular-Web.svg#Graphik-Regular') format('svg');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('http://assets.koken.me/fonts/Graphik-RegularItalic-Web.eot');
  src: url('http://assets.koken.me/fonts/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'),
     url('http://assets.koken.me/fonts/Graphik-RegularItalic-Web.woff') format('woff'),
     url('http://assets.koken.me/fonts/Graphik-RegularItalic-Web.ttf') format('truetype'),
     url('http://assets.koken.me/fonts/Graphik-RegularItalic-Web.svg#Graphik-RegularItalic') format('svg');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('http://assets.koken.me/fonts/Graphik-Medium-Web.eot');
  src: url('http://assets.koken.me/fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),
     url('http://assets.koken.me/fonts/Graphik-Medium-Web.woff') format('woff'),
     url('http://assets.koken.me/fonts/Graphik-Medium-Web.ttf') format('truetype'),
     url('http://assets.koken.me/fonts/Graphik-Medium-Web.svg#Graphik-Medium') format('svg');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-tap-highlight-color: transparent;
}

body,html {
	font-size:14px;
	line-height:1.7; /* 26px */
    font-family: 'Graphik Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-align:left;
	background:white;
	margin:0;
	padding:0;
	color:#7a7a7a;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden; /* Added by brad on 3/2015 to prevent horizontal scrolling */
}

img {
	-ms-interpolation-mode: bicubic;
}

figure {
	display:block;
	margin:0 0 1em;
}

a {
	color:#ff6e00;
	text-decoration:none;
}

a:hover {
	color:#ff6e00;
	text-decoration:none;
}

b, strong {
	font-weight:500;
}

em, i {
	font-style:italic;
}

hr {
	border:0;
	background:#e0e0e0;
	height:1px;
}

hr.spacer {
	margin:25px 0;
}

h1,h2,h3,h4,h5,h6,strong {
	color:#000;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color:inherit;
}

h2 {
	font-weight:300;
	font-size:34px;
	line-height:1.4;
	margin-bottom:0.2em;
}

h3 {
	font-size:24px;
	font-weight:300;
	padding:0;
	margin:24px 0 0.5em;
}

h4 {
	font-size:18px;
	margin:24px 0 0.5em;
	font-weight:300;
}

h5 {}

h6 {
	font-weight:600;
	margin-bottom:8px;
}

p {
	margin:0 0 1em;
}

span.new {
	display:inline-block;
	background:#ff6e00;
	padding:0 4px;
	color:#fff;
	font-size:13px;
	margin:0 3px;
	line-height:1.4;
}

/*
	LAYOUT
*/

.wrap {
	width:920px;
	margin:0 auto;
	text-align:left;
}

#koken-logo {
	background:transparent url(http://assets.koken.me/help/koken-head-logo-70.gif) 0 0 no-repeat;
	background-image: -webkit-linear-gradient(transparent,transparent), url(http://assets.koken.me/help/koken-head-logo-70.svg);
	background-image: -moz-linear-gradient(transparent,transparent), url(http://assets.koken.me/help/koken-head-logo-70.svg);
	background-image: linear-gradient(transparent,transparent), url(http://assets.koken.me/help/koken-head-logo-70.svg);
	padding-left:0;
	height:70px;
	width:70px;
	margin-left:0;
	display:block;
}

header {
	font-size:13px;
	position:relative;
	position:relative;
	text-align:center;
	border-bottom:1px solid #e0e0e0 !important;
	overflow:auto;
}

header .inside {
	padding:2.5em 0 2em;
	line-height:1.25;
	overflow:auto;
}

header .logo {
	float:left;
	width:70px;
}

header .logo img {
	max-width:100%;
	height:auto;
}

header .links {
	margin-left:100px;
}

header h1 {
	font-weight:300;
	font-size:28px;
	margin:0 0 10px;
	padding:0;
}

nav ul {
	margin:0;
	padding:0;
}

nav ul li {
	display:inline-block;
	margin:0 10px 0 0;
	padding:0;
}

nav ul li:last-child {
	border-right:0;
}

nav ul li a {
	font-size:13px;
	color:#7a7a7a;
}

nav ul li a:hover {
	color:#222;
}

nav a.back {
	font-size:12px;
}

#body {
	margin-top:30px;
	clear:left;
}

#side {
	float:left;
	width:170px;
}

#main {
	float:left;
	margin-left:30px;
	width:720px;
}

#main h2:first-child {
	margin-top:0;
}

.title {
	padding-bottom:10px;
	margin-bottom:26px;
	border-bottom:1px solid #e0e0e0;
}

.meta {
	font-size:11px;
	font-weight:normal;
	margin:0;
	color:#aaa;
}

.meta ul {
	list-style:none;
	margin:0;
	padding:0;
}

.meta ul li {
	display:inline-block;
	margin:0 10px 0 0;
}

.meta a, .meta .custom_button {
	color:inherit;
	cursor:pointer;
}

.meta a:hover, .meta .custom_button:hover {
	color:#ff6e00;
}

footer {
	clear:both;
	font-size:11px;
	color:#999;
	padding:20px 0;
	width:100%;
}

footer ul {
	margin:0 0 20px;
	padding:0;
	list-style-type:none;
}

footer ul li {
	padding:0;
	margin:0 10px 0 0;
	display:inline;
}

#side ul {
	list-style:none;
	margin:0;
	padding:0;
}

#side li {
	margin-bottom:8px;
}

#side li a {
	display:block;
    font-size:13px;
    padding:3px 0;
    color:#7a7a7a;
}

#side li a:hover {
	color:#ff6e00;
}

article {
	margin-bottom:4em;
}

article ul {
	list-style:disc;
	list-style-position: inside;
	margin:0 0 18px;
	padding:0;
}

article ul li {
	margin-bottom:8px;
}

article img {
	max-width:100%;
	height:auto;
}

.essay-meta {
	font-size:12px;
	color:#999;
}

.k-content-text {
	font-size:13px;
	color:#999;
}

.k-content-title {
	display:inline-block;
	font-weight:bold;
	margin-right:0.5em;
}

.k-content-embed {
	margin:1.5em 0;
}

/*
	BREAD...MMMMM
*/

#breadcrumbs {
	font-size: 11px;
	font-weight: normal;
	margin:0 0 2em;
}

/*
	PAGINATION
*/

#pagination {
	font-size:13px;
	margin:20px 0;
}

#pagination ul {
	margin:0;
	padding:0;
}

#pagination li {
	display:inline-block;
	margin-right:10px;
}

#pagination li:last-child {
	margin-right:0;
}

/*
	MISC
*/

img.flex {
	max-width:100%;
	height:auto;
}

ul.koken-team li {
	margin-bottom:16px !important;
	float:left;
	clear:left;
}

ul.koken-team li span {
	font-size:12px;
}

ul.koken-team li img {
	float:left;
	margin-right:10px;
}

/*
	ADD THIS HOVER
*/

/* AddThis Vertical Hover Menu */

.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {
    padding: 6px 12px 6px 12px;
    margin-left:-12px;
    cursor: pointer;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.addthis_toolbox .custom_hover .custom_button.active {
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    margin-left:-15px;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius-topleft: 0;
}

.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 1px solid #e0e0e0;
}

.addthis_toolbox .hover_menu a {
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color:inherit;
    font-weight:normal;
}

.addthis_toolbox .hover_menu a:hover {
    color: #ff6e00;
    text-decoration: none;
    opacity:1 !important;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

/* #Tablet (Portrait)
================================================== */

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

    	.wrap {
    		width:758px;
    	}

    	#main {
			width:528px;
		}

    	/*body::before{content: "TABLET";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/
	}

/*  #Mobile (Portrait)
================================================== */

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

    	body,html { font-size:14px; }

    	.wrap
    	{
			width:100%;
			padding:0 15px;
		}

		footer .wrap {
			padding:0;
		}

   		nav {
   			display:none;
   		}

   		header {
   			height:50px;
   			line-height:50px;
   		}

   		header .inside {
			height:50px;
   			line-height:50px;
   			padding:0;
		}

		header h1 {
			display:none;
   		}

   		header .links {
   			margin-left:60px;
   		}

   		header .logo {
   			width:30px;
   		}

   		#koken-logo {
			float:left;
			width:30px;
			height:30px;
			margin-top:10px;
			background-size: 30px 30px;
		}

   		#side {
   			display:none;
   		}

   		#side li {
   			display:inline-block;
   			margin-right:10px;
   		}

   		#main {
   			float:none;
   			width:100%;
   			margin-left:0;
   		}

   		h2 {
   			font-size:26px;
   			line-height:1.2;
   		}

		h3 {
			font-size:18px;
			padding:0;
			margin:0;
		}

		h4 {
			font-size:14px;
		}

		.k-content-text {
			font-size:11px;
		}

        /*body::before{content: "MOBILE PORTRAIT";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/
	}

/* #Mobile (Landscape)
================================================== */

   	@media only screen and (min-width: 480px) and (max-width: 767px) {

   		nav {
   			display:block;
   		}

   		nav a {
   			font-size:14px;
   			display:block;
   			height:50px;
   			line-height:50px;
   		}

   		nav a.back {
   			display:none;
   		}

        /*body::before{content: "MOBILE LANDSCAPE";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}*/
	}