﻿/*=pagebar*/
.pagebar{text-align:center;font-size:13px;margin:5px 0 10px}
.pagebar a{border:1px solid #CCC;padding:0 5px;margin:0 2px;color:#333}
.pagebar a:hover{background:#6CF;}
.pagebar .now-page{border-bottom:1px solid #09C;margin:0 2px;padding:0 5px;background:#09C;font-weight:bold;color:#FFF}
.lognav{margin:10px 0;overflow:hidden;height:20px;font:bold 13px/20px "Comic Sans MS";display:block}
.lognav .left{float:left;width:45%;height:20px;overflow:hidden}
.lognav .right{float:right;width:45%;text-align:right;height:20px;overflow:hidden}

/*=cate 1 2 8 9*/
.cate1 .title,.cate2 .title,.cate8 .title,.cate9 .title{background:url(title.gif) 0 50% no-repeat;padding:0 0 0 13px;margin:0 0 0 -13px;}
.cate1 .info,.cate2 .info,.cate8 .info,.cate9 .info{position:absolute;left:-135px;top:9px;width:106px;text-align:right;border:2px solid #09C;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:12px Tahoma;color:#2e7c99}
.cate1 time,.cate2 time,.cate8 time,.cate9 time{overflow:hidden;background:url(timebg.gif) right bottom no-repeat;display:block;_padding:0 0 3px;}
.cate1 time b,.cate2 time b,.cate8 time b,.cate9 time b{float:right;font-size:30px;margin:-5px 0 0 5px;_margin:-5px 0 0;color:#FFF;text-shadow:-1px 0 #036}
.cate1 time i,.cate2 time i,.cate8 time i,.cate9 time i{display:block}
.cate1 .comment,.cate2 .comment,.cate8 .comment,.cate9 .comment{display:block;float:right}

/*=cate4*/
.cate4 .content h3{font:bold 30px Georgia;text-align:center}
.cate4 .content h4{font-size:16px;}

/*=cate 3 4 5 6 7*/
.cate3 header,.cate4 header,.cate5 header,.cate6 header,.cate7 header{text-align:center;}

/*=article*/
article{padding:10px 0 0}
.tag{text-align:left}
.content{_width:600px;_overflow:hidden;}

/*=Gallery*/
.Gallery{text-align:center;overflow:hidden;_height:100%}
.Gallery a{float:left;position:relative;width:192px;border:2px solid #444;height:150px;margin:2px;display:block;overflow:hidden;text-align:left}
.Gallery a img{position:absolute;width:100%;}

/*=quote*/
article blockquote{border:1px solid #CCC;padding:8px 10px 6px;margin:5px 0;background:#f6f6f7 url(smallquote.gif) 10px 8px no-repeat;text-indent:30px;}
article blockquote + br{display:none}

/*=postil*/
#postil{background:#f5f5f5;border:1px solid #CCC;padding:0 8px 5px;border-top:none;}
#postil b{text-decoration:underline}
#postil p{padding:3px 0;word-spacing:3px}
#postil p + p{margin:0 0 0 -3px}
#postil a{color:#036;text-decoration:underline}

/*=related*/
#related{padding:10px 0 0}
#related h3{margin:0 0 10px;border-bottom:1px dashed #afaeb4;padding:0 0 5px;color:#afaeb4;font-size:14px}
#related ul li{display:inline;font-size:13px;}
#related a{display:inline-block;width:300px;color:#333}
#related a:hover{color:#09C}
#related .tabson{color:#336}

/*=comments*/
#comments{padding:10px 0 0;margin:10px 0}
#comments h3{margin:0 0 20px;border-bottom:1px dashed #afaeb4;padding:0 0 5px;color:#afaeb4}
#comments ol li{position:relative;}
#comments cite{font-style:normal;position:absolute;width:120px;padding:0 10px 0 0;background:url(title.gif) no-repeat right 10px;left:-135px;text-align:right;*top:20px}
#comments time{display:block}
.avatar{border:2px solid #FFF;height:48px;width:48px;display:block;float:right;-moz-border-radius:5px;-webkit-border-radius:5px;margin:0 0 0 3px}
.avatar:hover{border-color:#09C}
.avatar img{display:none}
#comments cite strong{padding:5px 0 0;}
#comments cite strong a{color:#036}
#comments cite time{font-size:10px;color:#2e7c99;background:none;padding:1px 0;}
#comments cite .revert{}
#comments blockquote{background:#F5F5F5;border-top:1px dashed #CCC;padding:5px;_height:50px;min-height:50px}
#comments blockquote blockquote{margin:3px 0 0;padding:3px 5px 20px;border:none;color:#000;text-align:left;border:1px solid #4ac7f5;_height:100%;min-height:0;position:relative;background:#c8eefc}
#comments blockquote blockquote .quote-title{position:absolute;bottom:2px;right:5px;}
#comments .reply{margin:10px 0 0;border:1px solid #EEE;background:#F9F9F9 url(smallquote.gif) 10px 10px no-repeat;padding:10px 10px 30px;min-height:100%;position:relative;text-indent:30px;zoom:1}
#comments .reply cite{position:absolute;bottom:5px;right:8px;color:#999}

/*=postComment*/
#postComment{padding:20px 0;position:relative;}
#postComment h3{background:url(title.gif) 0 50% no-repeat;padding:0 0 0 13px;margin:0 0 10px -13px;}
#postComment form{}
#postComment label{display:block;margin:0 0 10px}
#postComment .verify{height:0px;overflow:hidden;margin:0}
#postComment .text{border:2px solid #444;width:200px;height:20px;padding:6px 2px 2px 24px;*padding:0 2px 0 24px;*height:28px;line-height:28px;}
#inpName{background:#FFF url(name.gif) 3px 50% no-repeat;}
#inpEmail{background:#FFF url(email.gif) 3px 50% no-repeat;}
#inpHomePage{background:#FFF url(home.gif) 3px 50% no-repeat;}
#postComment textarea.text{position:absolute;top:55px;*top:57px;right:0;_right:5px;border:2px solid #000;width:340px;height:92px;*height:96px;padding:10px;overflow:auto;line-height:1.5}
#postComment .button{font-weight:bold;letter-spacing:2px;border:2px solid #000;padding:6px 20px;*padding:5px 20px 10px;*height:28px;position:absolute;right:0;_right:5px;top:180px;*top:185px}

#taoroll{position:absolute;left:-135px;top:20px}