/*
Theme Name: JieStyle
Theme URI: http://tangjie.me/jiestyle
Version: 1.0
Description: 响应式Web设计，自适应电脑、平板电脑、移动设备。
Author: 唐杰
Author URI: http://tangjie.me
Tags: gray,silver,two-columns,right-sidebar,fixed-width,flexible-width,custom-menu,featured-images,theme-options
*/
body {
	margin: 0;
	background-color: #fcfcfc;
	font-family: Tahoma,'Microsoft Yahei','Simsun';
	font-size: 14px;
	color: #333;
	height: 100%
}

ul,li,img,p,ol,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0
}

a {
	color: #688dad;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.int {
	display: none
}

@font-face {
	font-family:'iconfont';src:url('font/iconfont.eot');src:url('font/iconfont.eot?#iefix') format('embedded-opentype'),url('font/iconfont.woff') format('woff'),url('font/iconfont.ttf') format('truetype'),url('font/iconfont.svg#uxiconfont') format('svg')
}

.iconfont {
	font-family: "iconfont"!important;
	font-size: 16px;
	font-style: normal;
	padding: 0 5px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden
}

#content {
	width: 728px;
	float: right;
	padding: 0 0 20px 0
}

#sidebar {
	width: 238px;
	background: #596d7f url(images/noize.png) repeat 100% 0;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
	border-left: 1px solid rgba(0,0,0,0.50);
	border-right: 1px solid rgba(0,0,0,0.50);
	float: left;
	position: fixed;
	margin-top: -1px;
	z-index: 100;
	height: 100%
}

#logo {
	text-align: left;
	padding: 30px 0 0 30px
}

#logo a {
	border: 0
}

#logo img {
	display: inline
}

#menu {
	float: left;
	text-align: left;
	font-family: Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 17px;
	margin-top: 40px;
	margin-bottom: 20px;
	position: relative;
	z-index: 100;
	padding: 0 0 0 22px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5)
}

.menu-v ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 200px;
	background: transparent url(images/menu-line.png) no-repeat center bottom
}

.menu-v ul li {
	position: relative;
	padding-right: 5px;
	background: transparent url(images/menu-line.png) no-repeat center top;
	padding: 0
}

.menu-v ul li a {
	display: block;
	color: white;
	text-decoration: none;
	padding: 12px 0 10px 20px;
	padding-right: 17px;
	background: transparent;
	color: #f0f0f0;
	text-decoration: none;
	border: 0
}

.menu-v ul li a.active,.menu-v ul li a.selected,.menu-v ul li a:hover {
	text-decoration: none;
	background: transparent url(images/menu-hover.png) repeat-y left top;
	color: #fff
}

.menu-v ul li ul {
	position: absolute;
	width: 130px;
	top: 0;
	visibility: hidden;
	text-align: left;
	padding: 0 15px;
	margin-left: 0;
	background: #596d7f url(images/noize.png) repeat top center;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
	border: 1px solid rgba(0,0,0,0.30);
	font-size: 14px;
	line-height: 20px
}

.menu-v ul li ul li {
	background: transparent url(images/dropdown-line.png) repeat-x left top
}

.menu-v ul li ul li:first-child {
	background: 0;
	padding-bottom: 0
}

.menu-v ul li ul li a {
	padding: 12px 0
}

.menu-v ul li ul li a.active,.menu-v ul li ul li a.selected,.menu-v ul li ul li a:hover {
	background: 0
}

.sidebox {
	width: 200px;
	margin: 0 auto 50px auto
}

.weixin {
	text-align: center
}

.searchform input {
	background: transparent url(images/search.png) no-repeat top right;
	width: 180px;
	padding: 4px 10px 6px;
	height: 21px;
	border: 0;
	font-size: 10px;
	font-style: italic;
	color: #f0f0f0;
	float: right;
	outline: 0
}

.primary {
	width: 500px;
	float: left;
	padding-right: 25px;
	background: transparent url(images/line-v.png) repeat-y right
}

.secondary {
	width: 180px;
	float: right
}

.uptop {
	margin: 20px 0;
	font-size: 16px
}

.uptop span {
	color: #F00;
	font-weight: 300
}

.post {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 10px;
	background: transparent url(images/line.png) repeat-x bottom;
	overflow: hidden
}

.info {
	margin: 20px 0;
	overflow: hidden
}

.date {
	background-color: #eee;
	height: 50px;
	width: 50px;
	float: left;
	padding-left: 1px;
	margin-right: 15px;
	text-align: center;
	color: #6d6d6d;
	font-style: italic;
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;
	border-bottom-left-radius: 75px;
	border-bottom-right-radius: 75px
}

.date .day {
	font-size: 16px;
	padding-top: 6px;
	margin-left: -2px
}

.date .month {
	font-size: 12px;
	text-transform: uppercase;
	margin-top: -1px
}

.meta {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.meta .title {
	margin: 0 0 6px 0;
	font-size: 18px;
	line-height: 22px
}

.meta .title a {
	color: #333
}

.meta .title a:hover {
	color: #ab4d63;
	text-decoration: none
}

.meta i {
	color: #999;
	padding: 0;
	font-size: 12px
}

.meta .comments,.meta .the {
	float: left;
	font-style: italic;
	font-size: 10px;
	margin-right: 20px
}

.meta .tags {
	font-size: 10px;
	font-style: italic
}

.meta .comments a,.meta .tags a {
	color: #999
}

.post p {
	line-height: 20px;
	margin-bottom: 20px;
	font-size: 14px
}

.post .more {
	font-style: italic;
	font-size: 13px;
	margin-left: 20px
}

.secondary .widget,.secondary .comments {
	margin: 0 auto 30px auto;
	width: 180px
}

.secondary .widget h3,.secondary .comments h3 {
	color: #4a4a4a;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	text-shadow: none
}

.secondary .widget ul li {
	background: transparent url(images/bullet.png) left 8px no-repeat;
	padding-left: 15px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.secondary .comments ul li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 15px
}

.secondary .comments ul li img {
	margin-right: 5px
}

.secondary .comments ul li a {
	color: #999;
	font-size: 13px
}

.pagination span,.pagination a {
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 24px;
	margin: 0 2px 0 2px;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 5px
}

.pagination .current {
	height: 22px;
	width: 22px;
	color: #ab4d63;
	border: 1px solid #CCC;
	font-weight: bold;
	background: #f0f0f0
}

.pagination a:hover {
	color: #333;
	border: 1px solid #888;
	text-decoration: none;
	background: #f0f0f0
}

.pagination .page_previous,.pagination .page_next {
	width: 70px;
	height: 22px;
	text-align: center
}

.pagination .fir_las {
	width: 36px;
	height: 22px;
	text-align: center
}

.name,.name a {
	font-size: 24px;
	margin: 20px 0 10px 0;
	padding: 0;
	font-weight: normal;
	color: #333
}

.description {
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal
}

.text {
	line-height: 26px;
	font-size: 14px;
	color: #333
}

.text h3 {
	font-size: 16px;
	color: #60F;
	margin-bottom: 10px
}

.text h4 {
	font-size: 14px;
	color: #090;
	text-indent: 26px;
	margin-bottom: 5px
}

.text h5 {
	font-size: 14px;
	border: 1px dashed #DDD;
	background: #f1f1f1;
	padding: 4px 10px;
	margin: 15px 0
}

.text p {
	margin-bottom: 10px;
	text-indent: 26px
}

.text img,.text iframe {
	max-width: 100%
}

.text blockquote {
	border: 1px dashed #ddd;
	background: #f1f1f1;
	padding: 10px;
	margin: 10px 0
}

.text blockquote p {
	text-indent: 0;
	margin-bottom: 0
}

.article .tags,.article .tags i {
	font-size: 12px
}

.text_add {
	margin: 20px 0 0 0;
	overflow: hidden
}

.text_add .copy {
	float: left
}

.text_add .share {
	float: right
}

.post_link {
	font-size: 12px;
	overflow: hidden;
	color: #999;
	margin: 15px 0
}

.post_link a {
	font-size: 12px;
	color: #999
}

.post_link .prev {
	float: left
}

.post_link .next {
	float: right
}

.dashang {
	text-align: center;
	padding: 20px;
	border: 1px solid #CCC;
	background: #FFF;
	margin-top: 15px
}

.dashang .btn_ds {
	display: inline-block;
	width: 82px;
	height: 82px;
	background: url("images/dashang.png") no-repeat;
	_background: url("images/dashang.gif") no-repeat
}

.dashang a:hover {
	background-position: 0 -82px
}

.dashang .ds_txt {
	display: block;
	color: #9d9d9d;
	font: 14px/2 "Microsoft Yahei"
}

#comments {
	margin-bottom: 20px;
	padding: 20px 30px 10px 30px;
	background-color: #FFF;
	box-shadow: 0 1px 2px 0 #CCC;
	overflow: hidden
}

#comments h3 {
	border-bottom: 1px dashed #CCC;
	padding: 0 0 10px 20px;
	margin: 0 -30px
}

.comment_list {
	margin-bottom: 30px
}

.comment_list li {
	border-bottom: 1px dashed #e5e5e5;
	margin: 0;
	padding: 10px 0
}

.avatar {
	float: left;
	width: 40px;
	margin-top: 2px
}
.avatar img{
	width: 40px;
	height: 40px;
}

.comment {
	overflow: hidden;
	padding-left: 10px
}

.comment_meta {
	overflow: hidden
}

.comment_meta cite,.comment_meta cite a {
	font-style: normal;
	color: #000
}

.comment_meta cite a:hover {
	color: #F60
}

.comment_meta .time {
	font-size: 11px;
	color: #999;
	padding-left: 5px
}

.comment_meta .reply,.comment_meta .edit_link {
	float: right;
	padding-right: 10px;
	margin-top: -2px
}

.comment_meta .reply a,.comment_meta .edit_link a {
	font-size: 12px;
	color: #666
}

.comment_meta .reply a:hover,.comment_meta .edit_link a:hover {
	color: #F60
}

.comment p {
	font-size: 13px;
	color: #666;
	padding-right: 10px;
	padding-top: 3px
}

#comments .children {
	background-color: #f9f9fa;
	margin: 10px 0 0 46px
}

#comments .children li {
	padding-left: 10px
}

.comment_list ol ol {
	border: 1px dashed #e5e5e5;
	border-bottom: 0
}

.comment_nav {
	overflow: hidden;
	margin-bottom: 30px
}

#respond {
	margin: 20px
}

#respond h3 small a {
	margin-left: 15px;
	font-size: 12px
}

#respond .required {
	color: #F00
}

#respond p {
	clear: both;
	margin-top: 5px;
	overflow: hidden
}

#respond label {
	padding-left: 5px
}

#respond input,#respond textarea {
	float: left;
	font-size: 14px
}

#respond .form-allowed-tags,#respond .comment-form-comment label {
	display: none
}

.errors_404 {
	width: 700px;
	height: 440px;
	position: relative;
	background: url(images/404.png) no-repeat
}

.errors_404 .to_home {
	position: absolute;
	width: 80px;
	height: 28px;
	top: 340px;
	left: 310px
}

.errors_404 .to_back {
	position: absolute;
	width: 100px;
	height: 28px;
	top: 340px;
	left: 410px
}

.line {
	background: transparent url(images/line.png) repeat-x;
	height: 2px;
	padding: 20px 0 0 0;
	line-break: 0
}

.clear {
	clear: both
}

.category {
	margin: 10px 0;
	font-size: 18px;
	color: #ab4d63
}

.preface {
	margin-bottom: 20px
}

.ads_article {
	margin: 20px 0
}

.ads_bottom {
	margin-top: 30px
}

#footer {
	overflow: hidden;
	padding: 10px 0;
	margin-top: 20px;
	background: transparent url(images/footer-line.png) repeat-x top center
}

#footer p {
	font-size: 12px;
	line-height: 24px
}

#footer a {
	font-family: Tahoma,'Microsoft Yahei','Simsun';
	color: #333
}

@media screen and (max-width:1024px) {
	#wrapper {
		width: 100%
	}

	#content {
		float: none;
		margin-left: 270px
	}
}

@media screen and (max-width:768px) {
	.preface,.secondary {
		display: none
	}

	#content {
		width: 60%
	}
}

@media screen and (max-width:650px) {
	#wrapper {
		width: 90%
	}

	.preface,.secondary,.tags,.share,.sidebox {
		display: none
	}

	.bar {
		display: block;
		position: fixed;
		z-index: 1000;
		bottom: 30px
	}

	.bar a {
		text-decoration: none;
		font-size: 16px
	}

	.bar a div {
		background: #FFF;
		padding: 0 3px 2px 0;
		border: 1px solid #CCC
	}

	#sidebar {
		left: 0;
		width: 106px
	}

	#logo {
		padding: 10px 0 0 10px
	}

	#logo img {
		max-width: 80px
	}

	#menu {
		padding-left: 6px;
		margin-top: 20px
	}

	#menu a {
		font-size: 14px
	}

	.menu-v ul {
		width: inherit
	}

	.menu-v ul li ul {
		padding: 0 10px;
		width: 80px
	}

	.menu-v ul li ul li a {
		padding: 6px 0
	}

	#content {
		width: 100%;
		float: none;
		margin: 0 auto
	}

	.primary {
		width: 100%;
		float: none;
		padding-right: 0;
		background: 0
	}

	.date {
		margin-right: 8px
	}

	.post_link .next {
		margin-top: 10px
	}

	.meta {
		overflow: auto;
		white-space: inherit;
		text-overflow: inherit
	}

	.post {
		margin-bottom: 10px
	}

	#comments {
		padding: 10px
	}

	#respond label {
		padding: 0
	}

	.comment-notes {
		margin-bottom: 20px
	}

	#respond input,#respond textarea {
		float: none;
		width: 90%
	}
}
.tagcloud a{padding:5px}