﻿.listbox {
	background:#fff;
	border:#cdcdcd solid 1px;
}
.listbox-table {
	padding: 12px;
}
.listbox-list {
	padding: 0;
}
.listbox-normal {
	padding: 6px 6px 0 6px;
}
.listbox-image {
	padding: 16px 12px 0 12px;
}
.listbox-table table {
	border-top: 1px dotted #cdcdcd;
}
.listbox-table td {
	line-height: 26px;
}
.listbox-header {
	word-break:break-all;
	font-weight: bold;
	border-bottom: 1px dotted #cce;
}
.listbox-entry {
	word-break:break-all;
	border-bottom: 1px dotted #cce;
}
.listbox-entry a{
	word-break:break-all;
}

.listbox-admin {
	background:#fff;
	border:#cdcdcd solid 1px;
}
.listbox-table-admin {
	padding: 12px;
}
.listbox-table-admin table {
	background:#a0b2d2;/*ccc*/
}
.listbox-table-admin td {
	line-height: 26px;
	padding:4px 6px;
}
.listbox-header-admin {
	word-break:break-all;
	font-weight: bold;
	background:#d9e3f5;/*eee*/
}
.listbox-entry-new {
	word-break:break-all;
	background:#fdffce;
}
.listbox-entry-admin {
	word-break:break-all;
	background:#fff;
}
.pcategory {
	background-color: #ecf4fa;
	color: #336699;
}

/* articles list */
.normal_ul{
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	width:100%;
	display: block;
}
.normal_ul li{
	clear:both;
	margin:0 0 6px 0;
	padding:12px 0 0 0;
	overflow:hidden;
	background:#fff url(images/news_body_bg.png) left -120px repeat-x;
}
.normal_ul .uhover{
	background:#fff url(images/news_body_bg.png) left -160px repeat-x;
}
.normal_ul .ahover{
	background:#fff url(images/news_body_bg.png) left -200px repeat-x;
}
.normal_ul li .preview{
	float:left;
	display:inline;
	padding: 0 12px;
}
.normal_ul li .preview img{
	width:100px;
	height:72px;
	border:1px solid #bce;
}
.normal_ul li .preview .author{
	color:#999;
	line-height:20px;
	padding:5px 0 0 0;
}
.normal_ul li .preview .author a{
	color:#999;
}
.normal_ul li .preview .counter{
	color:#999;
	line-height:20px;
}
.normal_ul li .preview .counter a{
	color:#999;
}
.normal_ul li .preview .time{
	color:#999;
	line-height:20px;
	padding:0 0 5px 0;
}
.normal_ul li .title{
	display:inline;
	padding:0 6px 0 0;
	font-size:14px;
	font-weight:bold;
}
.normal_ul li .title a:link, .normal_ul li .title a:visited {
	color: #0571bc;
}
.normal_ul li .title a:hover {
	color: #0571bc;
}
.normal_ul li .cate{
	padding:12px 12px 0 12px;
	color:#999;
}
.normal_ul li .cate a{
	color:#999;
}
.normal_ul li .intro{
	padding:12px;
	color:#333;
	line-height:20px;
	word-break:break-all;
	color:#444;
}

.list_ul{
	margin:0;
	padding:0;
	overflow:hidden;
	border-top:1px solid #f9f9f9;
}
.list_ul li{
	list-style:none;
	clear:both;
	margin:0;
	padding:0;
	overflow:hidden;
	height: 36px;
	line-height: 36px;
	border-bottom:1px solid #f9f9f9;
	background:#fff url(images/news_body_bg.png) left -360px repeat-x;
}
.list_ul li a:link, .list_ul li a:visited{
	color: #000;
}
.list_ul li a:hover{
	color: #069;
}
.list_ul .uhover{
	background:#fff url(images/news_body_bg.png) left -240px repeat-x;
}
.list_ul .ahover{
	background:#fff url(images/news_body_bg.png) left -120px repeat-x;
}
.list_ul li .chbox{
	display:inline;
	float: left;
	margin: 0 0 0 12px;
	height: 36px;
	line-height: 36px;
	display:table-cell;
	vertical-align:middle;
}
.list_ul li .edit{
	display:inline;
	float: right;
	width: 24px;
	height: 36px;
	line-height: 36px;
	margin: 0 12px 0 0;
}
.list_ul li .num{
	display:inline;
	float: right;
	color: #999;
	margin: 0 12px 0 0;
}
.list_ul li .num a{
	color: #999;
}
.list_ul li .time{
	display:inline;
	float: right;
	color: #999;
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
}
.list_ul li .icons{
	display:inline;
	float: left;
	width: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0 12px;
}

.waterfall {
	margin:0 auto;
	padding:0;
	overflow:hidden;
	height:1px;
}
.waterfall li {
	margin:0 10px 10px 0;
	padding:0;
	width:224px;
	list-style:none;
	overflow:hidden;
	float:left;
	background:#fff;
}
.waterfall li div.box {
	border:1px solid #ddd;
}
.waterfall li.uhover div.box {
	border:1px solid #eee;
}
.waterfall li.ahover div.box {
	border:1px solid #69c;
	background:#fcfcff;
}
.waterfall li .preview {
	display:block;
	padding:10px;
}
.waterfall li .preview img {
	width:202px;
}
.waterfall li p {
	margin:0;
	padding:0;
}
.waterfall li p a {
	display:block;
	padding:0 10px 10px 10px;
	text-decoration:none;
}
.waterfall li p span {
	display:block;
	border-top:1px solid #ddd;
	background:#f6f6f6;
	padding: 10px;
	color:#999;
}
.waterfall li.ahover p span {
	background:#eeeef6;
}
.waterfall li p em {
	padding:0 0 0 3px;
	float:right;
	font-style:normal;
}
.waterfall li div.bg_waterfall {
	height: 9px;
	line-height: 9px;
	background: url(index/waterfall.gif) top right no-repeat;
}
.waterfall li.ahover div.bg_waterfall {
	height: 9px;
	line-height: 9px;
	background: url(index/waterfall_over.gif) top right no-repeat;
}

.imglist_ul{
	margin:0 0 12px 0;
	padding:0;
	overflow:hidden;
}
.imglist_ul_blank{
	margin:0;
	padding:0;
	overflow:hidden;
	height:0;
}
.imglist_ul li{
	list-style:none;
	margin:0;
	padding:0;
	width:33.333%;
	float:left;
}
.imglist_ul li .preview {
	position:relative;
	display:block;
	margin:0 auto;
	width:238px;
	height:188px;
	border:1px solid #eaeaea;
	border-bottom:0;
	background: #f8f8f8 url(index/image.png) center center no-repeat;
}
.imglist_ul li .preview:hover {
	background: #f8f8f8 url(index/imageb.png) center center no-repeat;
}
.imglist_ul li .preview p{
	position:absolute;
	overflow:hidden;
	cursor:pointer;
	top:8px;
	left:8px;
	width:222px;
	height:172px;
	margin:0;
}
.imglist_ul li .preview p img{
	width:222px;
	height:172px;
}
.imglist_ul li span {
	display:block;
	margin:0 auto;
	width:230px;
	padding:12px 4px 12px 4px;
	line-height:16px;
	border:1px solid #eaeaea;
	border-top:0;
	background: #f8f8f8;
	font-size:16px;
}
.imglist_ul li div {
	display:block;
	margin:0 auto;
	width: 240px;
}
.imglist_ul li span p {
	margin:0;
	padding:0;
	font-size:10px;
	color:#999;
}
.imglist_ul li span em {
	padding:0 0 0 3px;
	float:right;
	font-style:normal;
}

/* no entry to display box */
.no-entry {
	background:#fff;
	border:#ddd solid 1px;
}
.no-entry-message {
	padding: 32px 12px;
	background:#fff;
	text-align: center;
}

.prev-article{ float: left; line-height: 24px;}
.next-article{ float: right; line-height: 24px;}
.category-label{ text-align: center; line-height: 24px;}
.prev-article a:link,.prev-article a:visited,.next-article a:link,.next-article a:visited {
	color: #666;
	text-decoration: none;
}
.prev-article a:hover,.next-article a:hover {
	color: #069;
	text-decoration: underline;
}

/* text box */
.textbox{
	background:#fff url(images/news_body_bg.png) left top repeat-x;
	overflow:hidden;
}
.textbox-title{
	word-break:break-all;
	height: 96px;
	padding: 0;
	border: 1px solid #ddd;
	border-bottom:0;
	text-align: center;
}
.textbox-title h4{
	word-break:break-all;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	color: #0571bc;
	padding: 36px 0 0 0;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
.textbox-title h4 a:link {
	color: #0571bc;
}
.textbox-title h4 a:visited {
	color: #000;
}
.textbox-title h4 a:hover {
	color: #0571bc;
	text-decoration:none;
}
.textbox-label{
	color: #999;
	padding: 0;
	height: 30px;
	line-height: 30px;
}
.textbox-label a:link,
.textbox-label a:visited {
	color: #999;
}
.textbox-label a:hover {
	color: #333;
	text-decoration: none;
}
.textbox-fontsize {
	padding: 12px 12px 0 12px;
	text-align: right;
	border: 1px solid #ddd;
	border-top:0;
	border-bottom:0;
}
.textbox-content {
	word-break:break-all;
	padding: 36px;
	padding-bottom:0;
	border: 1px solid #ddd;
	border-top:0;
	border-bottom:0;
	font-size: 14px;
	line-height: 180%;
	color: #000;
}
.textbox-content a:link,.textbox-content a:visited {
	color: #0571bc;
}
.textbox-content a:hover {
	color: #333;
}
.ubbimg {
	background: #f6f9fc url(images/image.png) 50% 50% no-repeat;	
}
.textbox-bottom {
	border: 1px solid #ddd;
	border-top:0;
	padding: 36px;
	padding-top:0;
}
.editmark {
	padding: 16px 0 0 0;
	text-align: center;
	color: #999;
	font-size: 12px;
}
.textbox-urls {
	padding: 16px 0 0 0;
	color: #999;
}
.textbox-urls a:link,.textbox-urls a:visited,.textbox-urls a:hover {
	color: #999;
}

/* guestbook entry box */
.gbbox{
	margin: 6px 0 0 0;
	padding: 6px;
	font-size: 14px;
	border-bottom:1px solid #999;
}
.gbbox-hover{
}
.gbbox-title{
	height: 32px;
	line-height: 32px;
	padding: 0 6px;
}
.gbbox-title a{
	color: #0571bc;
}
.gbbox-label{
	display: inline;
	font-weight: normal;
	color: #999;
	font-size: 10px;
}
.gbbox-content{
	word-break:break-all;
	padding: 6px;
	overflow: hidden;
}
.gbbox-reply {
	color: #0571bc;
	padding: 6px;
	margin-left:62px;
}
.gbbox-reply-title{
	height: 32px;
	line-height: 32px;
	padding: 0 6px;
	color: #0571bc;
	margin-left:62px;
}
.gbbox-reply-label{
	display: inline;
	font-weight: normal;
	color: #99f;
	font-size: 10px;
}

/* comments wrapper */
.comment-wrapper{
}

/* commnet box */
.commentbox{
	word-break:break-all;
	background:#fff;
	margin: 6px 0 0 0;
	padding: 6px 0;
	border: 1px solid #ddd;
}
.commentbox-hover{
	background: #f6f6f6;
}
.commentbox-title{
	height: 26px;
	line-height: 26px;
	padding: 0 6px;
}
.commentbox-label{
	display: inline;
	color: #999;
	font-size: 10px;
}
.commentbox-content{
	padding: 6px 6px 6px 26px;
	overflow: hidden;
}
.no-comment-box{
	display: none;
	margin-top: 6px;
	padding: 12px;
	background:#fff;
	border:#ddd solid 1px;
}

/* reply commnet box */
.commentbox-reply{
	color: #f60;
}
.commentbox-reply-title{
	height: 26px;
	line-height: 26px;
	padding: 0 6px 6px 26px;
}
.commentbox-reply-label{
	display: inline;
	color: #fc9;
	font-size: 10px;
}
.commentbox-reply-content{
	padding: 0 6px 6px 26px;
}

/* comment form wrapper */
#commentForm {
	width: 100%;
}