/*
Theme Name: Kunkka
Version: 1.0.0
Author: MuFeng
Author URI: http://mufeng.me
*/

blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,li,ol,p,select,table,td,textarea,th,ul {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%
}

img {
	border: 0 none
}

body {
	background: #fff;
	color: #444;
	font: 400 15px/1.8 Helvetica Neue,Helvetica,Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility
}

li,ol,ul {
	list-style: none
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

caption,td,th {
	vertical-align: top;
	text-align: left;
	font-weight: 400
}

input,textarea {
	margin: 0;
	padding: 3px;
	border: 1px solid #bdc7d8
}

blockquote {
	display: block;
	padding: 0 0 0 10px;
	border-left: 3px solid #d0e5f2;
	vertical-align: baseline;
	font-style: normal;
	font-size: 100%;
	line-height: 22px
}

h1,h2,h3,h4,h5,h6 {
	clear: both
}

a {
	outline: 0;
	text-decoration: none
}

a,a:hover {
	color: #5895be
}

a:hover {
	text-decoration: underline
}

.clearfix:after,.clearfix:before {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both;
	overflow: hidden
}

.clearfix {
	zoom: 1
}

.inline-ul {
	font-size: 0
}

.inline-ul .inline-li {
	vertical-align: top;
	word-spacing: normal;
	letter-spacing: normal;
	font-size: 9pt
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.inline-ul {
		letter-spacing: -5px
	}
}

.inline-li {
	display: inline-block
}

.code {
	margin: 0 2px;
	padding: 0 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #f8f8f8
}

.quote {
	padding: 5px 10px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	background: #fafafa;
	box-shadow: 1px 1px 1px rgba(0,0,0,.03) inset,0 -1px 0 hsla(0,0%,100%,.03) inset;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-box-shadow: 1px 1px 1px rgba(0,0,0,.03) inset,0 -1px 0 hsla(0,0%,100%,.03) inset;
	-o-box-shadow: 1px 1px 1px rgba(0,0,0,.03) inset,0 -1px 0 hsla(0,0%,100%,.03) inset
}

.avatar {
	border-radius: 50%
}

@font-face {
	font-weight:400;font-style:normal;font-family:icomoon;src:url(fonts/icomoon.eot);src:url(fonts/icomoon.eot?#iefix) format('embedded-opentype'),url(fonts/icomoon.ttf) format('truetype'),url(fonts/icomoon.woff) format('woff'),url(fonts/icomoon.svg#icomoon) format('svg')
}

.icon-arrow-down,.icon-arrow-right,.icon-comment,.icon-drive,.icon-house,.icon-lab,.icon-list,.icon-mail,.icon-megaphone,.icon-music,.icon-play,.icon-quote,.icon-search,.icon-sina-weibo {
	text-transform: none;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	font-family: icomoon;
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-search:before {
	content: "\e600"
}

.icon-list:before {
	content: "\e601"
}

.icon-house:before {
	content: "\e602"
}

.icon-megaphone:before {
	content: "\e606"
}

.icon-arrow-right:before {
	content: "\e607"
}

.icon-drive:before {
	content: "\e603"
}

.icon-arrow-down:before {
	content: "\e609"
}

.icon-sina-weibo:before {
	content: "\e60a"
}

.icon-mail:before {
	content: "\e60b"
}

.icon-comment:before {
	content: "\e60c"
}

.icon-quote:before {
	content: "\e60d"
}

.icon-play:before {
	content: "\e604"
}

.icon-music:before {
	content: "\e605"
}

.icon-lab:before {
	content: "\e608"
}

.container {
	margin: 0 auto;
	width: 980px
}

.bookmark {
	padding-right: 5px
}

#header {
	position: relative;
	z-index: 90;
	padding: 20px 0;
	border-bottom: 1px solid #ededed;
	box-shadow: 0 1px 0 0 hsla(0,0%,62%,.2) inset;
	-ms-box-shadow: 0 1px 0 0 hsla(0,0%,62%,.2) inset
}

#header .container {
	height: 30px;
	line-height: 30px
}

.logo {
	float: left;
	margin-right: 30px;
	width: 115px;
	height: 30px
}

.global-nav,.global-nav .gnul,.logo {
	display: block
}

.global-nav .gnli {
	display: inline-block;
	margin-right: 25px;
	zoom: 1
}

.global-nav .gna {
	display: block;
	height: 30px;
	outline: medium 0;
	color: #666;
	text-decoration: none;
	font-size: 14px
}

.global-nav .gna:hover {
	color: #5895be
}

.global-nav .gnli.current .gna,.global-nav .gnli.current .gna:hover {
	color: #5895be
}

.global-nav ul li a span {
	margin-right: 5px
}

.search-form {
	position: relative;
	float: right;
	padding-right: 35px;
	border: 1px solid #e5e5e5;
	background: #fff
}

.search-input {
	padding: 3px 6px 4px 5px;
	width: 212px;
	height: 18px;
	outline: 0;
	border: 0;
	background: #fff
}

.search-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 30px;
	border: 0;
	background: #fff;
	cursor: pointer
}

.search-submit:hover {
	color: #5895be
}

.mobile-menu-button {
    position: absolute;
    text-align: center;
    line-height: 50px;
    width: 50px;
    height: 50px;
    top: 0px;
    right: 0px;
    font-size: 20px;
    display:none
}

.mobile-menu-button:before {
    content: "\e601";
}

#content .container {
	padding-top: 40px;
	padding-bottom: 40px
}

#primary {
	float: left;
	width: 40pc;
	min-height: 25pc
}

#primary.full-page {
	float: none;
	width: 750px;
	margin-left: auto;
	margin-right: auto
}

.post {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ededed
}

.post-cover{
	margin-bottom: 15px;
}

.post-cover img{
	width:100%;
	height:auto
}

.post-has-thumbnail .post-body {
	position: relative;
	overflow: hidden;
	padding-left: 150px;
	height: 130px
}

.post-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 130px;
	background: #fafafa
}

.post-thumbnail a {
	position: relative;
	width: 130px;
	height: 130px;
	display: block
}

.post-thumbnail a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 130px;
	content: '';
	border: 1px solid rgba(0,0,0,.05)
}

.post-title {
	min-height: 24px;
	font-size: 18px;
	line-height: 1.33333
}

.post-title a {
	color: #444
}

.post-sticky {
	margin-left: 10px;
	padding: 2px 5px;
	background: #5895be;
	color: #fff;
	vertical-align: middle;
	font-size: 9pt
}

.post-title a:hover {
	color: #5895be;
	text-decoration: underline
}

.post-span {
	padding: 0 5px;
	color: #bbb
}

.post-meta {
	padding-bottom: 20px
}

.post-meta .inline-ul {
	display: block
}

.post-meta .inline-li {
	font-size: 9pt
}

.post-meta,.post-meta a {
	color: #777
}

.comment-content,.comment-content p,.post-content,.post-content p {
	margin: 0 0 9pt;
	line-height: 1.8;
	word-break: break-all
}

.single-post .post-content p {
	margin-bottom: 20px;
	line-height: 1.8em
}

.post-content img {
	max-width: 100%
}

.post-content small {
	padding-top: 20px;
	font-weight: 700;
	font-size: 13px;
	line-height: 1.2em
}

.post-content h3 {
	display: block;
	margin: 20px 0;
	padding: 5px 0;
	border-bottom: 1px solid #ededed;
	color: #666;
	font-size: 14px
}

.post-content h4 {
	padding: 3px 0 3px 18px;
	border-left: 5px solid #ddd
}

.post-content ul {
	margin: 0 0 24px 30px
}

.post-content ul li {
	margin-bottom: 5px;
	list-style: square outside none;
	line-height: 24px
}

.post-content ul li ul li {
	list-style: circle outside none
}

.near-posts {
	padding: 1pc 0;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed
}

.post-cardli {
	display: none
}

.post-cardli.selected,.post-cardul,.post-tabli,.post-tabul {
	display: block
}

.post-tabli {
	float: left;
	margin-right: -1px;
	padding: 0 25px;
	height: 36px;
	border: 1px solid #ddd;
	background: #fafafa;
	cursor: pointer
}

.post-content ul li.post-tabli {
	margin-bottom: -1px;
	line-height: 36px
}

.post-content ul.post-cardul,.post-content ul.post-tabul {
	margin: 0
}

.post-tabli.selected,.post-tabli:hover {
	background: #fff
}

.post-tabli.selected {
	border-bottom-color: #fff
}

.post-card {
	padding-top: 15px;
	border: 1px solid #ddd
}

.post-card .dp-highlighter {
	margin: 0;
	border: 0
}

.post-affiliate {
	margin-top: 10px;
	padding: 15px 0;
	border-top: 1px solid #ededed
}

.post-share {
	float: right
}

.post-sharea,.post-shareli,.post-shareul {
	display: block
}

.post-shareli {
	float: left;
	margin-left: 10px;
	width: 23px;
	height: 23px
}

.post-sharea {
	background-image: url(images/icon2.png);
	background-repeat: no-repeat;
	text-indent: -999em
}

.psa-weibo {
	background-position: 0 0
}

.psa-qqweibo {
	background-position: -30px 0
}

.psa-douban {
	background-position: -60px 0
}

.psa-qzone {
	background-position: -90px 0
}

.psa-renren {
	background-position: -90pt 0
}

.psa-twitter {
	background-position: -150px 0
}

.psa-weibo:hover {
	background-position: 0 -57px
}

.psa-qqweibo:hover {
	background-position: -30px -57px
}

.psa-douban:hover {
	background-position: -60px -57px
}

.psa-qzone:hover {
	background-position: -90px -57px
}

.psa-renren:hover {
	background-position: -90pt -57px
}

.psa-twitter:hover {
	background-position: -150px -57px
}

.widget-weixin {
	padding-top: 10px
}

#pagenavi {
	color: #4a4a4a;
	list-style: none;
	line-height: 24px
}

.page-numbers {
	display: inline-block;
	margin: 0 5px 2px 0;
	padding: 0 8px;
	border: 1px solid #ddd;
	color: #555;
	zoom: 1
}

.page-numbers.current,.page-numbers:hover {
	background: #f8f8f8;
	border-bottom-color: #5895be
}

#sidebar {
	float: right;
	padding-left: 40px
}

#sidebar,#sidebar-fixed {
	width: 300px
}

#sidebar-fixed.fixed {
	position: fixed;
	top: 20px
}

.widget {
	margin-bottom: 20px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto
}

.widget h3 {
	color: #636363;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5em
}

.widget .avatar {
	border-radius: 50%;
	vertical-align: middle
}

.widget span {
	color: #aaa
}

.widget ul {
	padding: 10px 0
}

.widget ul.list {
	padding: 10px 0 10px 15px
}

.widget li,.widget p {
	font-size: 13px;
	line-height: 1.846153846
}

.widget ul.list li {
	list-style: square
}

.widget a {
	color: #666
}

.widget a:hover {
	color: #5895be
}

.widget p {
	color: #999
}

.widget-links ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	zoom: 1
}

.widget-popular {
	min-height: 30px
}

.widget-popular span {
	padding-left: 10px
}

#comments {
	padding-top: 30px;
	padding-bottom: 50px
}

#comments .children {
	position: relative;
	z-index: 5
}

.comments-title {
	font-weight: 400;
	font-size: 1pc;
	font-size: 1.142857143rem
}

.comments-title a {
	color: #444;
	text-decoration: none
}

.comment-body {
	position: relative;
	padding-right: 30px;
	padding-left: 70px;
	min-height: 55px
}

.comment-children-body {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	border-top: 1px solid #ededed
}

.comment-avatar,.comment-floor {
	position: absolute;
	top: 0
}

.comment-children-body .comment-avatar {
	top: 15px
}

.comment-floor {
	top: 10px;
	right: 0;
	display: block;
	color: #666
}

.comment-avatar {
	left: 0
}

.comment-children-body .comment-data a,.comment-reply-link {
	color: #444
}

.comment-children-body .comment-data a:hover,.comment-floor a:hover,.comment-reply-link:hover {
	color: #5895be
}

.comment-date,.comment-floor a,.comment-to {
	color: #a5a5a5
}

.comment-date {
	padding-left: 15px
}

.comment-body .comment-text {
	padding-bottom: 10px;
	line-height: 24px;
	word-break: break-all
}

.comment-body .comment-text img {
	vertical-align: middle
}

#comments .children,#comments .live {
	margin-left: 70px
}

#comments .children .children,#comments .children .live {
	margin-left: 0
}

.comment.depth-1 {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #ededed
}

#comments .children {
	position: relative
}

#comments .children .children {
	padding: 0;
	border: 0;
	background: 0
}

#comments .children:after,#comments .children:before {
	position: absolute;
	top: -15px;
	left: 5px;
	z-index: 99;
	width: 0;
	border: solid transparent;
	content: ""
}

#comments .children:before {
	z-index: 100;
	border-color: hsla(0,0%,100%,0);
	border-width: 8px;
	border-bottom-color: #fff
}

#comments .children:after {
	top: -17px;
	left: 4px;
	border-color: hsla(0,0%,100%,0);
	border-width: 9px;
	border-bottom-color: #e5e5e5
}

#comments .children .children:after,#comments .children .children:before {
	display: none
}

.comment-reply {
	padding-bottom: 10px
}

#comment_form textarea {
	display: none
}

#submit-button {
	float: right
}

.comments-data {
	margin-bottom: 1pc;
	padding-bottom: 1pc;
	border-bottom: 1px solid #ededed;
	padding-top: 1pc
}

.comment-icon {
	display: none
}

.bypostauthor .comment-author,.bypostauthor .comment-author a {
	color: #ff7f3e
}

.new-comment {
	margin-top: -24px;
	padding-top: 24px;
	background: #fafafa
}

.children.new-comment {
	margin-top: 0;
	padding-top: 0
}

#respond {
	margin-bottom: 30px
}

.respond h3 {
	color: #666;
	font-size: 9pt
}

.respond p {
	margin-bottom: 8px
}

#cancel-comment-reply {
	position: absolute;
	right: 0
}

#cancel-comment-reply a {
	text-decoration: none;
	font-size: 9pt
}

#author_info input {
	margin-right: 10px;
	padding: 3px 0 3px 50px;
	width: 140px;
	border: 1px solid #ddd;
	font: 9pt
}

#author_info label small {
	position: relative;
	left: -200px;
	color: #777;
	font-size: 14px
}

#author_error,#smilies {
	float: left
}

#author_error {
	padding-left: 20px
}

#submit {
	padding: 5px 9pt;
	border: 1px solid #dcd6d3;
	border-radius: 2px;
	background: #f9f9f9;
	color: #59493f;
	cursor: pointer;
	-ms-border-radius: 2px
}

#submit:hover {
	background-color: #f0f0f0;
	color: #59493f
}

#author_error {
	font-size: 9pt;
	line-height: 24px
}

#comment {
	padding: 4px 5px;
	min-height: 70px;
	outline: 1px solid #ccc;
	border: 0;
	border-top: 3px solid #f2f2f2;
	vertical-align: middle
}

#author_footer {
	z-index: 99;
	margin-top: 8px;
	height: 28px;
	font-size: 14px
}

.author_hide {
	display: none
}

#comment_form {
	position: relative
}

#edit_author,#smilies {
	cursor: pointer
}

#smilies {
	z-index: 99
}

#smilies-box ul,.smilie,.smilies-icon {
	display: block
}

#smilies .dropdown-arrow1 {
	top: 28px
}

#smilies .dropdown-arrow2 {
	top: 29px
}

#smilies-box {
	top: 36px;
	left: -5px;
	padding: 10px;
	width: 360px
}

#smilies-box ul li {
	margin: 0 -1px -1px 0;
	padding: 5px;
	width: 25px;
	height: 25px;
	border: 1px solid #eee
}

#smilies-box ul li:hover {
	background: #f0f0f0
}

.smilie,.smilies-icon {
	width: 25px;
	height: 25px;
	background-image: url(images/smilies.png);
	background-repeat: no-repeat
}

.smilies-icon {
	width: 24px;
	height: 24px;
	background-position: 0 -1495px
}

.smilie-f01 {
	background-position: 0 0
}

.smilie-f02 {
	background-position: 0 -30px
}

.smilie-f03 {
	background-position: 0 -60px
}

.smilie-f04 {
	background-position: 0 -90px
}

.smilie-f05 {
	background-position: 0 -90pt
}

.smilie-f06 {
	background-position: 0 -150px
}

.smilie-f07 {
	background-position: 0 -180px
}

.smilie-f08 {
	background-position: 0 -210px
}

.smilie-f09 {
	background-position: 0 -15pc
}

.smilie-f10 {
	background-position: 0 -270px
}

.smilie-f11 {
	background-position: 0 -300px
}

.smilie-f12 {
	background-position: 0 -330px
}

.smilie-f13 {
	background-position: 0 -360px
}

.smilie-f14 {
	background-position: 0 -390px
}

.smilie-f15 {
	background-position: 0 -420px
}

.smilie-f16 {
	background-position: 0 -450px
}

.smilie-f17 {
	background-position: 0 -5in
}

.smilie-f18 {
	background-position: 0 -510px
}

.smilie-f19 {
	background-position: 0 -540px
}

.smilie-f20 {
	background-position: 0 -570px
}

.smilie-f21 {
	background-position: 0 -600px
}

.smilie-f22 {
	background-position: 0 -630px
}

.smilie-f23 {
	background-position: 0 -660px
}

.smilie-f24 {
	background-position: 0 -690px
}

.smilie-f25 {
	background-position: 0 -45pc
}

.smilie-f26 {
	background-position: 0 -750px
}

.smilie-f27 {
	background-position: 0 -780px
}

.smilie-f28 {
	background-position: 0 -810px
}

.smilie-f29 {
	background-position: 0 -840px
}

.smilie-f30 {
	background-position: 0 -870px
}

.smilie-f31 {
	background-position: 0 -900px
}

.smilie-f32 {
	background-position: 0 -930px
}

.smilie-f33 {
	background-position: 0 -60pc
}

.smilie-f34 {
	background-position: 0 -990px
}

.smilie-f35 {
	background-position: 0 -765pt
}

.smilie-f36 {
	background-position: 0 -1050px
}

.smilie-f37 {
	background-position: 0 -810pt
}

.smilie-f38 {
	background-position: 0 -1110px
}

.smilie-f39 {
	background-position: 0 -855pt
}

.smilie-f40 {
	background-position: 0 -1170px
}

.smilie-f41 {
	background-position: 0 -75pc
}

.smilie-f42 {
	background-position: 0 -1230px
}

.smilie-f43 {
	background-position: 0 -945pt
}

.smilie-f44 {
	background-position: 0 -1290px
}

.smilie-f45 {
	background-position: 0 -990pt
}

.smilie-f46 {
	background-position: 0 -1350px
}

.smilie-f47 {
	background-position: 0 -1380px
}

.smilie-f48 {
	background-position: 0 -1410px
}

.smilie-f49 {
	background-position: 0 -90pc
}

.smilie-f50 {
	background-position: 0 -1470px
}

#footer {
	border-top: 1px solid #ececec
}

#footer .container {
	padding: 15px 0;
	height: 35px;
	color: #999;
	text-align: center;
	line-height: 35px
}

.dp-highlighter ol li {
	zoom: 1
}

.dp-highlighter li,.dp-highlighter ol,.dp-highlighter ul {
	list-style: decimal outside none
}

.dp-highlighter br {
	display: none
}

.dp-highlighter .bearNum {
	position: absolute;
	top: 0;
	right: 495px;
	color: #2b91af
}

.dp-highlighter .bar {
	display: none
}

.dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar {
	padding-left: 0
}

.dp-highlighter .columns div,.dp-highlighter ol li {
	position: relative;
	padding-left: 10px;
	border-left: 1px solid #d1d7dc;
	background-color: #fff;
	line-height: 18px
}

.dp-sql .comment {
	color: green
}

.dp-sql .string {
	color: red
}

.dp-sql .keyword {
	color: #7f0055
}

.dp-sql .func {
	color: #ff1493
}

.dp-sql .op {
	color: #00f
}

.dp-highlighter .dp-css {
	color: #444
}

.dp-css .comment {
	color: green
}

.dp-css .string {
	color: #ce7b00
}

.dp-css .selector {
	color: #0080ff
}

.dp-css .important {
	color: red
}

.dp-css .keyword {
	color: #8080c0
}

.dp-highlighter .dp-j {
	color: #444
}

.dp-j .comment {
	color: green
}

.dp-j .string {
	color: #8080c0
}

.dp-j .keyword {
	color: navy
}

.dp-j .anonymous {
	font-weight: 700
}

.dp-highlighter .dp-php {
	color: #444
}

.dp-php .comment {
	color: green
}

.dp-php .string {
	color: gray
}

.dp-php .func,.dp-php .keyword {
	color: #00f
}

.dp-php .vars {
	color: #390080
}

.dp-php .flag {
	color: red
}

.dp-highlighter .dp-xml {
	color: #444
}

.dp-xml .cdata,.dp-xml .comment {
	color: green
}

.dp-xml .doctype {
	color: #628fb5
}

.dp-xml .tag,.dp-xml .tag-name {
	color: #00f
}

.dp-xml .attribute {
	color: #090
}

.dp-xml .attribute-value {
	color: #ce7b00;
	font-weight: 700
}

.dp-highlighter {
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5
}

.dp-highlighter ol {
	margin: 0 0 0 2.5em;
	padding-left: 5px;
	color: #999;
	list-style: decimal-leading-zero
}

.dp-highlighter ol,.dp-highlighter ol li,.dp-highlighter ol li code,.dp-highlighter ol li span {
	font-size: 13px;
	font-family: Monaco,Consolas,Lucida Console,monospace;
	line-height: 24px
}

.dp-highlighter.nogutter ol {
	margin-left: 0;
	list-style-type: none
}

.dp-highlighter .columns div,.dp-highlighter ol li {
	padding-left: .7em;
	border-left: 1px solid #e5e5e5;
	list-style: decimal-leading-zero;
	word-wrap: break-word;
	line-height: 24px
}

.dp-highlighter.nogutter .columns div,.dp-highlighter.nogutter ol li {
	border: 0
}

.dp-highlighter .columns {
	overflow: hidden;
	width: 100%;
	color: gray
}

.dp-highlighter .columns div {
	padding-bottom: 5px
}

.post-content .dp-highlighter li {
	margin-bottom: 0
}

.dp-highlighter ol li.alt {
	background-color: #f7f7f7
}

.left {
	float: left
}

.right {
	float: right
}

.dropdown {
	position: relative
}

.dropdown-link:hover .icon,.dropdown.selected .dropdown-link .icon {
	background-position: -210px 0
}

.dropdown-link .icon {
	padding-left: 10px;
	vertical-align: middle;
	font-size: 15px
}

.dropdown.selected .dropdown-arrow1,.dropdown.selected .dropdown-arrow2,.dropdown.selected .submenu {
	display: block
}

.dropdown-arrow1,.dropdown-arrow2,.submenu {
	display: none
}

.dropdown-arrow1,.dropdown-arrow2 {
	position: absolute;
	left: 7px;
	z-index: 1;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: dashed dashed solid;
	border-width: 0 8px 8px
}

.dropdown-arrow1 {
	top: 36px;
	border-bottom-color: #ccc;
	border-bottom-color: rgba(0,0,0,.2)
}

.dropdown-arrow2 {
	top: 37px;
	border-bottom-color: #fff
}

.submenu {
	position: absolute;
	top: 44px;
	left: 0;
	overflow: hidden;
	padding: 25px;
	width: 35pc;
	border: 1px solid #ccc;
	border-color: rgba(0,0,0,.2);
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,.2)
}

.dropdown-link {
	display: block
}

.tdleft {
	width: 45px;
	border-right: 1px solid #eee
}

.tdright {
	padding-left: 20px
}

.trline td {
	padding-bottom: 15px
}

.tab-categories li {
	display: inline-block;
	cursor: pointer
}

.tab-categories li a {
	padding: 0 10px
}

.tab-categories li a,.tab-tags a {
	display: block;
	color: #333;
	font: 13px/1.65 Arial,sans-serif;
	line-height: 180%
}

.tab-categories li a:hover,.tab-tags a:hover {
	background-color: #5895be;
	color: #fff;
	text-decoration: none
}

.tab-formats li {
	float: left;
	display: block;
	padding-right: 45px;
	width: 36px;
	text-align: center
}

.tab-formats li.tab-part {
	padding-right: 0
}

.tab-formats span {
	display: block;
	width: 36px;
	height: 2pc;
	font-size: 28px
}

.tab-categories li {
	margin: 0 10px 10px 0;
	background: #fafafa
}

.section-title {
	color: #666;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px
}

.tab-formats li a {
	color: #999
}

.tab-formats li a:hover {
	text-decoration: none
}

.tab-formats li a.news:hover {
	color: #fa7c7c
}

.tab-formats li a.twitter:hover {
	color: #00acee
}

.tab-formats li a.films:hover {
	color: #facc7c
}

.tab-formats li a.archive:hover {
	color: #5bcb57
}

.tab-formats li a:hover .icon-home {
	background-position: 0 -4pc
}

.tab-formats li a:hover .icon-twitter {
	background-position: -62px -4pc
}

.tab-formats li a:hover .icon-film {
	background-position: -122px -4pc
}

.tab-formats li a:hover .icon-inbox {
	background-position: -182px -4pc
}

.tab-more {
	margin-top: 25px;
	width: 280px;
	height: 40px;
	border-top: 1px dotted #ccc;
	text-align: center;
	line-height: 40px
}

.tab-tags a {
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 2px 10px;
	background: #f5f5f5
}

#notice {
	margin-bottom: 40px;
	padding: 5px 20px;
	border: 1px solid #e7e7e7;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,.07)
}

#distant {
	margin-bottom: 20px;
	color: #999;
	font-size: 9pt
}

#distant a {
	color: #777;
	text-decoration: underline
}

#distant a:hover {
	color: #5895be
}

#distant .icon-arrow-right {
	padding: 0 2px;
	color: #aaa
}

#distant .text {
	padding-left: 10px
}

.download {
	padding: 6px 1pc 6px 10px;
	background: #f5f5f5;
	color: #666
}

.download span {
	padding-right: 5px
}

.download:hover {
	background-color: #5895be;
	color: #fff;
	text-decoration: none
}

.mx-zan:hover, .mx-zan.zaned {
	color: #5895be!important
}

::-webkit-scrollbar-track-piece {
	width: 13px;
	border-right: 1px solid #eee;
	border-left: 1px solid #e4e4e4;
	background-color: #f0f0f0;
	background-image: -webkit-linear-gradient(left,#f0f0f0,#fff)
}

::-webkit-scrollbar {
	width: 13px;
	height: 13px
}

::-webkit-scrollbar-thumb {
	position: relative;
	min-height: 25px;
	border-radius: 9999px;
	background-color: #c2c2c2;
	background-clip: padding-box
}

::-webkit-scrollbar-thumb:vertical {
	border-top: 0 solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 3px solid transparent
}

::-webkit-scrollbar-thumb:horizontal {
	border-top: 3px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 0 solid transparent
}

::-webkit-scrollbar-thumb:active {
	background-color: #7d7d7d
}

.instagram-li {
	display: inline-block;
	padding-left: 20px
}

.instagram-ul {
	margin-left: -20px
}

.instagram-li a {
	position: relative;
	display: block
}

.instagram-li span {
	position: absolute;
	top: 5px;
	right: 5px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.7)
}

.instagram-li i {
	padding-right: 5px;
	vertical-align: middle
}

.tooltipped {
	position: relative
}

.tooltipped:after {
	position: absolute;
	z-index: 1000000;
	display: none;
	max-width: 280px;
	padding: 5px 10px;
	font: normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: break-word;
	white-space: pre;
	pointer-events: none;
	content: attr(aria-label);
	background: rgba(0,0,0,.8);
	border-radius: 3px;
	-webkit-font-smoothing: subpixel-antialiased
}

.tooltipped:before {
	position: absolute;
	z-index: 1000001;
	display: none;
	width: 0;
	height: 0;
	color: rgba(0,0,0,.8);
	pointer-events: none;
	content: "";
	border: 5px solid transparent
}

.tooltipped:active:after,.tooltipped:active:before,.tooltipped:focus:after,.tooltipped:focus:before,.tooltipped:hover:after,.tooltipped:hover:before {
	display: inline-block;
	text-decoration: none
}

.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after,.tooltipped-multiline:hover:after {
	display: table-cell
}

.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after {
	top: 100%;
	right: 50%;
	margin-top: 5px
}

.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before {
	top: auto;
	right: 50%;
	bottom: -5px;
	margin-right: -5px;
	border-bottom-color: rgba(0,0,0,.8)
}

.tooltipped-se:after {
	right: auto;
	left: 50%;
	margin-left: -15px
}

.tooltipped-sw:after {
	margin-right: -15px
}

.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after {
	right: 50%;
	bottom: 100%;
	margin-bottom: 5px
}

.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before {
	top: -5px;
	right: 50%;
	bottom: auto;
	margin-right: -5px;
	border-top-color: rgba(0,0,0,.8)
}

.tooltipped-ne:after {
	right: auto;
	left: 50%;
	margin-left: -15px
}

.tooltipped-nw:after {
	margin-right: -15px
}

.tooltipped-n:after,.tooltipped-s:after {
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%)
}

.tooltipped-w:after {
	right: 100%;
	bottom: 50%;
	margin-right: 5px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}

.tooltipped-w:before {
	top: 50%;
	bottom: 50%;
	left: -5px;
	margin-top: -5px;
	border-left-color: rgba(0,0,0,.8)
}

.tooltipped-e:after {
	bottom: 50%;
	left: 100%;
	margin-left: 5px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}

.tooltipped-e:before {
	top: 50%;
	right: -5px;
	bottom: 50%;
	margin-top: -5px;
	border-right-color: rgba(0,0,0,.8)
}

.tooltipped-multiline:after {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 250px;
	word-break: break-word;
	word-wrap: normal;
	white-space: pre-line;
	border-collapse: separate
}

.tooltipped-multiline.tooltipped-n:after,.tooltipped-multiline.tooltipped-s:after {
	right: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.tooltipped-multiline.tooltipped-e:after,.tooltipped-multiline.tooltipped-w:after {
	right: 100%
}

@media screen and (min-width:0\0) {
	.tooltipped-multiline:after {
		width: 250px
	}
}

.tooltipped-sticky:after,.tooltipped-sticky:before {
	display: inline-block
}

.tooltipped-sticky.tooltipped-multiline:after {
	display: table-cell
}

@media screen and (max-width:767px) {
	body {
		font-size: 1pc
	}

	.container {
		padding-right: 15px;
		padding-left: 15px;
		width: auto
	}

	.post-thumbnail,.post-thumbnail a,.post-thumbnail a:after {
		width: 85px;
		height: 85px
	}

	.post-has-thumbnail .post-body {
		padding-left: 105px;
		height: 85px
	}

	.post-thumbnail img,
	.post-content img {
		width: 100%;
		height: auto
	}

	#primary,#primary.full-page {
		float: none;
		width: auto
	}

	#header {
		padding: 0;
		height: auto;
	}

	.logo,
	.global-nav{
		float: none
	}

	.global-nav {
		padding: 5px 15px 0 15px;
		border-top: 1px solid #eee
	}

	.logo{
		width: auto;
		padding: 0 15px 5px 15px;
	}

	.global-nav .gnli{
		margin-right: 15px
	}

	#header .container {
	    position: relative;
	    height: auto;
	    padding: 10px 0;
	}

	#distant {
		margin-right: -15px;
		margin-bottom: 15px;
		margin-left: -15px;
		padding: 10px 15px;
		border-bottom: 1px solid #ededed
	}

	#sidebar,.search-form,.gnli.dropdown  {
		display: none
	}

	#footer .container {
		padding: 10px 15px;
		font-size: 13px;
		line-height: 1.6
	}

	#content .container {
		padding-top: 0;
		padding-bottom: 0
	}

	.comments-data {
		border-bottom: none
	}

	#notice {
		box-shadow: none;
		margin: 15px 0;
		font-size: 15px;
		padding-left: 10px;
		padding-right: 10px
	}

	#pagenavi {
		padding-bottom: 30px
	}

	.page-numbers {
		height: 32px;
		line-height: 32px;
		padding: 0 11px;
		text-align: center;
		font-size: 18px
	}

	#comments {
		padding-bottom: 0
	}

	.hermit {
		margin-left: -15px;
		margin-right: -15px;
		border-left: none;
		border-right: none
	}
}