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

.page.blog {margin-bottom:100px; text-shadow:1px 1px 2px rgba(0,0,0,0.8); }
.msie7 .page.blog {padding-top:120px;}


.page.blog .head {font-size:20px; color:#FFF; color:#CCC; margin:20px 0 10px 20px;}
.msie6 .page.blog .head {margin-top:60px; }

.page.blog .right {float:right; width:220px; padding:10px; margin-right:20px;  }
.page.blog .right .box {width:100%; margin-bottom:20px; padding:10px; border:1px solid #2d2d2d; -moz-border-radius:12px;  -webkit-border-radius:12px; border-radius:12px; background:url(bg2.gif) repeat; }
.page.blog .right .head {margin:0 0 10px 0;}
.page.blog .right .lists .item {border-bottom:1px solid #6a6a6a; padding:10px 0; line-height:18px;}
.page.blog .right .lists .item:last-child {border:none;}
.page.blog .right .grids .item {display:block; float:left; width:48px; height:48px; margin:5px}
.page.blog .right .grids .item a {}
.page.blog .right .grids .item img {width:48px; height:48px; border:1px solid #333;}


.page.blog .left {width:600px; margin-left:20px;}
.msie6 .page.blog .left {width:560px;}
.page.blog .left table.lists {margin-top:20px; width:100%;}
.page.blog .left .lists td {border-top:1px solid #6a6a6a; padding:10px 5px}
.page.blog .left .lists tr:last-child td{border-bottom:1px solid #6a6a6a;}
.page.blog .left .lists tr:hover td { background-color:rgba(0,0,0,0.2);}
.page.blog .left .lists td.thumbnail {width:120px; text-align:right; padding-left:10px;}
.page.blog .left .lists .topic {color:#FFF; fon-weight:bold; font-size:20px; line-height:25px;}
.page.blog .left .lists .excerpt { margin-top:10px; line-height:20px; color:#CCC; } 
.page.blog .left .lists .whoWhen {color:#8ad4f0; font-size:13px;}
.page.blog .left .lists .thumbnail {}
.page.blog .left .lists .thumbnail img {max-width:100px; border:1px solid #333}

.pagination {margin-top:10px; text-align:center;}
.pagination * {padding:5px;}


/*detail page*/
.page.blog.detail {}
.page.blog.detail .head {color:#FFF;}
.page.blog.detail .date {color:#8ad4f0; font-size:13px; }
.page.blog.detail .content {margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #333; line-height:22px;} 
.page.blog.detail .content video { max-width:530px; }
.page.blog.detail .content video, 
.page.blog.detail .content iframe,
.page.blog.detail .content embed,
.page.blog.detail .content img { margin:10px 0; padding:1px; background-color:#333; display:block; max-width:540px; }
.page.blog.detail .content .textimg { margin:0; display:inline; }
.page.blog.detail .content p {display:block; margin:10px 0}
.page.blog.detail .content strong { font-weight:bold; }

.page.blog.detail .publisher {margin-top:20px; padding-top:10px; border-top:1px solid #333;}
.page.blog.detail .publisher .head {margin:0;}
.page.blog.detail .publisher table {margin-top:10px;}
.page.blog.detail .publisher td { vertical-align:top; padding:5px; border:none;}
.page.blog.detail .publisher .bio {width:500px;  line-height:22px;}
.page.blog.detail .publisher .avatar { padding-right:10px; }
.page.blog.detail .publisher .avatar img { width:48px; height:48px; display:inline; }

.page.blog.detail .comment {margin-top:20px; padding-top:10px; border-top:1px solid #333; }
.page.blog.detail .comment .head {margin:0 0 20px 0; display:block;  cursor:pointer; }
.page.blog.detail .comment .head:hover { color:#8ad4f0; }
.page.blog.detail .comment.hide .head {background:url(list_arrow.png) right center no-repeat;}
.page.blog.detail .comment form { background:url(bg2.gif) repeat; border:1px solid #2d2d2d;  -moz-border-radius:12px;  -webkit-border-radius:12px; border-radius:12px; padding:20px; }
.page.blog.detail .comment.hide form {display:none;}
.page.blog.detail .comment table {width:100%;}
.page.blog.detail .comment th { border-bottom:1px solid #3a3a3a; padding:15px 0 0 0; vertical-align:top; text-align:left; font-weight:normal; width:120px;  min-width:120px; font-size:14px;  }
.page.blog.detail .comment td { border-bottom:1px solid #3a3a3a; padding:10px 0; vertical-align:top;}
.page.blog.detail .comment tr:hover input { background-color:rgba(255,255,255,0.1);}
.page.blog.detail .comment tr:hover textarea { background-color:rgba(255,255,255,0.1);}
.page.blog.detail .comment .inpTxt  {width:100%; border:none;  color:#FFF; background-color:rgba(255,255,255,0); }
.page.blog.detail .comment textarea  {width:100%;  border:none; color:#FFF;  background-color:rgba(255,255,255,0);}
.page.blog.detail .comment .last th ,
.page.blog.detail .comment .last td {border:none;}
.page.blog.detail .comment #securicode {width:150px;  margin-right:20px;}
.page.blog.detail .comment #securimage {display:block; float:right; }
.page.blog.detail .comment #securimage img {width:120px; height:24px; opacity:0.5}
.page.blog.detail .comment #btnSend { display:block; background:url(btnSend.png) no-repeat; width:93px; height:38px; text-indent:-9999px; overflow:hidden; float:right; margin:10px 0 0 0; cursor:pointer; }
.page.blog.detail .comment #btnSend.hide {display:none;}
.page.blog.detail .comment #sending {text-align:right;margin:10px;}
.page.blog.detail .comment #sending.hide {display:none;}


.page.blog.detail .guestbook {margin-top:20px; padding-top:10px; border-top:1px solid #333; }
.page.blog.detail .guestbook .item {border-bottom:1px dotted #333; padding:10px 0; }
.page.blog.detail .guestbook .whoWhen {color:#8ad4f0; font-size:13px;}
.page.blog.detail .guestbook .msg {margin:10px;}
.page.blog.detail .guestbook .msg .pending {color:#666}



a.rss-btn {display:block; overflow:hidden; text-indent:20px; background:url(rss_icon.png) no-repeat; }

.not_published {margin:20px;}
.fbcomment {margin:20px 0;}