@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dd,ul,ol,pre,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0; }
body{ font-family:"Microsoft YaHei","微软雅黑",Arial,Verdana,Sans-Serif; color:#000; position:relative; width:100%; height:100%; margin:0 auto; background-color: whitesmoke; font-size:10px; }
html{ width:100%; height:100%; }
h1{ font-size:2.2em; color:#000; }
h2{ font-size:1.6em; color:#111; }
h3{ font-size:1.2em; color:#222; }
h4{ font-size:1em; color:#333; }
address,cite,dfn,em,var{ font-style:normal; }
small{ font-size:12px; }
ul,ol{ list-style:none; }
a{ color:#d00; text-decoration:none; }
a:hover{ color:#333; text-decoration:underline; }
abbr,acronym{ border:0; font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend{ color:#000; }
fieldset,img{ border:none; }
img{ vertical-align:middle; }
table{ border-collapse:collapse; border-spacing:0; }
caption{ text-align:left; }
hr{ margin:.7em 0; border-top:1px dashed #d0d0d0; border-bottom:1px dashed #f9f9f9; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
pre{ margin:.5em 0; line-height:1.6; display:block; overflow:auto; }
code{background: #eee; color: #666; padding: 0 5px; margin: 0 2px; border: 1px solid #DDD; border-radius: 3px;font-family:"Consolas","Monaco","Courier New"; }
pre code{ padding: 10px;margin: 0;border-radius:0;display: block;white-space: pre-wrap;  }
blockquote{ display:block; text-align:justify; border-left:4px solid #eeeeee; margin:1em 0em; padding-left:1.5em; }
blockquote p{ margin:0; padding:.5em 0; }
object,iframe{ display:block; margin:4px auto; }
.clear{ clear: both; font-size: 0; line-height: 0; height: 0; overflow:hidden; }
/*整体*/
#container{ width:61.8%; margin:0 auto; overflow: hidden; padding-top: 20px; }
/*导航*/
#nav{ font-size:1.6em; font-weight: bold; float:left; display: inline; width:150px; text-align:right; padding-top: 45px; }
.nav-first{ display:none; }
#nav a{ display:block; padding:.7em 1em; color:#000; }
#nav a:hover{ background-color:#d00; text-decoration:none; color:#f9f9f9; transition:color .2s linear; }
/*内容*/
#main{ margin-left: 180px; }
.header{ padding:7px 0; /*border-bottom: 1px solid #ccc;*/ }
.content{ font-size:1.6em; line-height:2; padding: 5px 0; background-color: #fff;box-shadow: 0 0 .5em  #999;padding: 1.556em 2em 2em;max-width: 48em;}
.content h1{ padding:5px 0; }
.content img{ max-width:98%; display:block; margin:10px 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);padding: 0.5%;background-color: #fff;border: 1px solid #CCC;}
.listing-item{ list-style-type:none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; color: #D00; }
.listing-item a{ padding-left:1em; }
.listing-item .time{ color:#999; }
.listing-seperator{ font-weight:bold; list-style-type:none; }
.meta{ font-size:.65em; color:#888; padding:5px 0; }
.post em{ background: #eee; color: #666; padding: 0 5px; margin: 0 2px; border: 1px solid #DDD; border-radius: 3px; }
.post h2{ font-size: 1.25em}
.post h3{ font-size: 1em}
.post p{margin: .5em 0;}
.post table{ width: 100%; overflow: auto; border-collapse: collapse; border-spacing: 0;text-align: left; }
.post table tr {background-color: white; }
.post table tr:nth-child(2n) { background-color: #F8F8F8; }
.post table th { font-weight: bold; }
.post table th, .post table td { border-bottom: 1px solid #DDD; padding: 6px 13px; }
.post table tbody tr:hover td,.post table tbody tr:hover th{background-color:#F8F8F8;}
/*上下篇*/
.other-post{ text-align: right; padding: 15px 0; }
.pageNav{ font-weight:bold; font-size:1.25em; }
.pageNavInvalid{ font-weight:bold; font-size:1.25em; color:#d0d0d0; cursor: not-allowed; }
/*尾部*/
#footer{ /*text-align:right;*/ line-height: 24px; display:block; /*border-top: 1px dashed #CCC;*/ padding: 5px 0; }
#footer small { color: #aaa; }
#footer a { color: #888; text-decoration: none; }
#footer a:hover { border-bottom: 1px dashed #bbb; text-decoration: none; }
/*标签*/
#tag_cloud{ margin-bottom: 1em;word-wrap:break-word; }
#tag_cloud a{ margin-right: .5em; }
#tag_cloud a:hover{ color:#333; text-decoration:none; }
/*翻页*/
.paginator { font-size:.85em; color: #aaa; margin: 20px 0; line-height:2; display: block; }
.paginator a,.paginator span{ padding: 0 4px; margin: 2px; text-decoration: none; }
.paginator .current-page { color: white; background: #d00; }
.paginator a:hover{ color: white; background: #d00; }
/*其他*/
.disabled{ cursor: not-allowed; }
.gist{ font-size: 12px; line-height:1.6; }
.gist-meta{ display: none; }
/*豆瓣*/
.douban-list{ overflow: hidden; }
#douban li{ float: left; margin-right:10px; }
#douban a{ display: block; }
#douban img{ width: 68px; height: 96px; }
/*Flickr*/
#flickr li{ float: left; margin-right:10px; }
#flickr img{ width: 75px; height: 75px; }