/* CSS */
* {
margin:0;
padding:0;
}
body {
font-family:Verdana, "宋体", Arial,Sans;
font-size:12px;
color:#4d4b4c;
background:#fff url(../img/bg.gif) repeat-x;
cursor:url(../img/cursor.ani),default;
}
a{
text-decoration:none;
color:#066;
border:0;
}
img {border:0;}
a:hover {
color:#333;
border:0;
}
img{
/*max-width: 550px; width:expression(this.width>550 ? "550px":this.width); */
}
.image{
border:1px solid #ddd;
background:#f8f8f8;
padding:5px;
}
.keywords{
padding:5px 10px 10px 10px;
text-decoration:none;
margin-bottom:20px;
} 
.keywords input{
padding: 3px 3px 0;
	border: 1px solid #C0BBB4;
}
.keywords #keys{
padding: 3px 3px;
	border: 1px solid #C0BBB4;
}
.keywords #postkeys{
position:absolute;
margin-top:5px;
text-decoration:none;
} 
textarea,input,select {
font:12px Verdana, Tahoma, sans-serif;
}
textarea {
line-height:150%;
overflow:auto;
padding:4px;
}
input {
color:#000;
background:#fff;
padding:3px;
}
hr {
height:1px;
border:1px solid #B3CBE1;
margin:5px 0;
}
ul, ol {
list-style:none;
}
div {
word-wrap:break-word;
}
.formbox #postmsg{
position:absolute;margin-left: 5px;margin-top: 7px;font-size:13px;color:#833;
}

/* 布局 */
#outmain {
width:100%;
margin:auto;
}
#main {
	width:900px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#main .list{
margin-bottom:15px;
}
#main .list li{
border-bottom:1px dashed #E1E1E1;
overflow:hidden;
display:block;
height:24px;
line-height:25px;
margin-left:10px;
}
#header {
	width:900px;
	height:31px;
	padding-top:75px;
	padding-bottom:5px;
	margin:auto;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.menu {
	float:right;
}
.menu li {
display:inline;
}
.menu a{
float:left;
height:22px;
text-align:center;
padding-left:10px;
padding-right:10px;
padding-top:8px;
margin-left:10px;
text-decoration:none;
color:#ffffff;
}  
.menu a:hover{
color:#cccccc;
}
/* 内容 */
#wrap {
	width:680px;
	margin:auto;
float:left;
}
/* 侧边 */
#sidebar {
	width:202px;
	margin:auto;
	float:right;	background-color:#FFFFFF;
}
#sidebox {
	border:1px solid #DDD;
	margin-bottom:15px;
	padding-bottom:15px;
	clear:both;

}
#sidebar p {
text-align:center;
}
#sidebar p a {
margin:10px;
}
#sidebar p.more {
text-align:right;
padding:6px 0 0;
}
#sidebar table {
width:180px;
}
#sidebar h2 {
	font-size:13px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:5px;
	color:#666666;
}
#sidebar li {
width:180px;
border-bottom:1px dashed #E1E1E1;
overflow:hidden;
display:block;
height:24px;
line-height:25px;
margin-left:10px;
}
#sidebar li span {
color:#666;
}
#sidebar li span.num {
}
#sidebar span{
border-bottom:1px dashed #E1E1E1;
margin-left:10px;
}
/* 内容 */
#wrapbox{
padding:13px;
border:1px solid #DDD;
background-color: #FFFFFF;
}
.content {
font-size:12px;
line-height:180%;
margin:15px 0;
}
.content p {
margin:15px 0;
}
.content ul {
margin:15px 22px;
list-style:disc;
}
.content ol {
margin:15px 30px;
list-style:decimal;
}

.posttitle {
font:bold 12px verdana;
line-height:22px;
margin:3px 0 0;
clear:both;
}
.title span{
float:right;
}
.posttitle span{
float:right;
}
.postdate {
font-size:11px;
color:#777;
}
.postmetadata {
text-align:right;
padding-bottom:5px;
margin:10px 0 5px;
}
/* 底部 */
#footer {
	clear:both;
	text-align:center;
	color:#ffffff;
	padding-top: 20px;
	background-image: url(../img/footer.gif);
	height: 60px;
}
#footer a {
	color:#FFFFFF;
}
#footer a:hover {
	color:#ff9900;
}
/* 代码 */
code {
font-family:"Courier New", Courier;
width:600px;
border:1px solid #ddd;
border-left:3px solid #ddd;
background:#f8f8f8;
word-break:break-all;
display:block;
white-space:normal;
margin:5px;
padding:10px;
overflow:auto;
}
blockquote {
border:1px dashed #9BDF70;
background:#F0FBEB;
margin:5px 0;
padding:5px;
}
/* 分页 */
.page{padding-bottom:20px;} /* SPAN和链接 */
.page a{padding-right:3px;padding-left:3px;} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;} /* 当前链接有激活时 */

/* AJAX 
.ajaxmsg {
background:red;
color:#fff;
line-height:22px;
padding:20px;
}*/
.ajaxdiv {
border:1px solid #ddd;
background:#f8f8f8;
position:absolute;
padding:8px;
line-height:24px;
}
.ajaxdiv H2 {
border-bottom:1px dashed #ccc;
font-size:14px;
line-height:26px;
margin:0;
margin-bottom:15px;
}
.ajaxdiv H2 a {
font-weight:400;
float:right;
}
/* 评论列表 */
#comment {
	margin-top: 5px;
}
#commentsbox{
	padding:13px;
	margin-bottom: 10px;
	background-color: #fcfcfc;
	border: 1px dashed #fcfcfc;
}
#commentsbox:hover{
	border: 1px dashed #CCCCCC;
}
.lesscontent {	
	width:600px;
}
.lesscontent img{	
	float:left;
	margin:0 5px;
	padding:1px;
	border: 1px solid #CCCCCC;
}
.lesscontent p{
	margin-bottom: 5px;
}
.lessdate {
color:#777;
font-size:11px;
text-align:right;
margin-bottom:2px;
padding-bottom:2px;
}
/* 发表框 */
.title {
	position:relative;
	height:18px;
	clear:both;
	margin-bottom:5px;
	font-family: verdana;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 2px;
}
.formbox p {
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.formfield {
	padding: 2px 3px;
	border: 1px solid #C0BBB4;

}
.formfield:hover {
	border: 1px solid #9C0;
}


.formbutton {
	font-size:12px;
	color:#000;
	width:60px;
	height:24px;
	border:1px solid #bbb;
	line-height:24px;
	background-color: #fafafa;
	background-image: url(../img/btnbg.png);
	padding:0px 4px 4px 4px;
}
.art-title {
font-weight:700;
margin-bottom:10px;
}
#article-other {
text-align:center;
margin:15px 0;
font-weight:bold;
}
 /* 运行代码 */
.RunCodes {clear:both;width:500px; height:180px;margin:10px 0;}
.RunCodes textarea{overflow-x:hidden;overflow-y:auto;border:1px solid #9FC3DB; padding:3px;width:500px; height:150px;}
.RunCodes input{float:left; border:1px solid #CDCCB4;background-color: #EFEEE1;color:#767648;width:80px; margin:1px 5px 0 0;padding:5px 10px 3px !important;padding:3px 10px 0px;}
.RunCodes span{float:left;margin:5px 0 0 5px;font-size: 14px;}

fieldset{line-height:150%;padding: 0px 12px 5px;border:1px solid #E1E1E1;font-size:12px;}

/****** 相册列表 ******/
.phototitle {
MARGIN-top:10px;
font-family: verdana;
font-size: 13px;
padding:5px 13px;
border:1px solid #DDD;
border-bottom:0px solid #DDD;
background-color: #FFFFFF;
FLOAT: left; 
}
.photohot {
color: #FF6600;
}
.photostar {
MARGIN-top:0px;
color: green;
}
.photo {
WIDTH: 680px;
padding:8px 0;
border:1px solid #DDD;
background-color: #FFFFFF;
FLOAT: left; 
}
.photo ul {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 162px; HEIGHT: 124px;
}
.photo li {
	FLOAT: left; MARGIN:4px 5px 4px 5px;PADDING: 0px;WIDTH: 157px
}
.photo li A {
	DISPLAY: block; WIDTH: 157px; POSITION: relative; HEIGHT: 118px
}
.photo li IMG {
	DISPLAY: block;BORDER: #ddd 1px solid;BACKGROUND: #f4f8fc; PADDING: 1px; MARGIN: auto auto 3px;WIDTH: 152px;HEIGHT: 114px
}
.photo li A:hover {
	TEXT-DECORATION: none
}
.photo li A:hover IMG {
	BORDER: #f60 2px solid; PADDING: 0px;
}
.photo li SPAN {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; LEFT: 2px; PADDING-BOTTOM: 0px; WIDTH: 146px; COLOR: #fff; LINE-HEIGHT: 15px; PADDING-TOP: 0px; POSITION: absolute; TOP: 95px; HEIGHT: 15px; TEXT-ALIGN: right
}
.photo li em {
	font-style:normal;PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; LEFT: 2px; PADDING-BOTTOM: 0px; WIDTH: 146px; COLOR: #fff; LINE-HEIGHT: 15px; PADDING-TOP: 0px; POSITION: absolute; TOP: 95px; HEIGHT: 15px; TEXT-ALIGN: left
}
.photo li SPAN.back {
	BACKGROUND: #000; FILTER: Alpha(Opacity=30); opacity: 0.5;
}
#linkbox{
padding: 13px;
border:1px solid #DDD;
background-color: #FFFFFF;
float:left;	width:652px;
}
.linkover {
margin:0 0 20px 0;
padding:10px 0;
clear:both;
}
.linkover li {
color:#666;
width:100px;
line-height:20px;
margin:0 10px;
float:left;
}
.linkover li.onelink {
width:300px;
margin:0 10px 8px 0;
}
.linkover li a {
font-weight:700;
}
.linkgroup {
font-weight:700;
font-size:14px;
margin:10px 0 5px;
}
.searchword{color:#000000;background-color:yellow;}
.searchword a{color:#000000;}
.digg {position:relative;padding: 3px 0px 0px 3px; margin:-60px 0px 0px 0px; background-image:url('../img/ding_bg.gif'); width:55px; height:55px; float:right; }
.diggNum {margin:0px; text-align:center; padding:0px;padding-top:3px; font-size:22px; font-weight:bold; color:#fff }
.diggLink {text-align:center;font-size:14px;font-weight:bold;margin: 0px;padding: 12px 0 2px;}
.diggLink a {font-size:14px; font-weight:bold;}


.ftplist{float: left;margin:0;margin-bottom:10px;padding:0 0 10px 0;border: 1px solid #ddd;background:#fff;width:680px;}
.ftplist li {float: left;margin:15px;width:100px;list-style-image: none; list-style-type: none; text-align: center;}
.ftplist .img {border: 1px solid #ECF7D9; padding: 15px;}
.ftplist .img img { border: 0px; height:60px; width:60px; }
.ftplist .img p{margin:0;width: 100px; padding:0; }

/* 代码高亮 */
.dp-highlighter{font-family: SimSun;font-size: 12px;background-color: #E7E5DC;width: 99%;overflow: auto;margin: 18px 0 18px 0 !important;padding-top: 1px;}
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span {margin: 0;padding: 0;border: none;}
.dp-highlighter a{background: none;border: none;padding: 0;margin: 0;}
.dp-highlighter ol{list-style: decimal;background-color:#f8f8f8;margin: 0px 0px 1px 35px !important;border-left: 3px solid #146b00;padding: 5px 0;color: #5C5C5C;}
.dp-highlighter ol li{list-style: decimal-leading-zero;list-style-position: outside !important;background-color: #f9f9f9;color: #808080;/*行数颜色*/padding: 0 3px 0 7px !important;margin: 0 !important;line-height: 14px;}
.dp-highlighter ol li.alt{background-color: #FFF;color: inherit;}
.dp-highlighter ol li span{color:black;background-color: inherit;}/*内容颜色*/
.dp-highlighter .comment, .dp-highlighter .comments { color: #080; background-color: inherit; }/*注释颜色*/
.dp-highlighter .string { color: #F0F; background-color: inherit; }/*变量颜色*/
.dp-highlighter .keyword { color: #00F; background-color: inherit; }/*关键字颜色*/
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }
.dp-highlighter .dp-vb li span{color:#800;}
.dp-highlighter .dp-vb .keyword { color: #00F; background-color: inherit; }/*关键字颜色*/
.dp-highlighter .dp-vb .string { color: #F0F; background-color: inherit; }/*变量颜色*/
.dp-highlighter .dp-vb .comment,.dp-highlighter .dp-vb .comments { color: #080; background-color: inherit; }/*注释颜色*/
.dp-highlighter .dp-vb .func{color:red}
.dp-highlighter .dp-xml .cdata{color:#ff1493}
.dp-highlighter .dp-xml .tag, .dp-highlighter .dp-xml .tag-name{color:#00f;}
.dp-highlighter .dp-xml .attribute{color:red}
.dp-highlighter .dp-xml .attribute-value{color:#f0f}
.dp-highlighter .dp-sql .func{color:red}
.dp-highlighter .dp-sql .op{color:#008080}
.dp-highlighter .dp-css .value{color:red}
.dp-highlighter .dp-css .important{color:red}
.dp-highlighter .dp-js.func{color:red}

/* 评论框 */
#commentpost { margin: 0; padding: 0;}
#commentpost fieldset {border:none; padding:10px; margin:0;}
#commentpost input { border:1px solid #9FC3DB; padding:3px;font-size: 14px;}
#commentpost textarea{overflow:auto;border:1px solid #9FC3DB; padding:3px;}
#commentpost dl { clear:both; margin:0 0 1em 0; padding:0; width: 100%; overflow: hidden; }
#commentpost dt { margin:0; padding:0; }
#commentpost dd { margin:0; padding:0; }
#commentpost dd span { margin-left:3px; }
#commentpost #codeimg { margin-left:3px;width:52px; height:10px;cursor:pointer;}
#commentpost #bcms_content{width:450px; height:150px;background:#ffffff url(../img/tishi.gif) right bottom no-repeat;}
#commentpost #bcms_info{width:250px; height:80px;background:#ffffff url(../img/tishi.gif) right bottom no-repeat;}
#commentpost #bcms_submit {float:left; border:1px solid #CDCCB4;background-color: #EFEEE1;font-weight:bold;font-size: 12px;color:#767648;width:80px;margin-right:10px;padding:5px 10px 3px !important;padding:3px 10px 0px;}
#commentpost #bcms_post_msg{float:left; background:#FFFBDF url(../Img/icoError.gif) no-repeat 6px 50%; border:1px solid #EF9B8F; padding:4px 10px 2px 26px;}
#commentpost #bcms_cookie{float:left; border:0;}
#commentpost #cookie_text{float:left; border:0;margin-top:-3px !important;margin-top:1px;}