/*
Theme Name:ming
Theme URI:http://axiu.me/learning_notes/wordpress_theme_ming/
Version:1.0.4
Author:Axiu
Author URI:http://axiu.me
Description: Ming is a responsive layout theme with classic design. It supports post thumbnails and featured posts. You can use the two widget areas in left and right, and your website will show the left when screen larger than 1000px.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, light, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, translation-ready

ming WordPress theme uses Font Awesome(by Dave Gandy - http://fontawesome.io), licensed under SIL OFL 1.1

ming WordPress theme, Copyright: (c) 2014 Axiu
ming WordPress theme is licensed under the GPL.
*/
/* reset */
	body {
		margin: 0;
		padding: 0;
		border: none;
		background: #f1f1f1;
		font-family: Lucida Sans Unicode,'Microsoft Yahei',Trebuchet MS,Arial,Helvetica,sans-serif;
}
	/*img*/
	img,
	/*box*/
	div, p, blockquote,
	/* heading */
	h1, h2, h3, h4, h5, h6,
	/*list*/
	ul, ol, li, dl, dt, dd,
	/*form*/
	form, fieldset, textarea,
	/*address*/
	address,
	/*strong*/
	strong,
	/*block*/
	article, aside, dialog, figure, footer, header, hgroup, nav, section
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		list-style-type: none;
	}
	.design ul li a,.wordpress ul li a{
	    color: #777;
        font-size: 0.875em;
	}
	/*block*/
	h1{
		font-size:1.6em;
	}
	h2{
		font-size:1.5em;
	}
	h3{
		font-size:1.4em;
	}
	h4{
		font-size:1.3em;
	}
	h5{
		font-size:1.2em;
	}
	h6{
		font-size:1em;
	}
	article, aside, dialog, figure, footer, header, hgroup, nav, section {
		display: block;
	}
	p {
		padding: .5em 0;
	
		word-wrap: break-word;
}
	blockquote {
		margin: 20px 0 20px 15px;
		padding: 8px 10px 5px 10px;
		border: 1px solid #E1E1E1;
		color: #444;
		background:#FAFAFA;
	}
	blockquote  p {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	pre {
		padding: 15px 0;
		margin:10px 0;
		overflow: auto;
		width: 90%;
	}
	code{
	  color: #100;
	  background:#f9f9f9;
	  border: 1px solid silver;
	  margin: 0 0 1.5em 0;
	  padding:2px 3px;
	  overflow: auto;
	}
	table {
		margin: 1em 0;
		border: 1px solid #ccc;
		background-color: #fff;
	}
	table th{
		background-color:#eee;	
	
		padding: 5px 10px;
}
	table td{
		border-right:1px solid #eee;
		border-bottom:1px solid #eee;
	
		padding: 2px 8px;
}
	em {
		font-weight: bold;
		font-style: italic;
	}
	strong {
		font-size: 1em;
		font-weight:bold;
	}
	dl {
		margin-bottom: 1em;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin-bottom: 1em;
	}

	ul,
	ol {
		list-style: none;
		margin: 0 0 1em 1em;
	}

	ul{
		list-style: disc;
	}

	ol{
		list-style: decimal;
	}

	li > ul,
	li > ol {
		margin: 0 0 0 20px;
	}
	/*table*/
	th {
		text-align: left;
		font-weight: normal;
	}
	/*a*/
	a, a:focus, a:active {
		outline:none;
	    color:#307BD1;
		text-decoration: none;
	    color:#307BD1;
	    border-bottom: 1px solid #cdcdcd;
    }
    a:hover{
        color: #183B85;
        border-color: #41b7d8;
    }
    a:link {
        -webkit-tap-highlight-color: #e53b2c;
}
	/*img*/
	img {
		vertical-align: top;
		max-width: 100%;
		height: auto;
	}
	object, framework,embed{
	    max-width:100%;
	}
/* framework 骨架*/
#header{
	margin-right: 0!important;
	margin-right: 450px;
	width: 100%;
	float: left;
	z-index: 9;
	position: relative;  
	background: #444;
	-webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);  box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
}
#sidebar{
	float:left;
	width:300px;
	padding: 4em 0 0 20px;
}
.container{
	margin-right: 350px;
}
#content{
	width:100%;
	float:left;
	margin-right: -350px;
	max-width: 1800px;
}
.minisidebar{
	width: 21%;
	float:right;
	padding-top: 4em;
	padding-bottom: 2em;
	text-align: right;
}

#main{
	width:78%;
	float:right;
	padding: 4em 0 2em;
	box-shadow: 0 0 5px #eee;
	background: #fff;
	border: 1px solid #eaeaea;
}
#footer{
	clear:both;
	padding: 2em 5.5% 1em 3.5%;
	font-size: 0.8125em;
	color: #fff;
	word-wrap: break-word;
	background: #388DCF;  
	box-shadow: 0 -4px 0 0 rgba(0,0,0,0.1);
	z-index: 9;
	position: relative;
}
#footer a{
	color:#eee;
	border-color:#aaa;
}
.support:before {
    content: '\f05a';
    font-family: fontawesome;
    color: #549DD6;
    font-size: 2em;
    margin-right: 10px;
    float: left;
    line-height: 0.65em;
}
/* layout 布局 */

/* header 头部 */
#title{
	padding: 0 3.5% 19px;
	float: left;	
	position: relative;
	z-index: 1;
}
#title a:before {
    font-family: fontawesome;
    content: '\f015';
    font-size: 2em;
    position: absolute;
    left: 0;
    color: #000;
}
#title a{
    border:none;
    padding-left: 60px;
    position: relative;
    top: 8px;
    font-size: 1.4em;
    color: #ddd;
    line-height: 2em;
}
#topnav{
	padding: 10px 0px;
	float: left;
	min-width: 350px;
}
#topnav .toggle {
	position: absolute;
	display: block;
	cursor: pointer;
	padding: 0 3.5% 0 0;
	z-index: 0;
	margin-top: 5px;
}
#topnav .toggle:after {
	content: '\f0c9';
	font-family: fontawesome;
	display: block;
	line-height: 17px;
	width: 34px;
	text-align: center;
	border: 1px solid #e1e1e1;
	padding: 6px 0;
	border: none;
	color: #131313;
}
#topnav ul{
	float:left;
	font-size:20px;
	margin: 10px 0;
	padding-left: 3.5%;
	background: #444;
	z-index: 1;
	position: relative;
	white-space: nowrap;
}
#topnav ul ul{
	margin:0;
}
#topnav ul li{
	display:inline;
	color:#becfde;
	position: relative;
}
#topnav ul .sub-menu,#topnav ul .children{
	display:none;
	position:absolute;
	white-space: nowrap;
	background: #555;
	margin-top: 20px;
	box-shadow:4px 4px 0 0 rgba(0,0,0,0.1);
	border-left: 1px solid #444;
}
#topnav ul .sub-menu li,#topnav ul .children li{
	display:block;
}
#topnav ul .sub-menu .sub-menu,#topnav ul .children .children{
	left:100%;
	top: -20px;
}
#topnav ul .sub-menu li a,#topnav ul .children li a{
	display:block;
	padding: 0.5em 1em;
}
#topnav ul .sub-menu li a:hover,#topnav ul .children li a:hover{
	color:#fff;
	background:#000;
}
#topnav ul li:hover > .sub-menu,#topnav ul li:hover > .children{
	display:block;
	padding-left: 0;
}
#topnav ul li a{
    text-decoration:none;
    color: #eee;
    font-size: 0.875em;
    border: none;
    padding: 20px 16px;
}
#topnav ul li.current_page_item a{
	background: #388DCF;
	color: #fff;
}
/* minisidebar 左边栏 */
.minisidebar .widget-container{
	margin-right: 1em;
}
.minisidebar li a{
    font-size: 1em;
    color: #307BD1;
}
.minisidebar li li:after{
	content:'\f104';
	font-family:fontawesome;
	color:#999;	
	margin-left:5px;
}
.minisidebar li li a{
    color: #777;
    font-size: 0.875em;
	
}
.minisidebar li li .comm_name{
    display:block;
}
.minisidebar .cat-with-tags{
    margin-bottom:0.5em;
}
/* main 主页面文章 */
.section.home .post{
    padding: 0 5.5% 2em;
    clear: left;
}
.section.home .post .entry-title{
    margin-bottom: 1em;
    font-size: 1.15em;
}
.section.home .post .entry-title a,.section.archive .post .entry-title a{
    color: #333;  
    font-size: 1.2em;
    text-decoration: none;
}
.section.home .thumb{
    float: left;
    margin: 4px 0.75em 4px 0;
    width: 182px;
    height: auto;
    float: left;
}
.section.home .post .info{
    min-height: 1.5em;
    margin-bottom: .4em;
}
.section.home .post .infometa{
	padding: 3px;
	float:left;
	font-size:0.75em;
	color:#999;
}
.section.home .post.sticky .infometa,.section.home .post.sticky .infometa a{
	color: #9E1717;
}
.section.home .infometa a{
	color:#999;
	text-decoration:none;
}
.seprator{
    float: left;
    color: #aaa;    
}
.section.archive .seprator{
	float:none;
}
.section.home .indexentry{
    font-size: 0.875em;
    line-height: 1.6em;
    color: #666;
}
.section.home .indexentry div{
	max-width:100%;
}
.section.home .ratings{
    float: left;
    margin-left: 10px;
}
/* article 主文章 */
#breadcrumb{
	padding: 0 5.5% 1em;
	color: #555;
	font-size: 0.875em;
	position: relative;
}
#breadcrumb:before{
	font-family:fontawesome;
	content:'\f041';
	margin-right:0.65em;
	color:#888;
}
#breadcrumb .more-cat{
    position: absolute;
    background: #fff;
    padding: 0.75em 1em 1em 1em;
    line-height: 1.7em;
    box-shadow: 2px 2px 3px #ccc;
    left: -1px;
    top: 16px;
    display: none;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    min-width: 100px;
    color: #aaa;
}
#breadcrumb .more-cat ul{
	margin-left:0;
}
#breadcrumb .more-cat li{
	list-style:none;
}
#breadcrumb .more-cat li li{
	display:none;
}
.mini-select{
	display:none;
}
#breadcrumb:hover .tria-more{
}

#breadcrumb:hover a{
    color:#307BD1;
}
#breadcrumb a{
	color:#AAA;
}
#breadcrumb a:hover{
	color:#555;
}
#breadcrumb .tria-more{
    display: inline-block;
    position: relative;    
    width: 18px;
    height: 18px;
    z-index: 11;
}
#breadcrumb .tria-more .icon{
	font-family:fontawesome;
	margin-left:5px;
	color:#888;
	cursor: pointer;
}
#breadcrumb .tria-more:hover .more-cat{
    display:block;
}
#breadcrumb .more-cat span{
    border-bottom: 1px solid #ddd;
    display: block;
}
.section .post ul li,.comment-body ul li{
	list-style:disc inside;
}
.section .post ol li,.comment-body ol li{
	list-style:decimal inside;
}
.section .post div{
	max-width:100%;
}
.section.single .post{
    padding: 0 5.5% 1em;
    line-height: 1.4em;
}
.section.single .post .entry-title{
    margin-bottom: 0.55em;
    font-size: 1.3125em;
    line-height: 1.5em;
}
.section.single .infometa.author{
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.75em;
    margin-bottom: 1em;
    color: #aaa;
    font-size: 0.876em;
    font: italic 95% Georgia, "Times New Roman", Times, microsoft yahei,serif;  text-transform: lowercase;
}
.section.single .infometa.author a{
    font: normal 95% microsoft yahei;
}

.section.single .infometa .ratings{
    display: inline-block;
    margin-bottom: -6px;
    margin-left: 10px;
    margin-top: 0;
}
.section.single .info{
    display:block;
    overflow:hidden;
    margin-bottom:1em;
    position: relative;
}
.section.single .info .bdlikebutton-medium-blue{
    float:left;
    margin-right:1em;
}
.section.single .infometa.time, .section.single .infometa.cats{
    color:#aaa;
    font-size:0.875em;
    line-height: 1.75em;
    margin-right: 40px;
}
.section.single .infometa.cmts{
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.section.single .infometa.cmts a{
	line-height: 3em;    
}
.section.single .infometa.cmts a:before{
	font-family:fontawesome;
	content: '\f0e6';
	color: #9B9B9B;
	margin-right:5px;
	font-size: 1.2em;
}
.section.single .postinfo{
	background: #f7f7f7 url(images/bg-share.png) 10px 50% no-repeat;
    
	padding: 10px 0px 10px 50px;
	color: #777;
	line-height: 1em;
	box-shadow: 0 0 2px #ccc;
	margin-top: 1em;
	position: relative;
	word-wrap: break-word;
	min-height: 28px;
}
.section.single .post .body{
    font-size:0.875em;
}
.section.archive .post, .section.themes .post{
    font-size: 0.8125em;
    padding: 1em 5.5% 1.45em;
    line-height: 1.4em;
    border-bottom:1px solid #eee;
    word-wrap: break-word;
}
.section.archive .post .entry-title{
	font-size:1em;
}
.section.archive .post .entry-title a{
    font-size: 1.2em;
    line-height: 1.2em;
}
.section.archive .infometa{
    margin: 0.75em 0;
    color: #aaa;
    font-size: 1em;
}
.archive .order-choose{
	padding: 1em 5.5% 0.5em;
	overflow: hidden;
}
.archive .order-choose li{
	float:left;
}
#expand_collapse{
    padding-top:10px;
}
.archive .orderbtn, #expand_collapse{
    display: inline-block;
    margin: 3px 10px 3px 0;
    padding: 4px 8px;
    font-size: 0.75em;
    background: rgb(231, 231, 231);
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 1px 1px rgba(29, 29, 29, 0.3),0 0 2px 1px rgba(90, 90, 90, 0.2);
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.7);
    float: left;
    position: relative;
    color: #777;
}
.archive .orderbtn:active, .archive .orderbtn.current {
    box-shadow: 
        inset 0 -2px 1px rgba(255,255,255,0.2), 
        inset 0 3px 2px rgba(0,0,0,0.12);
}
.related-title,.relatedposts{
    padding: 0 5.5% 1em;
    font-size: 0.875em;
    font-weight: 700;
}
.related-title a{
    display: inline-block;
    margin: -3px 5px 3px 0;
    padding: 4px 8px;
    font-size: 0.75em;
    background: rgb(231, 231, 231);
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.7);
    float: left;
    position: relative;
    color: #777;    
}
.related-title a:active{
    box-shadow: 
        inset 0 -2px 1px rgba(255,255,255,0.2), 
        inset 0 3px 2px rgba(0,0,0,0.12); 
}
.relatedposts li{
    padding-bottom:0.25em;
    margin-top:0.25em;
    border-bottom: 1px solid #eee;
    font-size: 1em;
    color: #777;
    clear: right;
    min-height: 21px;
}
.relatedposts li a{
    margin-left:1em;
    border: none;
}
.relatedposts li .cmt_num{
    float:right;
}
.flip,.tags{
    padding: 1em 5.5% 1em;
    clear: both;
    display: block;
    overflow: hidden;
}
.tags{
	font-size:0.85em;
	margin-left: 11px;
}
.tags a {
    background: #929191;
    padding: 3px 5px;
    position: relative;
    line-height: 35px;
    margin-right: 15px;
    border: none;
    color: #fff;
}
.tags a:before{
    content:'';
    border-color: transparent #929191 transparent transparent;
    border-width: 12px;
    display:block;
    position:absolute;
    left: -24px;
    border-style: solid;
    top: 0px;
}
.tags a:after{
    content:'';
    border-radius:10px;
    border-width: 3px;
    display:block;
    position:absolute;
    left: -3px;
    border-style: solid;
    top: 8px;
    border-color: #fff;
}
.prevpost:before{
	font-family:fontawesome;
	content:'\f104';
	margin-right:10px;
}
.nextpost:after{
	font-family:fontawesome;
	content:'\f105';
	margin-left:10px;
}
.nextpost{
    float: right;
    text-align: right;
}
.prevpost a,.nextpost a{
    color: #7f7f7f;
    padding: 0;    
    word-wrap: break-word;
    font-size: 0.875em;
}
/* pagination 分页 */
.page_navi .pages,.page_navi .page-numbers{
    display: inline-block;
    padding: 5px 10px;
    font-size:0.75em;
    background: rgb(231, 231, 231);
    border: none;
    float: left;
    position: relative;
    color: #777;
}
.page_navi .current{
	background:#444;
	color:#eee;
}
.page_navi{
    margin-left: 5.5%;
    position: relative;
    display: block;
    margin-top: 2%;
    float: left;
    z-index: 0;
}

/* header 顶部 */
#header .search {
	display: block;
	-webkit-transition: width .25s ease;
	-moz-transition: width .25s ease;
	-o-transition: width .25s ease;
	transition: width .25s ease;
	z-index: 1;
	right: 0;
	position: absolute;
	top: 0;
}
.search-toggle{
    cursor: pointer;	
    float: right;
    z-index: 2;
}
.search-toggle:after {
    width: 52px;
    height: 63px;
    display: block;
    content: '\f002';
    font-family: fontawesome;
    color: #ddd;
    float: right;
    line-height: 61px;
    background: #388DCF;
    text-align: center;
    font-size: 1.4em;
}
#header .search #search-btn:before{
	content: '\f002';
	font-family:fontawesome;
	color: #9E9E9E;
	font-size: 1.2em;
	line-height: 1.6em;
}
#header .search #search-btn:hover:before{
	color:#ddd;
}
#header .search #search-btn {
	width: 36px;
	height: 28px;
	float: right;
	text-align: center;
}
#header .search #search-btn #gs{
	text-indent:-999em;
    cursor: pointer;
    width: 50px;
    height: 28px;
	position:relative;
	border: none;
	background: transparent;
}
#header .search-inner {
	float: right;
	margin-right: 17px;
	height: 30px;
	display: block;
	margin-top: 19px;
}
#header .search-inner.hide{
	display:none;
}
#header .search .left, .search .right {
	background-color: #a2a2a2;
	position: absolute;
}
#header .search .left, .search .right {
	height: 5px;
	width: 1px;
}
#header .search .left {
	background-color: #ccc;
	left: 0;
	bottom: 0;
}
#header .search .right {
	background-color: #ccc;
	right: -4px;
	bottom: 0;
}
#header .search form input {
	background-color: #6f6f6f;
	border: none;
	border-bottom: 1px solid #ccc;
	color: #fff;
	font-size: .95em;
	height: 29px;
	margin-left: 0;
	outline: none;
	padding: 0 0 0 4px;
	position: relative;
	width: 210px;
	float: left;
}
#header .search:hover form input {
  border-bottom:1px solid #33B5E5;
}

#header .search:hover .bottom, .search:hover .left, .search:hover .right {
	background-color: #33b5e5;
}

#header .search:hover #search-btn {
	background-position: 0 -28px
}

#header .search form input:focus {
	color: #fff;
}
/* sidebar 主边栏 */
#sidebar li a{
    color: #307BD1;
}
.widgettitle{
padding: 0 0 6px;
color: #444;
display: block;
}
.widget-container{
    margin-bottom: 1em;
}
.widget-container ul{
	padding: 0 5px 10px 5px;
	font-size: 0.8125em;
	line-height: 1.125em;
	border-top: 1px solid #eee;
	margin-left: 0;
}
.widget-container ul li{
    padding: 0.35em 0;
    color: #777;
    line-height: 1.45em;
}
#sidebar .widget-container ul li:before{
	content: '\f105';
	font-family:fontawesome;
	margin-right:3px;
	color:#999;
	
}
#sidebar .widget-container ul.recentcomments li{
    min-height: 40px;
    padding-left: 0;
    background: none;
}
.widget-container ul.recentcomments .avatar{
    margin-right:5px;
}
.rc_cmt_text{
}
.rc_cmt_author{
    display:inline-block;
}
.rc_cmt_date{
    display:inline-block;
    margin-left: 1em;
}
.cat_cmt{
    margin-left:1em;
}
/* comments 评论 */

#pagewrap{
	width: 1140px;
	max-width: 98%;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}
#commentsx{
	font-size:1em;
	margin-top:1em;
}
#comments,.nocomments{
    padding: 0 5.5% 1em;
    font-size: 1.15em;
}
.nocomments{
	display:none;
}
#trackback{
    padding: 0 5.5% 1em;
    color:#999;
}
#trackback h2{
    color:#000;
    margin-bottom: 0.5em;
}
#trackback .log{
    font-size:0.875em;
}
#reply-title{
	font-size:1.2em;
}
#respond{
    clear:left;
    padding: 0 5.5% 1em;
}
#respond #submit{
    display: inline-block;
    margin: 10px 10px 10px 0;
    padding: 8px 35px;
    background: #307BD1;
    text-decoration: none;
    text-shadow: 0 1px #555;
    color: #fff;    
    cursor: pointer;
    border-color: #3EA2F3;
    border-width: 0 0 5px 0;
}
#respond #submit:active {
    box-shadow: 
        inset 0 -2px 1px rgba(255,255,255,0.2), 
        inset 0 3px 2px rgba(0,0,0,0.12);
}
.comment-notes{
	font-size:0.875em;color:#aaa
}
.comment-form label {
	display: block;
}
.comment-form-author,.comment-form-email,.comment-form-url{padding:5px 0;font-size: 0.875em;}
.input-text{border:4px solid #D4E4E8;border-radius:3px;display:block;padding:0;clear:left;float:left;}
#url,#email,#author,#commentform textarea{padding:6px 4px;border:1px solid #A1C8D3;margin-bottom:0 0 10px 0;}
#url,#email,#author{margin-right:1em;width: 52%;}
#commentform textarea{height:10em;width:70%;}
.comment-form-comment .input-text{clear:right;}
#author_info p{line-height:32px;}
.comment-form-comment label,.form-allowed-tags{display:none;}
#author_info label{margin-left:10px;}
#smiley{display:block;padding-top: 15px;}
#smiley a{margin-right:3px}
.wp-smiley{margin-bottom:-3px}
.section.single .page_navi{
    margin-left:0;
}
.section.single .page_navi::after{
    background:none;
    box-shadow:none;
}
.commentlist, .section.single .page_navi, .section.single #respond{
    padding: 0 5.5% 2em;
    position: relative;
}
.commentlist li{
	position: relative;
}
.avatar{
    float:left;
    position: absolute;
    left: 0;
}
.commentlist .comment-body{
	position:relative;
	border-top: 1px solid #ddd;
	padding-bottom: 1.25em;
}
.commentmetadata, .comment-author{
    padding-left: 50px;
}
.commentmetadata{
    font-size: 0.8125em;
    margin-bottom: 0.45em;
}
.comment-author{
    font-size:0.8125em;
    color:#888;
    margin-top: 1em;
}
.comment-author .fn{
	font-style:normal;
	margin-right:3px;
}
.reply{
    position:absolute;
    right:0;
    bottom: 1.8em;
}
.children{
    margin-left:2em;
}
.children .avatar{
    zoom:0.9;
}
.children .tria{
	left: 30px;
	border-width: 7px;
	top: 7px;
}
.entry-title.wp-caption{
	padding: 1em 5.5% 1.45em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 1.3em;
}

.wp-caption.page-cat,.wp-caption.page-title{
	background: #fafafa;
	padding: 1em 5.5% 1.45em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 1.3em;
}
/* 2 column layout */
@media screen and (max-width: 1000px) {
    #title{
        float:none;
	
        padding-bottom: 15px;
	}
	#topnav .toggle {
		position: relative;
	
		padding-left: 3.5%;
}
	#topnav ul {
		background: #388DCF;
	
		display: none;
}
    .minisidebar{
       display:none; 
    }
	#content{
		margin-right:-250px;
	}
	.container{
		margin-right: 250px;
	}
	#sidebar{
		width:230px;
	}
    #main{
	    float: right;
        width: 100%;
	    padding: 2em 0;
	}
    #topnav{
        float: none;
        padding: 10px 0 10px;
    
        background: #388DCF;
        display: block;
        overflow: hidden;
}
	#topnav ul li a{
		padding: 5px 10px;
	}
    #header .search{
    
        /* right: 0; */
}
}

/* 1 column layout */
@media screen and (max-width: 760px) {
    #title{
        float:none;
        text-align: center;
	}
    #topnav{
        text-align: center;
	}
	#topnav .toggle {
		left: inherit;
	
}
	#topnav ul{
		float:none;
		display:none;
	
		margin-bottom: 40px;
}
	#topnav ul li a{
		display:block;
	
		border-top: 1px dotted #555;
		padding: 15px 10px;
}
	#topnav ul li:hover .sub-menu{
		display:none;
	}
	#header.search{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#sidebar{
		float:none;
		display: inline-block;
		width: 100%;
		padding-left: 0;
	}
	#main{
	    border-top-right-radius: 0;
	}
    #sidebar{
		padding: 2em 5.5% 2em;
    
		width: 89%;
}
    #sidebar .jiathis_style_32x32{
        border:none;
    
        padding-left: 3.5%;
        padding-right: 0;
        width: 100%;
}
	#content, .container{
	    margin-right:0;
	    display: block;
	}
	#header .search{
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		max-width: 100%;
    
		position: relative;
		margin-top: -54px;
	}
	.search-toggle:after{
		height:54px;
	
		line-height: 55px;
}
	#header .search-inner{
		margin-top:14px;
		margin-right:15px;
	}
	#header .search form input{
		background: #4597D6;}
	#url,#email,#author{
        margin-right:1em;
        width: 62%;
    }
    #commentform textarea{
        width:80%;
    }
    #footer{
        padding-left: 5.5%;
    }
}

/* small 1 column */
@media screen and (max-width: 600px) {
	#breadcrumb,.section.single .info .bdlikebutton-medium-blue{
		display:none;
	}
	.mini-select{
		display:block;
		padding: 0 5.5% 2em;
}
    .mini-select #subsection-select{
        width:100%;
    }
	.children{
        margin-left:0;
    }
    .section.single .postinfo{
        background-image: none;
        padding-left: 10px;
    
}
    #url,#email,#author{
        margin-right:1em;
        width: 72%;
    }
    #commentform textarea{
        width:90%;
    }

}
/* iphone landscape */
@media screen and (max-width: 480px) {
    .relatedposts li{
        min-height:42px;
    }
}

/* iphone portrait */
@media screen and (max-width: 320px) {
	#topnav {
		float: none;
		text-align: center;
		max-width: 300px;
		min-width: 100px;
	}
	#topnav ul li{
		display:block;
	}
	.page_navi::after{
	    position:relative;
	}
    #header .search{
		float: none;
		/* margin-right: 3.5%; */
		margin-bottom: 15px;
    }

}
/* others */
.clear{clear:both;float:none;}
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}
.bypostauthor{

}
@font-face{font-family:'FontAwesome';src:url("font/fontawesome-webfont.eot?v=3.0.1");src:url("font/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"),url("font/fontawesome-webfont.woff?v=3.0.1") format("woff"),url("font/fontawesome-webfont.ttf?v=3.0.1") format("truetype");font-weight:normal;font-style:normal}