/*
 * CSS Primary Definition of www.ks-pe.com, 2008-2009.
 * Maintained by KEVIN SHEEP.
 */

/* General Definition */
html, body {
	height: 100%;
}
body {
	background: #f0f0f0 url(Images/line_top.gif) top repeat-x;
}


/* Layout Definition */

#main_center {
	margin: 0px auto;
}

/* Elements */
.mainbox {
	width: 974px;
	margin: 0px auto;
	background: url(Images/bg_showbox.png) -4000px repeat-y;
}
.mainboxT {
	height: 55px;
	background: url(Images/bg_showbox.png) -3000px top no-repeat;
}
.mainboxC {
	padding: 15px 57px 60px;
	height: auto!important;
	height: 450px;
	min-height: 450px;
	background: url(Images/bg_showbox.png) -5000px bottom no-repeat;
}
	/*show content*/
#mainboxCon {
	width: 599px;
	height: auto!important;
	height: 400px;
	min-height: 400px;
	float: right;
	padding: 5px 17px 3px 18px;
	position: relative;
	background: url(Images/divline_lp.gif) repeat-y 2px;
}
#mainboxCon li {/*栏目页列表块*/
	padding-bottom: 20px;
}
#mainboxCon h2 {
	padding: 5px 0px 6px 1px;
	line-height: 24px;
}
#mainboxCon h2, #mainboxCon h2 a {
	color: #0761a2;
	font-size: 14px;
	text-decoration: none;
	font-family: "微软雅黑", Verdana, Tahoma, sans-serif, "宋体";
}
#mainboxCon h2 a {
	padding-right: 14px;
	background: url(Images/icon_link.gif) no-repeat right 4px;
}
#mainboxCon h2 a:hover {
	background-position: right -47px;
}
#SimListBox ul {
	padding: 0px 5px;
}
#SimListBox li {
	padding: 0px;
	line-height: 28px;
}
#SimListBox li a {
	text-decoration: none;
}
#SimListBox li a:hover {
	text-decoration: underline;
}
#SimListBox .NodeName {
	margin-right: 5px;
}
#SimListBox .CreateTime {
	color: #999999;
	font-family: Verdana, Geneva, sans-serif;
	margin-left: 5px;
	font-style: italic;
	font-size: 11px;
}
.infobox {
	background: url(Images/bg_infobox.gif);
	padding: 3px 8px;
}
.infobox span, .infobox2 span {
	color: #555555;
	padding-left: 15px;
	background: url(Images/icons_content.gif) no-repeat 3px 3px;
}
.infobox a {
	color: #555555;
	text-decoration: underline;
}
.infobox a:hover {
	color: #cc3333;
}
.infobox span {
	margin-right: 15px;
}
.infobox2 {
	text-align: right;
	padding: 3px 5px;
	border-bottom: 1px dashed #cccccc;
}
.infobox2 span {
	margin-left: 15px;
}
span.CreateTime {
	background-position: 3px 3px;
}
span.NodeName {
	background-position: 0px -96px;
}
span.Hits {
	background-position: 0px -197px;
}
span.CopyFrom {
	background-position: 0px -396px;
}
span.Comment {
	background-position: 0px -297px;
}
.contentBox {
	height: auto!important;
	height: 400px;
	min-height: 400px;
	color: #444444;
	padding: 20px 5px 20px 10px;
}
.pictureBox {
	height: auto!important;
	height: 400px;
	min-height: 400px;
	color: #444444;
	padding: 20px 0;
}
.contentBox, .contentBox div, .contentBox td {
	line-height: 180%;
}
.contentBox .c_content_overflow, .pictureBox .c_content_overflow {
	width: 100%;
}
.pictureBox, .pictureBox div, .pictureBox table {
	margin: auto;
	text-align: center;
}
#mainboxCon .showpic {
	text-align: left;
	width: 100%;
	max-height: 260px;
	overflow: hidden;
}
.list_thumb_intro {
	margin: 9px;
}
.list_thumb_intro p {
	text-indent: 2em;
	color: #333333;
	line-height: 20px;
	padding: 10px 0px;
}
/*代码显示*/
.RunableCode, .CopyableCode, .oXSLTCode {
	margin: 5px auto;
}
.RunableCode textarea, .CopyableCode textarea, .oXSLTCode textarea {
	border: 1px dashed #cc3333;
	width: 98%;
	line-height: 18px;
	color: #333333;
	font-family: Courier, monospace, Verdana, Geneva, sans-serif, Tahoma, "微软雅黑", "宋体";
	background-color: #f3faec;
	white-space: pre;
	padding: 1px;
/*	word-break: break-all;
	line-break: strict;
	word-wrap: break-word;
*/}
.RunableCode a, .CopyableCode a, .oXSLTCode a {
	display: inline-block;
	width: 64px;
	height: 26px;
	line-height: 26px;
	color: #aaaaaa;
	margin: 5px 5px 0px 0px;
	text-align: center;
	background: url(Images/bt_code.gif) no-repeat top;
}
.RunableCode a:hover, .CopyableCode a:hover, .oXSLTCode a:hover {
	color: #469bf1;
}
/*列表样式*/
#mainboxCon .listStyleA li {
	list-style-type: disc;
	margin-left: 15px;
	padding: 0px;
}
/*SideBar, Navigation Tree, etc.*/
#mainSidebar {
	width: 226px;
	float: left;
}
.contentField #mainSidebar {
	display: none;
}
.contentField #mainboxCon {
	background: none;
	width: 820px;
}
.contentField #divlineArrow {
	background-position: 0px 9px;
}
#mainSidebar dl {
	padding: 5px 20px;
}
#mainSidebar, #mainSidebar a {
	font-family: Verdana, Tahoma, sans-serif, "宋体";
}
#mainSidebar dt {
	font-weight: bolder;
	line-height: 24px;
	color: #333333;
	border-bottom: 1px dashed #666666;
/*	background: url(Images/icons_content.gif) no-repeat right -591px;
*/}
#category dt {
	background-position: right -90px;
}
#userpanel dt {
	background-position: right -494px;
}
#newlyMessage dt {
	background-position: right -291px;
}
#mainSidebar dt span {
	font-weight: normal;
	color: #cc0000;
	font-size: 10px;
}
#mainSidebar dd {
	padding: 8px 0px;
	line-height: 20px;
}
#mainSidebar dd a {
	color: #0761a2;
}
#mainSidebar dd a:hover {
	color: #cc0000;
}
#mainSidebar dd span {
	color: #999999;
	font-size: 10px;
	margin-left: 4px;
}

#mainSidebar .relativeList a, #mainSidebar .relativeList2 a {
	background: url(Images/icon_li.gif) no-repeat 3px 2px;
	text-decoration: none;
	padding-left: 16px;
	color: #999999;
}
#mainSidebar .relativeList2 a {
	background: url(Images/icon_li2.gif) no-repeat 3px 2px;
}
#mainSidebar .relativeList a:hover {
	color: #0761A2;
	background-position: 3px -98px;
}
#mainSidebar .relativeList2 a:hover {
	color: #5c7c0b;
	background-position: 3px -98px;
}
#mainSidebar .friendList a {
	background: url(Images/icon_link.gif) no-repeat scroll 3px 3px;
	color: #999999;
	text-decoration: none;
	padding-left: 16px;
}
#mainSidebar .friendList a:hover {
	background-position: 3px -47px;
	color: #3a8ecc;
}

/*分隔线*/
#divlineArrow {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 11px;
	height: 300px;
	cursor: pointer;
}
#divlineArrow {
	background: url(Images/bg_arrow.gif) no-repeat -100px 7px;
}

/*折叠按钮*/
.toolsbox {
	border: 1px solid #f7f7f7;
	margin: 1px auto 15px;
	padding: 1px;
	background-color: #ffffff;
	position: relative;
	z-index: 100;
}
.toolsbox dd {
	height: 17px;
	padding: 6px 12px 7px;
	background: #f7f7f7 url(Images/bg_toolsbox.gif) repeat-x top;
}
.toolsbox a {
	width: 15px;
	height: 15px;
	margin-left: 6px;
	display: inline-block;
	background: url(Images/icon_toolsbar.gif) no-repeat;
}
.toolsbox span {
	color: #666666;
	font-style: normal;
}
.toolsbox a, .toolsbox span {
	vertical-align: middle!important;
	vertical-align: baseline;
}
#divlineBT, #listSwitch {
	float: left;
	display: inline;
}
#listSwitch {
	margin-left: 20px;
}
a.BT_ToFold {
	background-position: left -248px;
}
a.BT_ToFold:hover, a.BT_Folded {
	background-position: left -48px;
}
a.BT_ToUnfold {
	background-position: left -198px;
}
a.BT_ToUnfold:hover, a.BT_Unfolded {
	background-position: left 2px;
}

a.BT_ToTextList {
	background-position: left -348px;
}
.toolsbox a.BT_ToTextList:hover, a.BT_TextList {
	background-position: left -148px;
}
a.BT_ToPicList {
	background-position: left -298px;
}
.toolsbox a.BT_ToPicList:hover, a.BT_PicList {
	background-position: left -98px;
}
a.BT_Unfolded, a.BT_Folded, a.BT_TextList, a.BT_PicList {
	cursor: auto;
}
/*顶*/
#supportMe, #noSupportMe {
	float: right;
	padding-left: 20px;
	color: #cc2222;
	cursor: pointer;
	margin-left: 18px;
	font-family: "Arial Black", Gadget, sans-serif;
	background: url(Images/icon_thumb.gif) no-repeat left 0px;
}
#noSupportMe {
	background-position: left -99px;
}
/*内容评论样式*/
#commentform {
	padding-top: 10px;
}
.CommentList {
	color: #333333;
	background-color: #ffffff;
}
.CLTit {
	font-weight: bolder;
	margin-top: 5px;
	color: #165faf;
	background-color: #ffffff;
}
.CommentList dl {
	border: 1px solid #cccccc;
	padding: 1px;
	margin: 5px auto;
	height: auto!important;
	height: 50px;
	min-height: 50px;
}
.CommentList dt {
	line-height: 24px;
	padding-left: 5px;
	background-color: #fff5f5;
	overflow: hidden;
}
.CommentList dt span {
	padding-right: 20px;
	background: url(Images/icons_content.gif) no-repeat right -297px;
}
.CommentList dd {
	padding: 5px;
	line-height: 22px;
	word-break: break-all;
	line-break: strict;
	word-wrap: break-word;
	white-space: normal;
}
.CListPage {
	text-align: right;
	color: #aaaaaa;
	background-color: inherit;
}
.CListPage a {
	color: #aaaaaa;
	text-decoration: none;
}
.CListPage a:hover, .CListPage span {
	color: #cc0000;
}
.CListPage a:hover {
	color: #cc3333;
}
.CReply {
	border: 1px dashed #cccccc;
	margin: 5px 10px;
	padding: 5px 10px;
	background-color: #ffffcc;
}
.CReply span {
	color: #cc3333;
}
.CReply em {
	display: block;
	text-align: right;
	color: #aaaaaa;
}
.ToComment em {
	margin-left: 6px;
	font-size: 10px;
	color: #aaaaaa;
	font-family: Verdana, Geneva, sans-serif;
}
.ToComment .inputtext {
	color: #6666cc;
	padding-left: 4px;
	margin-top: 3px;
}
.ToComment .inputbutton, a.commentButton {
	display: inline-block;
	width: 64px;
	height: 26px;
	line-height: 26px;
	color: #6666cc;
	margin: 5px 5px 0px -1px;
	text-align: center;
	border: 0px;
	cursor: pointer;
	text-decoration: none;
	background: url(Images/bt_code.gif) no-repeat top;
}
.ToComment textarea {
	overflow: auto;
	width: 98%;
	height: 100px;
	margin: 3px auto 0px;
	padding: 4px;
	border: 1px solid #cccccc;
	background: url(Images/bg_comment.gif) no-repeat 10% center;
}
.showIP {
	color: #165faf;
	float: right;
	margin-right: 12px;
	font-family: "Courier New", Courier, monospace;
}