* {  margin: 0; padding: 0; }

body {
    background: #fff;
    color: black;
    font-size: 13px;
    line-height: 18px;
    font-family: Tahoma, "Lucida Grande", Verdana, Arial, sans-serif;
	}
	
img#wpstats { width:0px; height:0px; overflow:hidden; }

a { color:#000; text-decoration: none }
a:hover { color:#066; text-decoration: underline }

p, ul, ol, li { 
    margin-bottom: 18px; 
}

blockquote { 
    margin: 0 18px 18px 18px;
    font-size:12px;
    color:#666;
    padding-left:10px;
    border-left:1px solid #ccc;
}

ul {
    list-style-type: square;
    margin-left: 2em;
}

ol {
    margin-left: 2em;
}

h1 { 
    font-size: 26px; 
    line-height: 36px;
    margin-bottom: 18px; 
}

h2 { 
    font-size: 22px; 
    line-height: 36px;
    margin-bottom: 18px;
}

h3 { 
    font-size: 18px; 
    line-height: 18px;
    margin-bottom: 20px;
}

h4 { 
    font-size: 14px; 
    line-height: 18px;
    margin-bottom: 20px;
}

#page {
    margin: 0 auto;
    padding: 0;
    width: 640px;
	}

/* header */
#header {
    text-align:left;
    border-bottom: 1px solid #666;
	background-image:url(csp_logo.png);
	background-repeat:no-repeat;
	height:80px;
}

#header h1 {
    font-size: 26px;
    color: #000;
    font-weight: normal;
	text-indent:-100000px;
}

#header span {
    margin-left: 10px;
    font-size: 12px;
    color: #666;
    font-weight: normal;
	text-indent:-100000px;
}

#header a { color: #333; }
#header a:hover { color: #066; }

/* 导航 */
#csp-nav { margin-bottom:10px; float:left; border-top:#F6F6F6 solid 1px; width:100%; height:35px; background-color:#ECECEC; }
#csp-nav ul { float:left; margin-left:10px;list-style:none;  }
#csp-nav ul li { float:left; margin-right:3px;
}
#csp-nav ul li a { 
    padding:0 14px 0 14px;
    color:#7d7d7d;
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
	list-style:none;
}
#csp-nav ul li a:hover { background-color:#FFF; color:#377DFF; }
#csp-nav #log-k { float:right; padding:10px 10px 0 0;  }
#log-k { font-size:12px; margin:0}
#log,#pwd,.button { width:60px; border:1px solid #C8C8C8 }
#csp-nav #log-k a,#csp-nav form a,.button{ color:#7d7d7d }
.button { width:40px }

/* FLICKR */
.flickr,.flickr img { float:left }
.flickr {
    border-bottom: 1px solid #ccc;
    text-align:center;
    padding-bottom: 11px;
    margin-bottom:9px;
    width:500px;
}

.flickr img {
    width: 59px;
    height: 59px;
    margin: 1px 5px;
    border: 1px solid #666;
}

.flickr img:hover {
    width: 75px;
    height: 75px;
    margin: -7px -3px;
    border: 1px solid #000;
}

.flickr span a { color: #ccc; }

/* 首页重要内容-左 */
#content {
	float:left;
	text-align:left;
    width:500px;
}

/* sidebar */
#sidebar
#sidebar { float:right; width:130px }
#sidebar ul { float:right; width:125px; margin:0; text-align:left;}
#sidebar ul h2 { float:right; width:123px; height:25px; line-height:25px; background-color:#DF424D; border:solid 1px #D53944; color:#FFF; font-size:14px; text-indent:10px; margin:0 }
#sidebar li { float:left; width:100%; background-color:#FAFAFA; list-style:none; margin:0;text-indent:25px;}
#sidebar li a { height:30px; line-height:30px; display:block; }
/* 首页文章缩进 */
#shouyesuojin { text-indent:5px;}
/* sidebar 网站连接蓝色 */
#sidebar #websites { background-color:#326EE1; border:solid 1px #326EE1}

/* footer */
#footer {
	float:left;
	width:100%;
    font-size: 12px;
	margin-top:12px;
    text-align:center;
    color:#FFF;
	background-image:url(http://cspromod.googlecode.com/files/footer_bg.png);
	background-repeat:repeat-x;
	height:30px;
	line-height:30px;
	_height:23px;
	_padding-top:7px;
	}
#footer a { color:#FFF; }

/* 首页文章列表 */
.post {
	float:left;
    border-bottom: 1px solid #ccc;
	padding:18px 0 0 0;
	text-align:left;
    width:500px;
}
.post h2 { margin-top:-10px}
.shouyesuojin {
	text-indent:10px;
}
.shouyesuojin p a { color: #555 }

/* 首页修改文章按键 */
span.edit a { 
    float:right;
    font-weight:normal; 
    font-size:11px; 
    color:#666; 
    border:1px solid #ccc; 
    padding:0 4px;
}

/* 首页下一页 */
.navigation {
	padding:18px 0 0 0;
	text-align:left;
    width:500px;
	font-size:12px
}

.alignright { padding: 0 20px 0 0; float: left; }
    
.alignleft { float: right; }

/* 文章内容区 */
.entry { padding-bottom:20px; font-size:14px; line-height:180%}
.entry a { color:#C63 } /* 外链提示图 */
.entry IMG { border:1px solid #CCC}
.byline a { color:#555 }
.byline {
	margin-top:-10px;
    font-size:11px;
    color: #555;
}

/* 评论区 */
#comments  { float:left; width:100%; padding:20px 0 20px 0; margin-bottom:0; border-bottom:solid 1px #CCCCCC }
.commentlist { float:left; width:100%; list-style:none; padding:0; margin:30px 0 0 0; font-size:14px}
.commentlist li { margin-bottom:30px}
.commentlist li img { 
max-width:500px;
/*width:500px;*/ 
 width:expression(width>500?"500px":width+"px");max-width: 500px;
 overflow:hidden;
}
.commentlist p { margin-bottom:10px; padding-left:5px }
.c-y { background-color:#F7F7F7; border:solid 1px #E6E6E6; font-size:12px; padding:2px; line-height:150%;} 
.c-y,.c-y a { color:#666 } 
.c-y img { border:0 }


/* 回复区 */
#comment,#author,#email,#url { border:1px solid #C8C8C8; width:80px }
#comment { width:498px; height:80px; }
#submit { float:right; border:1px solid #666; width:100px; height:20px; line-height:18px }
#respond img { border:0 }
#hideprofile { margin-bottom:10px}

/* PAGE */
.pagetitle { padding-bottom:18px; margin-bottom:0; border-bottom:solid 1px #ccc; }

/* 首页底部三列 */
#bottom-tools { width:500px ; float:left; margin:20px 0;}
#bottom-tools div { float:left; width:150px; margin-right:25px; _margin-right:22px}
#bottom-tools h1 { float:left; width:100%; height:20px; line-height:20px; font-weight:bold; font-size:13px; background-color:#7C7C7C; color:#FFF; text-align:center}
#bottom-tools h1 a { color:#FFF }
#bottom-tools .no { margin:0 }
#bottom-tools ul,#bottom-tools ul li,#bottom-tools h1 { margin:0; padding:0 }
#bottom-tools ul { list-style:none; }
#bottom-tools li { float:left; font-size:12px; border-bottom:1px solid #D9DCE0; height:25px; line-height:25px; color:#858585; width:100%; overflow:hidden; text-overflow: ellipsis; word-break:keep-all; }
#bottom-tools a { color:#858585; border:0 }

/* 订阅 */
#dingyue { 
    float:right;
    font-weight:normal; 
    font-size:10px; 
    color:#666; 
    border:1px solid #ccc; 
    padding:0 4px;
}
#dingyue a { color:#666; }

/* banquan */
.post #announce{
	margin:0 0 5px;
	margin-bottom:20px;
	font-size:100%;
	color:#666;
	background-image:url(banquan.png);
	background-repeat:no-repeat;
	background-position:5px 6px;
}
.post #announce a { color:#666 }
.msg_info{
	line-height:150%;
	padding:5px 5px 5px 25px;
	margin-top:10px;
	border:1px solid #E6DB55;
	font-size:90%;
	background-color:#FFFFE0;
	border-left:0; 
	border-right:0;
}
#announce img { margin:0 3px -2px 0; border:0 }

/*--- pagenavi ---*/
.wp-pagenavi{float:right;font-size:12px;padding:3px 0;}
.wp-pagenavi a{background:#EAEAEA;border:1px solid #B1BDC7;color:#333;margin:2px;padding:2px 5px 1px;}
.wp-pagenavi a:hover{background:#342D27;border:1px solid #B1BDC7;color:#FFF;}
.pages,.extend{background:#F5F5F5;border:1px solid #B1BDC7;margin:2px;padding:2px 5px 1px;}
.current{background-color:#342d27;border:1px solid #9b999a;color:#fff;font-weight:700;margin:2px 0;padding:2px 5px 1px;}

/*--- zhiding ---*/
#zhiding { float:left; padding-bottom:10px; width:490px; height:12px; line-height:12px; border-bottom:1px dashed #CCC; color:#006666; font-size:12px; background:url(zhiding.gif) no-repeat; text-indent:20px}
#zhiding span { display:none }
#zhiding a { margin-left:10px;color:#0066CC}


/* IE6 HACK */
.post { border-bottom: 1px solid #ccc;padding:18px 0 0 0;text-align:left;width:500px}
.flickr,#sidebar{ _margin-top:-19px}