@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
}

header h1
{
	display:inline-block;
	margin:0;
	font-family:'Roboto', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-size:22px;font-weight:bold;
	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:#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:20px}

.pikabu-sidebar
{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:10px;
	background:#ddd;
	color:#666
}

.pikabu-sidebar a
{color:#e64a33}

.pikabu-container
{background:#ffffff;}

.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%}}