/*
Theme Name: TangStyle
Theme URI: http://tangjie.me/tangstyle
Version: 1.0.8
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,h1,h2,h3,p,blockquote,dl,dt,dd,ul,ol,li,button,input,textarea{margin:0;padding:0}
body{font:14px/21px Microsoft YaHei,Tahoma,Arial;background:url(bg.png) #eceef0;display:block;cursor:default;color:#444;-webkit-font-smoothing:antialiased}@font-face{font-family:'iconfont';src:url('tang.eot');src:url('tang.eot?#iefix') format('embedded-opentype'),url('tang.woff') format('woff'),url('tang.ttf') format('truetype'),url('tang.svg#svgFontName') format('svg')}
.iconfont{font-family:"iconfont";font-size:14px;font-style:normal;padding-right:4px}h1,h2,h3{font-weight:500;text-shadow:0 1px 0 #EEE}
a{color:#444;text-decoration:none}a:hover{color:#F60}img{border:0;width:auto;height:auto}ol,ul,li{list-style:none}input,textarea,button{outline:0}input[type^="text"],input[type^="password"],textarea{box-shadow:inset 2px 3px 5px #eee;border:1px solid #bbb;background:#f3f3f3}input:focus,textarea:focus{background:#eee;border-color:#999}input{vertical-align:middle}input[type^="radio"]{border:0;background:0;width:auto}
#wrap{border-top:3px solid #999;border-bottom:1px solid #CCC}

.alignleft{display:inline;float:left;margin-right:1.625em}.alignright{display:inline;float:right;margin-left:1.625em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto; margin: 0 auto 10px;}
#header{width:1050px;margin:0 auto;border-bottom:1px solid #CCC;height:100px}
#content{width:1050px;margin:0 auto;padding-top:20px;overflow:hidden;padding-bottom:20px;border-top:1px solid #f6f6f6}

#main{width:70%;float:left;overflow:hidden}
#sidebar{width:27%;float:right;overflow:hidden}

#main-page{width:100%;float:left;overflow:hidden}


#footer{text-align:center;font-size:12px;padding:15px 0;border-top:1px solid #FFF}
#header .logo{float:left;margin-top:25px;line-height:26px;font-size:14px;position:absolute}
#header .logo a{color:#06C;text-shadow:2px 2px 1px #CCC;font-size:28px}
.selectnav{display:none;cursor:pointer;margin:12px 10px 0 0;font-size:12px;width:90px}
#navigation{float:right}
#navigation ul,#navigation li{list-style:none;padding:0;margin:0;display:inline}
#navigation ul li{float:left;position:relative}
#navigation ul li a{display:inline-block;color:#777;text-decoration:none;font-size:12px;font-weight:bold;padding:6px 10px}
#navigation ul li a:hover{background:#999;color:#FFF;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#navigation ul ul{position:absolute;display:none;top:51px;-top:30px;left:0;background:#d6d6d6;z-index:999}#navigation ul ul li a{color:#333}#navigation ul ul li a:hover{color:#FFF}#navigation ul ul li a{display:block;width:90px;margin:0;padding:4px 10px;font-family:Arial,sans-serif;font-weight:normal;font-size:12px;border-bottom:1px dashed #CCC;background:0}#navigation ul ul ul{position:absolute;top:0;left:100%;z-index:999}#navigation ul ul ul li a{border-bottom:1px dashed #CCC!important;border-top:1px solid transparent;background:0}#navigation ul ul li:last-child a,#navigation ul ul li:last-child a:hover{border-bottom:1px solid transparent}#navigation ul ul ul li:last-child a{border-bottom:1px solid transparent!important}#navigation ul li:hover>ul{opacity:1;position:absolute;top:99%;left:0}#navigation ul ul li:hover>ul{position:absolute;top:0;left:100%;opacity:1;z-index:497}#navigation ul li:hover>a{background:#999}#navigation ul ul li:hover>a{color:#FFF}#navigation .blog{display:none}
#main .h1,#main-page.h1{padding:20px;font-size:24px;margin:0 0 20px 0;background:#FFF;box-shadow:0 1px 2px 0 #CCC;-webkit-box-shadow:0 1px 2px 0 #CCC}

.post_list{margin-bottom:20px;padding:20px 30px 10px 30px;background-color:#FFF;box-shadow:0 1px 2px #CCC;overflow:hidden}
.post_list h2{padding:10px 0;overflow:hidden;text-overflow:ellipsis}
.post_list h2 a{color:#333;font-size:26px;overflow:hidden;white-space:nowrap}.post_list h2 a:hover{color:#F60;text-decoration:none}.info{color:#999;font-size:12px;margin:0 0 10px 0}.info a{color:#999}.info a:hover{color:#F60}.excerpt{margin-top:10px;line-height:24px}.meta{font-size:12px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;border-top:1px solid #EEE;margin:20px -30px 0 -30px;padding:10px 30px 0 30px}.meat_span{margin-right:15px}.meta a{color:#999}.meta a:hover{color:#444;text-decoration:underline}.thumbnail{float:left;padding:4px;border-radius:3px;border:1px solid #ccc;background:#f9f9f9;box-shadow:1px 1px 2px #d3d3d3;margin:0 15px 15px 0}.thumbnail img{display:block;width:200px;height:150px}.thumbnail:hover{background:#e0e0e0}.more{padding-left:20px}.navigation{float:right}.pagination span,.pagination a{width:22px;text-align:center;height:22px;line-height:24px;margin:0 2px 0 2px;display:inline-block;text-decoration:none;border:1px #CCC solid}
.pagination .current{height:22px;width:22px;color:#F60;border:1px solid #CCC;font-weight:bold;background:#f0f0f0}
.pagination a:hover{height:22px;width:22px;color:#333;border:1px solid #888;text-decoration:none;background:#f0f0f0}
.pagination .page_previous,.pagination .page_previous:hover{width:70px;height:22px;text-align:center}
.pagination .page_next,.pagination .page_next:hover{width:70px;height:22px;text-align:center}
.pagination .fir_las,.pagination .fir_las:hover{width:36px;height:22px;text-align:center}
#article{margin-bottom:20px;padding:20px 30px 10px 30px;background-color:#FFF;box-shadow:0 1px 2px 0 #CCC;overflow:hidden}#article h1{font-size:26px;line-height:30px;padding-bottom:10px}


.text{margin:10px 0;color:#333;font-size:16px;line-height:178%}
.text b,.text strong{font-weight:600}
.text p{padding-bottom:15px;line-height:178%}
.text h5{font-size:14px;border:1px dashed #DDD;background:#f1f1f1;padding:4px 10px}
.text h2{font-size:22px;border:1px dashed #DDD;border-left:10px dashed #FE9800;background:#f1f1f1;padding:4px 10px;margin:10px 0px}
.text h3{font-size:18px;border:1px dashed #DDD;background:#f1f1f1;padding:4px 10px;margin:10px 0px}

.text a{color:#049}.text a:hover{text-decoration:underline}
.text form{border:1px dashed #ddd;background:#f1f1f1;padding:10px;margin:10px}
.text_add{margin:20px 0 0 0;overflow:hidden}.text_add .copy{float:left}.text_add .share{float:right}.page{border-bottom:1px dashed #CCC;padding-bottom:10px}.text blockquote{border:1px dashed #ddd;background:#f1f1f1;padding:10px;margin:10px 0}.text blockquote p{text-indent:0}.text blockquote p:last-child{padding-bottom:0;text-indent:0}.text ul li{list-style:circle;margin-left:30px;line-height:26px}.text ol li{list-style:decimal;margin-left:30px;line-height:26px}.text img{max-width:100%}ins{color:green}del{color:red}#search{margin:0 0 10px 0;float:none;overflow:hidden}#searchform{background:#fe9800;height:40px}#searchform label{display:none}#s{height:28px;background:#FFF;margin:7px;padding:0 10px;float:left;z-index:1;width:70%;border:0;font-size:14px}#searchsubmit{background:0;width:40px;height:40px;border:0;margin:0;padding:0}#searchsubmit i{font-size:24px;color:#fbfbfb;text-shadow:1px 1px 1px #999}#searchsubmit:hover i{color:#FFF}#searchsubmit:active i{text-shadow:1px 2px 1px #f90}.sidebar{background-color:#FFF;box-shadow:0 1px 2px #CCC;overflow:hidden;border-bottom:2px solid #CCC}.widget{margin-bottom:10px;color:#666;padding:10px 10px 0 10px;overflow:hidden}.widget a{color:#666}.widget a:hover{color:#F60}.widget h3{margin:0 -10px 0 -10px;padding:5px 0 10px 10px;color:#333;border-bottom:1px solid #e5e5e5;font-size:18px;text-shadow:0 2px 0 #EEE}.widget ul{padding-top:10px}.widget ul ul,.widget .textwidget ul{border-top:0;padding-top:5px}.widget li{line-height:20px;padding:0 0 5px 8px;margin-bottom:5px;border-bottom:1px dashed #e0e0e0}.widget .children{background-color:#f9f9fa;margin:5px 0 0 5px;font-size:12px}.widget_views-plus{font-size:12px}.widget_views-plus a{font-size:14px}.widget_views-plus li{overflow:hidden;white-space:nowrap}.widget_text{font-size:12px;border:1px dashed #ccc;border-radius:3px;background:#f1f1f1;padding:8px;margin:10px}.widget_text h3{border:0;margin:0;padding:0}.textwidget{margin-top:6px}.textwidget a{color:#00F}.textwidget p{margin:0;padding:0}.tagcloud{line-height:26px;padding-left:6px}.tagcloud a:hover{text-decoration:underline}.blogroll li{float:left;overflow:hidden;width:46%}.nowrap ul li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.comment_ul li img{margin-right:5px}.comment_ul li a{font-size:13px}#wp-calendar{width:100%;text-align:center}#wp-calendar a{color:#F60}.post_link{font-size:12px;overflow:hidden;color:#999;margin-bottom:15px;-height:20px}.post_link a{font-size:12px;color:#999}.post_link .prev{float:left}.post_link .next{float:right}#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}.comment{overflow:hidden;padding-left:10px}.comment_meta{overflow:hidden}.comment_meta cite,.comment_meta cite a{font-style:normal;color:#333}.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:#555;padding-right:10px}#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(404.png) no-repeat}.to_home{position:absolute;width:80px;height:28px;top:340px;left:310px}.to_back{position:absolute;width:100px;height:28px;top:340px;left:410px}#footer a{color:#06C}#footer a:hover{color:#F60}.totop{width:20px;height:70px;overflow:hidden;word-break:break-all;font-size:14px;text-indent:2px;background:#f3f3f3;text-align:center;border:1px solid #06C;line-height:16px;color:#06C;position:fixed;bottom:30px;left:50%;margin-left:560px;cursor:pointer}

@media screen and (max-width:980px){
#header,#content{width:96%}#s{width:60%}.text_add .share{display:none}}
@media screen and (max-width:650px){
html{-webkit-text-size-adjust:none}
#navigation #nav,#navigation .my,#header p,.sidebar,.meat_max,.text_add .share,.comment_meta .time,.totop{display:none}
.selectnav{display:block}
#wrap{border-top:0}
#header{width:100%;background-color:#FE9800;overflow:hidden;position:fixed;box-shadow:0 0 5px #999;z-index:99;height:44px}
#header .logo{margin:10px 0 0 10px}
#header .logo a{color:#FFF;text-shadow:0 -1px 1px #333;font-size:20px}
#content{width:100%}
#main,#main-page{width:94%;float:none;overflow:hidden;margin:0 auto;margin-top:40px}
.post_list{padding:0 10px}
.post_list h2{padding:5px 0}
.post_list h2 a{font-size:20px}
.info{margin:0}
.excerpt{overflow:hidden;font-size:12px;line-height:16px;margin-top:5px}
.excerpt img{width:90px;height:66px}.text{font-size:16px}.meta{margin:5px -10px 0 -10px;padding:5px 10px}#sidebar{width:94%;float:none;overflow:hidden;margin:0 auto}#search{margin:20px 0 10px 0}#article{margin-bottom:20px;padding:10px 10px 5px 10px}#article h1{font-size:20px}#article .meat_span{width:44%;float:left}#article .info{width:100%;overflow:hidden;border-bottom:1px dashed #CCC;padding-bottom:3px}#article .meta{padding:5px 0 0 10px}.post_link .prev{float:none}.post_link .next{float:none;margin-top:10px}#comments{padding:10px}#comments h3{padding:0 0 10px 10px;margin:0 -10px}#comments .children{margin:0 0 0 20px}#comments .children li{padding-left:5px}.comment{overflow:hidden;padding-left:5px}.avatar{width:20px}#respond{margin:0}#respond input,#respond textarea{width:70%}
}

.wp-caption {
	padding: 5px;
	text-align: center;
}
.widget-container h2, .widget-container h3, .widget-container h4, #breadcrumbs, blockquote, .wp-caption {
	background: none repeat scroll 0 0 #F6F6F6;
	border: 1px solid #DDDDDD;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	padding: 5px;
}
.entry-content .wp-caption {
	max-width: 97.5%;
}
.wp-caption.aligncenter {
	width: 98%;
}

.widget ul li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.strong1{font-weight:bold}

/*分页*/
.pages{clear:both; line-height:30px; text-align:center}
.pages span{padding:2px 4px; margin-left:5px; color:#BB0D0E; font-weight:blod;padding:2px 6px; margin-left:5px; border:1px solid #ccc;}
.pages a{padding:2px 6px; margin-left:5px; border:1px solid #ccc;}
.pages li{float:left;*float:none;line-height:25px;height:25px;margin: 2px;display:inline; zoom:1;}