/*
Theme Name: Simple Tux
Theme URI: www.phpabc.cn/simple-tux.html
Description: 响应式的博客主题
Author: PHPABC
Author URI: www.phpabc.cn
Tags: gray,silver,two-columns,right-sidebar,fixed-width,flexible-width,custom-menu,featured-images,theme-options
*/
html {color: #333;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility;}
body,h1,h2,h3,p,blockquote,dl,dt,dd,ul,ol,li,button,input,textarea{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video {display: inline-block;}
body{font:300 1em/1.3 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;background:#f2f2f2;display:block;cursor:default;color:#2c3e50;-webkit-font-smoothing:antialiased}
@font-face {
  font-family: 'iconfont';  /* project id 133751 */
  src: url('//at.alicdn.com/t/font_133751_ag44pmkh9c6.eot');
  src: url('//at.alicdn.com/t/font_133751_ag44pmkh9c6.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_133751_ag44pmkh9c6.woff') format('woff'),
  url('//at.alicdn.com/t/font_133751_ag44pmkh9c6.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_133751_ag44pmkh9c6.svg#iconfont') format('svg');
}                                    			
.iconfont{font-family:"iconfont";font-size:1em;font-style:normal;padding-right:4px}
h1,h2,h3{font-weight:500;}
a{color:#2c3e50;text-decoration:none}
a:hover{color:#F60}
b, strong {font-weight: bold;}
img{border:0}
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}
#header{margin:0 auto;}
#content{max-width:1200px;margin:0 auto;padding-top:20px;overflow:hidden;padding-bottom:20px}
#main {width:100%;float:left;margin:auto;}
#posts{margin-right:340px;float:none;background-color:#fff; overflow:hidden; border: 1px solid #ddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
#sidebar{margin-left:-330px;width:325px;float:right;overflow:hidden;}
#footer{text-align:left;font-size:0.8em;max-width:1200px;margin:0 auto; margin-bottom:12px;background-color:#fff;padding:15px 0 15px 8px;border: 1px solid #ddd; -moz-border-radius: 3px;-webkit-border-radius: 3px;   border-radius: 3px}
#footer .power-by {float:right;padding-right:15px}
#header .navtop{line-height:26px;font-size:0.9em;max-width:1200px;margin:0 auto;padding:20px 0 20px 0px;height:48px}
#header .navtop a{color:#2c3e50;text-shadow:2px 2px 1px #CCC;font-size:1.9em;font-weight:900}
#header .logo {float:left}
#header .search {float:right;width:300px}
.selectnav{display:none;cursor:pointer;margin:12px 10px 0 0;font-size:0.8em;width:90px}
#navigation{margin:0 auto;background-color:#2c3e50;height:51px;max-width:1200px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#navigation ul li{float:left;position:relative;}
#navigation ul li a{display:inline-block;color:#fff;font-size:1em;padding:15px}
#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:100%;background:rgba(242,242,242,.9);box-shadow: 0 6px 8px rgb(92, 95, 108);z-index:999}
#navigation ul ul li a{}
#navigation ul ul li a:hover{color:#FFF}
#navigation ul ul li a{color:#1a242f;display:block;width:80px;margin:0;padding:10px;font-family:Arial,sans-serif;font-weight:normal;font-size:1em;}
#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;z-index:999}
#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;z-index:999}
#navigation ul ul li:hover>ul{position:absolute;top:0;left:100%;opacity:1;z-index:497}
#navigation ul li:hover>a{background:#1a242f}
#navigation ul ul li:hover>a{background:#1a242f;color:#FFF}
.menu-item {}
#navigation .current-post-ancestor,#navigation .current-menu-item {background-color:#1a242f;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#navigation .current-post-ancestor .current-post-ancestor,#navigation .current-post-ancestor .current-menu-item {background-color:#f3f3f3;}
#navigation .menu-item-has-children .current-menu-item a{color:#fff}
#posts .h1{padding:20px;font-size:1.5em;margin:0 0 20px 0;background:#FFF;box-shadow:0 1px 2px 0 #CCC;-webkit-box-shadow:0 1px 2px 0 #CCC}
.post_list{padding:20px;border-bottom:1px solid #eee;background-color:#FFF;overflow:hidden;position:relative;}
.post_list:hover{background-color:#f7f7f7}
.post_list h2{overflow:hidden;text-overflow:ellipsis}
.post_list h2 a{color:#444;font-size:1em;overflow:hidden;white-space:nowrap}
.post_list h2 a:hover{color:#17A2E7;text-decoration:none}
.info{color:#999;font-size:0.8em;margin:0 0 10px 0}
.info a{color:#999}
.info a:hover{color:#F60}
.excerpt{line-height:26px;letter-spacing: 0.5px;font-size:0.9em;color:#777;position:relative;}
.excerpt a{color: #3498db;}
.meta{font-size:0.8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999;padding:2px 0;}
.meat_span{margin-right:15px}
.meta a{color:#999}
.meta a:hover{color:#369;text-decoration:none}
.thumbnail{float:left;margin-right:16px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #ccc;background:#f9f9f9;}
.thumbnail img{display:block;width:240px;height:140px}
.thumbnail:hover{background:#e0e0e0}
.navigation{margin: 10px 340px 0px 0; padding:10px 0; text-align: center;overflow: hidden;}
.navigation li {display:inline}
.pagination span,.pagination a{width:30px;height:30px;text-align:center;line-height:30px;margin:0 3px;display:inline-block;background-color:#C3CBCC;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.pagination .current{height:30px;width:30px;color:#f0f0f0;font-weight:bold;background:#546270;}
.pagination a:hover{color:#f0f0f0;text-decoration:none;background:#546270;}
.pagination .page_previous,.pagination .page_next{width:30px;height:30px;text-align:center;}
#article{margin-bottom:20px;padding:20px 30px 10px 30px;background-color:#FFF;box-shadow:0 1px 2px 0 #CCC;overflow:hidden;border:1px solid #ccc;margin-right:340px;float:none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#article h1{font-size:1.6em;line-height:30px;padding-bottom:10px}
.text{margin:10px 0;color:#444;font-size:1em}
.text b,.text strong{font-weight:600}
.text p{text-indent:2px;padding-bottom:10px;line-height:26px}
.text h5{font-size:0.9em;border:1px dashed #DDD;background:#f1f1f1;padding:4px 10px}
.text a{color:#049}
.text a:hover{text-decoration:underline}
.text form{border:1px dashed #ddd;background:#f1f1f1;padding:10px;margin:10px}
.text img,.text iframe{max-width:100%}
.text_add{margin:20px 0 0 0;float: right;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}
ins{color:green}
#search{margin:0 0 10px 0;float:none;overflow:hidden}
#searchform{background:#95a5a6;height:40px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}
#searchform label{display:none}
#s{height:36px;background:#FFF;border: 2px solid #95a5a6;margin: 2px;float:left;z-index:1;width:252px;border:0;font-size:1em}
#searchsubmit{background:0;width:40px;height:40px;border:0;margin:0;padding:0}
#searchsubmit i{font-size:1.5em;color:#fbfbfb;text-shadow:1px 1px 1px #999}
#searchsubmit:hover i{color:#FFF}
#searchsubmit:active i{text-shadow:1px 2px 1px #f90}
.sidebar{overflow:hidden;}
.widget{background-color:#FFF;margin-bottom:12px;color:#2c3e50;padding:5px 10px 0 10px;overflow:hidden;box-shadow:0 1px 2px #CCC;border:1px solid #ddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
.widget a{color:#777;}
.widget a:hover{color:#F60;}
.widget h3{padding:5px 0 10px 10px;color:#2c3e50;border-bottom:3px solid #95a5a6;font-size:1.1em;font-weight:500}
.widget ul{padding-top:10px}
.widget ul ul,.widget .textwidget ul{border-top:0;padding-top:5px}
.widget li{line-height:1.3em;padding:0 0 5px 8px;margin-bottom:5px;border-bottom:1px dashed #e0e0e0;white-space:nowrap;overflow:hidden; text-overflow: ellipsis; }
.widget .children{background-color:#f9f9fa;margin:5px 0 0 5px;font-size:0.9em}
.widget_tux_comment ul li {color:#999;white-space:normal;}
.widget_views-plus{font-size:0.8em}
.widget_views-plus a{font-size:0.9em}
.widget_views-plus li{overflow:hidden;white-space:nowrap}
.textwidget{margin:4px 2px 0px 2px;}
.textwidget a{color:#00F}
.textwidget p{margin:0;padding:0}
.widget_text {padding:0px;}
.tagcloud{line-height:1.6em;margin:12px 0;}
.tagcloud a{white-space: nowrap;width: 30%;float: left;margin: 0 6px 8px 2px;text-align: center;border-radius: 2px;white-space: nowrap;}
.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}
/*Tux tab*/
.widget .tab_menu{float:left;overflow:hidden;width:100%}
.widget .tab_menu li{font-size:1.1em;float:left;padding:0 14px;border-bottom:3px solid #95a5a6;padding-bottom: 5px;}
.widget .tab_menu li.current{color:#2c3e50;border-bottom:3px solid #e74c3c;padding-bottom: 5px;}
.hide{display:none;}
.clear{clear:both;}
/*Tux 文本推荐*/
.widget .tux_textbanner{border-bottom:3px solid #e74c3c;}
/*社交图标*/
.wid_social a{font-size:1.8em;overflow:hidden;color:#fff;background-color:#95a5a6;margin-left:9px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px}
.wid_social a:hover{color:#fff;background-color:#2c3e50}
.weixins{cursor:pointer;background:#6fc299}
.weixin-popover{position:absolute;margin-left:35px;padding-top:14px;display:none;height:256px;}
.weixin:hover .weixin-popover{display:block}
.weixin .popover{display:block;color:#777;border:1px solid #ccc;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px}
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:262px;text-align:left;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;white-space:normal}
.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
.popover-title:empty{display:none}
.popover-content{padding:9px 14px;background-color:#fff;}
/*相关文章*/
.related {margin-top:10px}
.related ul li a{color:#468847;font-size:1em}
.related ul li{height: 50px;line-height: 50px;width: 31%;text-align: center;overflow: hidden;background-color: #d6e9c6;margin-left: 4px;float: left;display: inline;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border-color: #d6e9c6;padding:0 4px}
.related ul li a:hover{color:#2d6987;}
#article code{font-family:Courier;color:#139;background:#EEF;padding:3px 6px;margin:0 3px;text-shadow:1px 1px 1px #FFF;}
.pagenav {padding:10px;}
.comment_ul li img{margin-right:5px}
.comment_ul li a{font-size:1em}
#wp-calendar{width:100%;text-align:center}
#wp-calendar a{color:#F60}
.post_link{font-size:0.9em;overflow:hidden;color:#666;margin-right:340px;margin-bottom:15px;-height:20px}
.post_link a{font-size:0.9em;color:#36d} 
.post_link .prev{float:left;padding:5px 0 5px 15px}
.post_link .next{float:right;padding:5px 15px 5px 15px}
#comments{margin-right:340px;margin-bottom:20px;background-color:#FFF;box-shadow:0 1px 2px 0 #CCC;overflow:hidden;padding:4px 10px;border:1px solid #ddd;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
#comments h3{border-bottom:1px dashed #CCC;padding:4px 0px 4px 3px;margin:6px;}
.comment_list{margin:5px 3px;}
.avatar{float:left;width:36px;margin:4px 4px 0 0;}
.comment-s{overflow:hidden;}
.comment_meta{overflow:hidden;border-bottom: 1px dashed #c2c2c2;padding:1px 5px;}
.comment_meta cite,.comment_meta cite a{font-style:normal;color:#333}
.comment_meta cite a:hover{color:#F60}
.comment_meta .time{font-size:0.9em;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:0.8em;color:#666}
.comment_meta .reply a:hover,.comment_meta .edit_link a:hover{color:#F60}
.comment p{font-size:0.9em;color:#555;}
#comments .even {background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #c2c2c2;margin: 0px 6px 10px 6px;}
#comments .odd {background: none repeat scroll 0 0 #F0F8FF; border: 1px solid #c2c2c2;margin: 0px 6px 10px 6px;}
#comments .mycomment{padding:2px }
#comments .depth-1 {margin-bottom:15px}
#comments .comment_text {padding:11px 7px;margin:2px 0;background-color:#fff;}
.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:0.8em}
#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:1em}
#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}
.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: gray}
#footer a:hover{color: gray}
.cat-item{float:left;overflow:hidden;width:46%}
.nav-previous{float:left}
.nav-next{float:right}
.nav-previous a,.nav-next a{text-align:center;height:22px;line-height:24px;display:inline-block;border:1px #CCC solid;padding:0 5px}
.tux_textbanner a {color:#777}
.tux_textbanner p {padding:4px 0 6px 8px;color:#777;line-height:25px;font-size:0.9em;}
.tux_social{padding:0px 1px 2px 1px}
.iconfont_social{font-family:"iconfont";font-size:1.5em;font-style:normal}
/*社交图标*/
.wid_social a{font-size:1.8em;overflow:hidden;color:#fff;background-color:#95a5a6;margin-left:9px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px}
.wid_social a:hover{color:#fff;background-color:#2c3e50}
.weixins{cursor:pointer;background:#6fc299}
.weixin-popover{position:absolute;margin-left:35px;padding-top:14px;display:none;height:256px;}
.weixin:hover .weixin-popover{display:block}
.weixin .popover{display:block;color:#777;border:1px solid #ccc;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px}
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:262px;text-align:left;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;white-space:normal}
.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
.popover-title:empty{display:none}
.popover-content{padding:9px 14px;background-color:#fff;}
/*首页焦点*/
.focuson{overflow: hidden;padding:10px 5px 0px 10px; margin: 0px 340px 14px 0px; background-color:#fff;border: 1px solid #ddd; -moz-border-radius: 3px;    -webkit-border-radius: 3px;border-radius: 3px}
.focuson ul{list-style: none;margin: 0;padding-left: 38%}
.focuson li{width: 62%;float: left;margin-bottom: 10px;}
.focuson a{margin-left: 10px;display: block;overflow: hidden;text-align: center;height: 120px;position: relative}
.focuson img{width: 100%;height: 100%}
.focuson li.large{width: 100%;float: left;margin-left: -62%}
.focuson li.large a{height: 250px;margin-left: 0}
.focuson h4{position: absolute;left: 0;bottom: 0;right: 0;padding: 0 8px; background-color: rgba(0,0,0,.6);overflow: hidden;color: #fff;text-shadow: 1px 1px 0 #000; margin: 0;font-size: 14px;line-height: 28px}
.focuson .large h4{font-size: 16px;line-height: 32px}
.focuson a:hover h4{background-color: #ff5e52;opacity: .8}
.wp_syntax {max-width: 790px}
.cd-top {display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 60px; right: 10px; background: rgba(255, 255, 255,0) url(images/top.svg) no-repeat center 45%; overflow: hidden; text-indent: 100%;white-space: nowrap; visibility: hidden;  opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {  visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {  opacity: .5;}
.no-touch .cd-top:hover {  opacity: 1;}
/*移动设备，屏幕小于1024px*/
@media (max-width: 1024px) {html{-webkit-text-size-adjust:none}
#header{width:99%;}
#sidebar{display: none;}
#content{width:99%;padding-top:10px;}
#footer{width:99%;}
#navigation{margin:0 auto;background-color:#2c3e50;height:51px;max-width:1200px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#navigation ul li{float:left;position:relative;}
#navigation ul li a{display:inline-block;color:#fff;font-size:1em;padding:15px}
#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:100%;background:rgba(242,242,242,.9);box-shadow: 0 6px 8px rgb(92, 95, 108);z-index:999}
#navigation ul ul li a{}
#navigation ul ul li a:hover{color:#FFF}
#navigation ul ul li a{color:#1a242f;display:block;width:80px;margin:0;padding:10px;font-family:Arial,sans-serif;font-weight:normal;font-size:1em;}
#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;z-index:999}
#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;z-index:999}
#navigation ul ul li:hover>ul{position:absolute;top:0;left:100%;opacity:1;z-index:497}
#navigation ul li:hover>a{background:#1a242f}
#navigation ul ul li:hover>a{background:#1a242f;color:#FFF}
#posts,#article,.post_link,#comments{float:none;overflow:hidden;margin:0 auto;}
.post_link .prev{float:none}
.post_link .next{float:none;margin-top:10px}
.focuson{margin:0px 0px 10px 0px;}
.navigation{margin: 10px 40px 0px 0;}
#comments .even {background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #c2c2c2;margin: 0px 4px 6px 4px;}
#comments .odd {background: none repeat scroll 0 0 #F0F8FF; border: 1px solid #c2c2c2;margin: 0px 4px 6px 4px;}
.wp_syntax {max-width: 890px}
}	
/*移动设备，屏幕小于768px*/
@media screen and (max-width: 768px){html{-webkit-text-size-adjust:none}
#navigation{height:30px;float:left;width:90px;margin:4px 0 0 10px;}
#navigation .my,#header p,.sidebar,.meat_max,.text_add .share,.comment_meta .time,.focuson{display:none}
#navigation #nav{display:none; height:1px}
.selectnav{display:block;background:#3170c3;;margin:0px;height:30px;text-align:center;font-size:large; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.selectnav{padding-left:4px; border: none; color:#fff;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
#wrap{border-top:0}
#header{width:99%;background-color:#2181cb;overflow:hidden;z-index:99;height:40px;padding:4px 0 0 0;margin-top:6px; -moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px}
#header .navtop{margin:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:50%;padding:0px 0 0 10px;float:right}
#header .navtop a{color:#FFF;text-shadow:0 -1px 1px #333;font-size:1.1em}
#header .navtop .logo {display:none;}
#header .search{width:60%;padding-right: 10px;}
#header .search #searchform {background: #2181cb;}
#header .search #s{width: 82%; height: 30px; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
#header .search #searchsubmit {    background: 0;    width: 30px;    height: 30px;} 
#content{width:100%;padding-top:10px;padding-bottom:4px}
#main {width:100%}
#posts{width:99%;float:none;overflow:hidden;margin:0 auto;}
.thumbnail{margin:2px 10px 0px 0px}
.post_list{padding:11px 8px;}
.post_list h2{padding-top:2px;margin-bottom:4px}
.post_list h2 a{font-size:0.8em}
.info{margin:0}
.meat_span{margin-right:8px}
.excerpt{height:15px;overflow:hidden;font-size:0.8em;line-height:15px;margin-bottom:5px}
.excerpt img{width:80px;height:66px}
.text{font-size:1em}
.meta{display:none;}
.thumbnail img{display:block;width:80px;height:60px}
.related ul li{height: 30px;line-height: 30px;text-align: center;overflow: hidden;width: 98%; background-color: #d6e9c6;margin:2px 4px;display:inherit;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border-color: #d6e9c6;padding:0 4px}
.navigation{margin: 0px 10px 0px 0;}
.navigation li {display:none}
.navigation .active ,.navigation .pre_nxt{display:inline}
#sidebar{width:98%;float:none;overflow:hidden;margin:0 auto}
#search{margin:20px 0 10px 0}
#article{margin-right:0px;margin-bottom:20px;padding:10px 10px 5px 10px;}
#article .meat_span{}
#article h1{font-size:1.3em}
#article .info{width:98%;overflow:hidden;border-bottom:1px dashed #CCC;padding-bottom:3px}
#article .meta{padding:5px 0 0 10px}
.post_link{width:99%; margin-right:0px;}
.post_link .prev{float:none}
.post_link .next{float:none;margin-top:10px}
#comments{padding:10px;margin-right:0px}
#comments h3{padding:0 0 10px 10px;margin:0 -10px}
.comment{overflow:hidden;padding-left:5px}
#comments .even {background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #c2c2c2;margin: 0px 2px 4px 2px;}
#comments .odd {background: none repeat scroll 0 0 #F0F8FF; border: 1px solid #c2c2c2;margin: 0px 2px 4px 2px;}
.avatar{width:20px}
#respond{margin:0}
#respond input,#respond textarea{width:70%}
#footer {width: 98%; padding:}
#footer .power-by {float:left;padding-right:15px;font-size:0.9em;}
.cd-top{display:none}
}
@media screen and (max-width: 320px){html{-webkit-text-size-adjust:none}
#header{padding: 5px 0 0 2px;}
.thumbnail{display: none}
.navigation{margin: 10px 10px 0px 0;}
.cd-top{display:none}
}