/*
Theme Name:plain
Theme Author:博客吧
Theme Url:http://www.boke8.net/zblog-php-plain.html
*/
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {background:#fff; font:100%/1.75 'Microsoft Yahei',tahoma,Arial;}
a {text-decoration:none; color:#339E67;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {border-collapse:collapse; border-top:1px solid #ccc; border-left:1px solid #ccc;}
table td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
/*header*/
.header {background:#339E67; height:50px; width:94%; padding:0 3%; position:fixed; border-bottom:2px solid #ddd; opacity:0.9; z-index:2;}
.header .logo {width:170px; padding-top:5px; float:left; height:40px;}
.header .logo a {display:block;}
.header .logo img {width:100%; height:auto; display:block;}
.header .search-form {float:right; margin:10px 0 0; width:30%;}
.header .search-form input {float:left;}
.header .search-form .s {height:30px; border:1px solid #27935c; line-height:28px; width:70%; padding:0 3%; background-color:#fff; opacity:0.8; box-sizing:border-box;}
.header .search-form .submit {height:28px; background:#fff; border:none; margin-top:1px; cursor:pointer; width:22%;}
/*nav*/
.nav {width:20%; background:#F2F2F2; position:fixed; left:0; top:52px; height:200%; border-right:2px solid #dedede; opacity:0.8; z-index:2;}
.nav ul {border-bottom:1px solid #fff;}
.nav ul li ul{border-bottom:none;}
.nav ul li li a {padding-left:20%;}
.nav a {display:block; padding-left:15%; height:45px; line-height:45px; border-top:1px solid #fff;border-bottom:1px solid #dedede; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666;}
.nav a:hover {background:#fff; border-right:2px solid #fff; margin-right:-2px; color:#000;}
.nav a i.icon-tasks,.nav a i.icon-desktop,.nav a i.icon-comments {font-size:0.85em;}
.btn,.searchbtn {color:#fff; font-size:1.7em; position:absolute; left:3%; top:10px; display:none; cursor:pointer; width:24px; height:27px; line-height:1em;}
.searchbtn {left:auto; right:3%;}
.nav.display,.header .search-form.display {display:block;}
/*wrap*/
.wrap {padding:70px 5% 30px 25%;}
.ad {width:100%; height:auto; margin-bottom:15px; text-align:center; overflow:hidden;}
.ad a {display:block;}
.ad img {display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.post {clear:both; overflow:hidden; padding-bottom:20px; border-bottom:1px dotted #E4E4E4; margin-bottom:20px;}
.post h2 {font-weight:normal; font-size:1.25em; margin-bottom:15px;}
.post h2 i {color:#F15A5A;}
.post h2 a{color:#555;}
.post h2 a:hover,.post .postmeta span a:hover {color:#C83025;}
.post h2 span {background:#AACD06; color:#fff; font-size:0.7em; padding:0 5px; margin-right:10px; border-radius:2px;}
.post .postmeta {font-size:0.75em; border-bottom:2px solid #F4F4F4; color:#888; margin-bottom:20px;}
.post .postmeta span {border-bottom:1px solid #C7C7C7; padding:7px 0; margin-right:2%; display:inline-block; float:left;}
.post .entry {font-size:0.875em; overflow:hidden;}
.post .entry img {width:auto; max-width:100%; height:auto;}
.post .entry p {margin-bottom:15px; text-align:justify;}
.post .entry p.more {text-align:right;}
.post .entry p.more a {background:#3ba26d; color:#fff; padding:5px 15px;}
.post .entry p.more a:hover {background:#2f9862;}
.post .thumbnail {width:25%; float:left; height:auto; margin-top:5px; margin-right:2%; display:inline; overflow:hidden;}
.post .thumbnail a {display:block; border:1px solid #ddd; padding:2px; background:#fff; overflow:hidden;}
.post .thumbnail img {width:100%; height:auto; display:block; transition:transform 0.4s ease 0s;}
.post .thumbnail img:hover {transform:scale(1.3,1.3); transition:transform 0.4s ease 0s; opacity:0.8;}
.post .related {margin-bottom:15px;}
.post .related h3,.commentlist h3,.comment-form h3 {font-size:0.875em; color:#555; margin-bottom:15px; border-bottom:1px solid #eee;}
.post .related ul li {font-size:0.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:2em;}
.post .related ul li a {color:#555;}
.post .related ul li a:hover {text-decoration:underline; color:#339E67;}
.post .tags {margin-bottom:15px; font-size:0.75em; color:#34495E; text-align:center;}
.post .tags a {background:#F04848; color:#fff; padding:2px 5px; margin:2px;}
.post .tags a:hover {background:#5CB185;}
.post .post-copyright {margin-bottom:15px; font-size:0.75em; background:#f1f1f1; padding:5px 10px; color:#888;}
/*commentlist*/
.commentlist ol li {position:relative; clear:both; margin-bottom:15px;}
.commentlist ol li .gravatar {position:absolute; left:0; top:3px; width:40px; height:40px;}
.commentlist ol li .gravatar img {display:block; width:100%; height:auto;}
.commentlist ol li .cmtInfo {padding-left:45px;}
.commentlist ol li .cmtInfo p {font-size:0.875em;}
.commentlist ol li .cmtInfo p.time {font-size:0.75em; color:#666;}
.commentlist ol li .cmtInfo p span {float:right; font-size:0.75em;}
.commentlist ol li .cmt-con {font-size:0.75em; margin-top:10px;}
.commentlist ol li li {margin-left:35px; margin-top:15px; margin-bottom:0;}
.comment-form p {overflow:hidden; clear:both; margin-bottom:10px; font-size:0.875em;}
.comment-form .text {height:30px; line-height:30px; border:1px solid #dedede; width:60%; padding:0 1%;}
.comment-form label {font-size:0.875em; margin-left:10px;}
.comment-form textarea {border:1px solid #dedede; width:60%; height:150px; padding:5px 1%;}
.comment-form .submit {cursor:pointer; border:none; background:#5CB185; color:#fff; padding:5px 10px; font-weight:bold; font-size:0.875em;}
/*pagenavi*/
.pagenavi {clear:both; text-align:center; font-size:0.875em;}
.pagenavi a,.pagenavi span.now-page {margin:0 5px; padding:3px 5px; color:#aaa; border-bottom:2px solid #ccc; font-weight:bold;}
.pagenavi a:hover,.pagenavi span.now-page {color:#339E67; border-color:#339E67;}
/*footer*/
.footer {clear:both; padding:0 5% 0 25%; font-size:0.75em; color:#888; text-align:center;}
.footer p {margin:5px 0;}
.friendlinks {overflow:hidden;}
.friendlinks  ul li {display:inline-block; margin:2px 5px;}
/*media*/
@media only screen and (max-width:640px){
	.header .logo {
		float:none;
		margin:0 auto;
		display:block;		
	}
	.btn,
	.searchbtn {
		display:block;
	}
	.nav {
		display:none;
		width:50%;
		opacity:1;
	}
	.wrap {
		padding:70px 5% 30px 5%
	}
	.header .search-form {
		background:#fff;
		position: absolute;
		top: 45px;
		right: 3%;
		width: 50%;
		display:none;
	}
	.header .search-form .submit {
		background:#5CB185;
		color:#fff;
		height:30px;
		margin-top:0;
		width:23%;		
	}
	.footer {
	    padding:0px 5%;
	}
}
@media only screen and (max-width:980px){
	.post .thumbnail {
		width:35%;
	}
}
@media only screen and (max-width:480px){
	.post .thumbnail {
		width:40%;
	}
	.post .postmeta {
		display:none;
	}
	.post h2 {
		border-bottom:1px solid #eee;
		padding-bottom:5px;
	}
}
@media only screen and (max-width:320px){
	.post .thumbnail {
		width:100%;
		float:none;
		margin:0 auto 15px;
		display:block;
	}
}