﻿@font-face{font-family:'entypo';font-style:'normal';font-weight:'normal';src:url("http://weloveiconfonts.com/api/fonts/entypo/entypo.eot");src:url("http://weloveiconfonts.com/api/fonts/entypo/entypo.eot?#iefix") format("eot"),url("http://weloveiconfonts.com/api/fonts/entypo/entypo.woff") format("woff"),url("http://weloveiconfonts.com/api/fonts/entypo/entypo.ttf") format("truetype"),url("http://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo") format("svg")}
body{
	margin:0;padding:0;
	background:#fcfdf4;
	color:#6b645c;
	font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif
}
header{
	overflow:hidden;
	background:#fee65e;
	border-bottom:solid 2px #ffaa42;
	text-align: center;
	text-shadow:1px 1px 0 #fcfdf4;
	margin: -5px;
}
header h1{
	display:inline-block;
	margin:0px;
	font-family:'Roboto', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-size:1.0em;
	font-weight:normal;
	line-height:50px;
	color:#e64a33;
			
}
header h1::before{

	/*content:"\26a1";*/
	margin-right:15px;
	font-family:'entypo', sans-serif
}
.pikabu-nav-toggle{
	position:relative;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
   float:left;
	display:block;
	width:50px;
	height:30px;
	margin:10px;
	/*background:#f00;*/
	background:#fdef6e;
	border:solid 1px rgba(230,74,51,0.35);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset 0 1px 0 #fcfdf4;
	-webkit-box-shadow:inset 0 1px 0 #fcfdf4;
	box-shadow:inset 0 1px 0 #fcfdf4;
	text-indent:100%;
	white-space:nowrap;
	color:#e64a33;
	line-height:29px
}
.pikabu-nav-toggle[data-role="right"]{
	float:right
}
.pikabu-nav-toggle::after{
    content:'☰';
	position:absolute;
	left:0;
	top:0;display:block;
	width:100%;height:100%;
	font-family:'entypo', sans-serif;
	text-align:center;
	text-indent:0;
	font-size:25px;
	font-weight:bold;
	color:inherit
}
.pikabu-nav-toggle[data-role="right"]::after{
	content:"\e705";
	font-size:17px
}
.pikabu--left-sidebar-visible .pikabu-nav-toggle[data-role="left"],.pikabu--right-sidebar-visible .pikabu-nav-toggle[data-role="right"]{
	background:rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 0 rgba(0,0,0,0.1)
}
section{
	padding:5px
}
.pikabu-sidebar{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0px;
	background:#ddd;
	color:#666
}
.pikabu-sidebar a{
	color:#e64a33
}
.pikabu-container{
	background:#fcfdf4
}
.pikabu--left-sidebar-visible .pikabu-container{
	-moz-box-shadow:-5px 0px 15px rgba(0,0,0,0.15);
	-webkit-box-shadow:-5px 0px 15px rgba(0,0,0,0.15);
	box-shadow:-5px 0px 15px rgba(0,0,0,0.15)
}
.pikabu--right-sidebar-visible .pikabu-container{
	-moz-box-shadow:5px 0px 15px rgba(0,0,0,0.15);
	-webkit-box-shadow:5px 0px 15px rgba(0,0,0,0.15);
	box-shadow:5px 0px 15px rgba(0,0,0,0.15)
}
section h2{
	display:block;margin:0;
	color:#e64a33;
	font-size:21px;
	font-weight:300;
	line-height:1.4
}
section h3{
	display:block;
	margin:20px -20px 10px;
	padding:5px 20px 7px;
	background:#e64a33;
	border-bottom:solid 2px #e6e6dd;
	color:#fcfdf4;
	font-size:18px;
	font-weight:normal}
section p{
	margin-bottom:15px;
	font-size:16px;
	line-height:1.4
}
section p em{
	color:#e64a33;
	font-style:normal
}
section a{
	color:#e64a33
}
section a:hover{
	color:black;
	-moz-transition:color 0.1s linear;
	-o-transition:color 0.1s linear;
	-webkit-transition:color 0.1s linear;
	transition:color 0.1s linear
}
section ul{
	margin:15px 0
}
	.no-js html{
		position:relative;height:100%
}
.no-js body{
	min-height:100%
}
@media all and (min-width: 769px){html{position:relative;height:100%}body{min-height:100%}}
