@charset "utf-8";
/* CSS Document */

body, ul, li, h1, h2, h3, h4, h5, h6, table, td, th, tr, ol, dt, dl, dd, a, p, div, img, span, input{margin:0; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666;}
a{color:#303E48;}
a:hover{color:#FF8080;}
img{border:none;}
ul, li{list-style:none;}
code{display:block; line-height:1.6em; background:#f1f1f1; padding:6px 12px;}
body{background:#fff url(body.bg.png) repeat; background-attachment:fixed; height:100%;}

.clear{clear:both; height:1px; overflow:hidden;}
.center{width:100%; margin:0 auto;}
.container{width:1030px; margin:0 auto; background:url(body.bg.y.png) repeat-y -155px; padding-top:10px; min-height:800px;}

/* 顶部 */
.toper{width:100%; margin:0; background:url(body.bg.top.png); height:8px;}

/* 页头 */
.head{height:80px; margin:0 auto; background:url(delimiter.bg.x.png) repeat-x bottom;}
.head .navigate{float:left; text-align:left; margin:16px 10px 0 0;}
.head .navigate a{font-size:16px; font-weight:bold; text-decoration:none; vertical-align:top; color:#666;}
.head .navigate a:hover{color:#338AC7;}
.head .navigate span{display:inline-block; width:1px; height:20px; overflow:hidden; margin:0 18px; border-right:1px dotted #ccc;}

.head .search{float:right; margin-top:10px;}
.head .search .text{width:160px; height:26px; line-height:26px; border:1px solid #E5E5E5; border-right:none; border-radius:4px 0 0 4px; float:left; padding:2px 5px; color:#999999;}
.head .search p{float:left; background:url(button.bg.png) left -128px;}
.head .search .button{background:url(button.bg.png) right -160px; font-size:1.2em; height:32px; border:none; padding:0 10px; color:#FFF; text-shadow:0 -1px 0 #32719D; cursor:pointer;}

/* 位置 */
.position { background:url(delimiter.bg.x.png) repeat-x bottom; margin:0 auto; padding:12px 0; }
.position a { text-decoration:none; background:url(position.gif) no-repeat right; padding-right:12px; margin-right:2px; }

.main{width:820px; overflow:hidden; float:right; padding-right:26px; padding-bottom:25px; padding-top:10px;}
.main img{max-width:700px;}
.main .delimiter{background:url(delimiter.bg.x.png) repeat-x; height:2px; margin:20px 0 0 0; width:100%;}

.post {margin-top:20px;}
.post h1{display:block; margin-bottom:12px;}
.post h1, .post h1 a{font-size:16px; text-decoration:none; font-weight:normal;}
.post .hits{position:absolute; margin-left:760px; margin-top:-5px; background:url(hits.png) left  no-repeat; padding:5px 5px 5px 30px; height:21px;}
.post .hits, .post .hits a{display:block;  font-size:14px; color:#990066; text-align:left;  line-height:21px; text-decoration:none;}
.post ul{display:block; height:32px;}
.post ul li{float:left; display:block; color:#76797C; background:url(delimiter.bg.meta.png) no-repeat left center transparent; height:16px; margin:0 0 0 10px; padding:0 0 0 10px; width:auto;}
.post ul li a{color:#76797C; text-decoration:none; display:block; float:none; height:16px; line-height:18px; padding-left:20px;}
.post ul li a:hover{color:#FF8080;}
.post ul li.author{background:url(meta.sprite.png) no-repeat 0 -64px; margin:0; padding:0 0 0 20px;}
.post ul li.time{background:url(meta.sprite.png) no-repeat 0 -80px; padding-left:20px;}
.post ul li.comments a{background:url(meta.sprite.png) no-repeat 0 0;}
.post ul li.tags a{display:inline-block; padding:0;}
.post ul li.tags span{background:url(meta.sprite.png) no-repeat 0 -32px transparent; display:block; float:left; height:16px; padding-left:20px;}

.post .cover{background:#EDEDED; width:640px; border-radius:6px; overflow:hidden; position:relative; margin-bottom:10px;}
.post .cover img{padding:10px;}
.post .cover a{position:absolute; border-radius:6px; left:0; top:0; height:100%; width:100%; background:#000; opacity:0; filter:alpha(opacity=0);}

.post .summary{line-height:1.8em; width:760px;}
.post .content{line-height:1.8em; overflow:hidden; padding-top:10px;}
.post .content, .main .content p{font-size:14px;}

.side{width:160px; float:left;}
.side .logo{border-bottom:4px #a000a0 solid; margin-bottom:10px; height:100px;}
.side .logo a{font-size:32px; color:#338AC7; font-weight:bold; text-decoration:none; font-variant:small-caps; display:block; width:160px; height:100px; background:url(logo.png) no-repeat center;}
.side .logo a strong {display:none;}
.side .widget{width:160px;}
.side .widget a{text-decoration:none;}
.side .widget h2{display:block; padding-bottom:15px; margin-bottom:8px; font-size:14px; color:#338AC7; background:url(delimiter.bg.x.png) left bottom repeat-x; text-align:right; padding-right:20px;}

/* 侧栏 */
.side .category{text-align:right; padding-right:10px;}
.side .category li{display:block; padding-bottom:15px; margin-bottom:14px; background:url(delimiter.bg.x.png) left bottom repeat-x; padding-right:28px;}
.side .category li.P{text-indent:0; padding-right:10px;}
.side .category li a{display:block; text-decoration:none; font-size:14px; padding-left:10px;}

.side .tags p{background:url(tags.bg.png) no-repeat left 0 transparent; cursor:pointer; float:right; height:23px; margin:8px 8px 8px 0; padding:0; position:relative; width:auto; word-break:keep-all;}
.side .tags p a{background:url(tags.bg.png) no-repeat right -23px transparent; border:medium none; color:#3F4950; cursor:pointer; float:left; height:100%; line-height:23px; margin:0; padding:0 5px 0 16px; text-shadow:0 1px 0 #FFFFFF; width:auto;}
.side .tags p:hover {background-position:left -46px;}
.side .tags p a:hover {background-position:right -69px; text-decoration:none;}

/* 翻页条 */
.turnner { width:auto; color:#666; float:right; height:26px; margin-top:20px; }
.turnner a, .turnner span { float:left; display:block; width:auto; padding:3px 8px; color:#2B6893; border:1px solid #ccc; margin:0 2px; line-height:16px; border-radius:2px; }
.turnner a:link, .turnner a:visited { text-decoration:none; }
.turnner a:hover, .turnner a.c { color:#333; border:1px solid #999; background:#ccc; }
.turnner cite { padding:0 1px 0 0; font-style:italic; font-size:10px; line-height:10px; }

/* 回到顶部 */
#topcontrol a{display:block; width:51px; height:51px; background:url(scrolltop.png);}
#topcontrol a:hover{background-position:0 -51px;}

/* 页脚 */
.foot{font-variant:small-caps; height:30px; line-height:30px; width:100%; margin:0; color:#a9a9a9; background-color:#e1e2e1;}
.foot div{width:1030px; margin:0 auto;}
.foot p{display:block; width:830px; float:right; color:#a9a9a9;}
.foot p strong{float:right; color:#a9a9a9; font-weight:normal;}
.foot a {color:#a9a9a9; text-decoration:none;}
.foot a:hover{color:#338ac7;}

/* 评论 */
.talks{width:720px; margin:0;}
.talks h1{display:block; margin:20px 0; font-size:20px; clear:both;}
.talks .level1, .talks .level2{position:relative; margin-top:-1px; padding-bottom:20px; border:1px solid #eee;}
.talks .level2{width:620px; margin:0 auto 10px auto; padding-bottom:10px;}
.talks .face{display:block; position:absolute; right:10px; top:10px; width:40px; height:40px; padding:2px; border:1px solid #CCC;}
.talks .face img{width:40px; height:40px;}
.talks .name{display:block; padding:15px 0 0 20px;}
.talks .name a{color:#338AC7; text-decoration:none;}
.talks .name a:hover{text-decoration:underline;}
.talks .time{display:block; padding:10px 0 0 20px; color:#999;}
.talks .content{padding:20px 50px 15px 20px; line-height:1.6em;}
.talks .button{padding:0 0 10px 20px;}
.talks .button input{background:#398DFD; border:1px solid #398DFD; line-height:25px; height:25px; padding:0 5px; color:#fff; cursor:pointer;}
.talks .turnner{margin:16px 0 0 0;}

.talks form {padding:0 20px;}
.talks table{border-collapse:collapse; width:100%;}
.talks table td{padding:10px 0; text-align:left;}
.talks table td input, .talks table td textarea{padding:9px; border:solid 1px #E5E5E5; outline:0; font:normal 13px/100% Verdana, Tahoma, sans-serif; width:220px; background:#FFFFFF; background:-webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background:-moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow:rgba(0,0,0, 0.1) 0px 0px 8px;}
.talks table td input:hover, .talks table td textarea:hover,  
.talks table td input:focus, .talks table td textarea:focus{border-color:#C9C9C9; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 8px; }
.talks table td.submit input{cursor:pointer; width:auto; padding:3px 10px; background:#617798; border:0; font-size:14px; color:#FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px;}
.talks table td label {margin-left:10px; color:#999999;}
.talks table td textarea{width:340px; height:80px;}
.talks table td #tips{margin-left:20px; color:#f00;}
.talks table td #cancel{background:#999; margin-left:6px; display:none;}
.talks table td .err{padding:3px 0 3px 20px; background:url(icon.err.gif) no-repeat;}
.talks table td .yes{padding:3px 0 3px 20px; background:url(icon.yes.gif) no-repeat;}

/* 附件 */
.fcattached{background:url(fcattached.gif) no-repeat left center; padding-left:20px; font-size:14px; text-decoration:none; border-bottom:1px dotted #aaa;}