body{font-family: Geneva, Arial, Helvetica, sans-serif, serif;font-size:12px;line-height:1.5em;background:#F7EBE6 url(images/bodybg.png) repeat-x;color:#333}
h1,h2,h3,h4,h5,h6,form,body,dd,dt,dl,li,ul{padding:0;margin:0}
td,th,div{word-break:break-all;word-wrap:break-word}
img{border:0;background:#fff}
.c{clear:both;height:1px;font:0px/0px Arial;overflow:hidden}
.tal,.tl{text-align:left}
.tac,.tc{text-align:center}
.tar,.tr{text-align:right}
.fr,.right{float:right}
.fl,.left{float:left}
.b{ font-weight:bold}
.tdn{ text-decoration:none}
.small{ font-size:10px;}
.big{ font-size:14px;}
.fsn{ font-size:12px}
.fn{ font-weight:normal}
.lh0{ line-height:0}
.yellow {color:#fff;}
.gray{ color:#98A697}
.keep{ word-break:keep-all;word-spacing:normal}
.ip{ padding:4px 2px 3px;border:1px solid #E6C0B3;font:12px/1.1em Tahoma}
.bt{background:#F7EBE6;color:#BC694C;font-weight:bold;border:3px double #E6C0B3;font-size:12px;}
/*a link 基本连接颜色*/
a{color:#BC694C}
a:hover{color:#fff;background:#BC694C}
a.noul{ text-decoration:none}
a.active{background:#BC694C;color:#fff}
a.active:hover{color:#BC694C;background:none}

h1{color:#FFC800;font-size:24px;padding:.6em 0 0}
h2{ font-size:15px;padding:.5em .6em .3em;color:#994D33;}
h3{ font-size:14px}
h4{ font:16px Georgia;display:inline}

#container{ width:96%;min-width:600px; max-width:1000px;margin:auto}
#header{ height:108px;background:url(images/header.png) no-repeat right;margin-bottom:1em}
#title{ width:98%;height:68px;margin:auto;overflow:hidden}
#guide{height:27px;padding:0;margin:0}
#guide li{ display:inline}
#guide li a{ float:left;color:#fff;text-decoration:none;display:block;font:13px/1.2em Arial;padding:.4em 1em .3em}
#guide li a:hover{ background:#713430;text-decoration:none}
#guide li.active a{background:#5C2824;color:#D4F7D5 }
#site-dsc{color:#E6C0B3;margin-top:.5em;font-size:14px}
#toolbar{ margin-top:1em}

#main{ width:78.5%;}
#side{ width:20%;}
.box{ border:1px solid #D8A796;margin:0 0 .7em;width:100%;overflow:hidden;background:#fff}
.text{ margin:.5em 1em 1em;}
#main .text{margin: 1em}
#side .list{margin:1em .5em 1.5em 2.5em;color:#333}
#side .list ul{ margin:0 0 1em 1em}
#side .list ul li{ margin:.5em 0}
#side .list li{ margin:.5em 0}
.profile-pic{margin:0 auto 1em;padding:1px;border:1px solid #ccc;width:95%;}
.profile-pic div{ margin:0 auto 0;width:100%;padding:0;overflow:hidden;text-align:center;background:#000;line-height:0}
.profile-pic div img{ width:100%;padding:0;margin:0}
.profile dd{ margin:.3em 0 0;line-height:120%}

/*#calendar */
.calendar table{ width:98%;margin:0 auto 1em;table-layout:fixed}
.calendar table td{ height: 15px;font:11px/150% Tahoma;text-align:center;}
.calendar table th{ text-align: center}
.calendar table td a{color:#fff;font:11px/12px Arial;background:#863F3C;padding:0px 3px 2px}
.calendar table td a:hover{background:#287105;text-decoration:none}

/*blog*/

.blog-content{ margin:2em 0;table-layout:fixed;width:100%;vertical-align:top}
.blog-content td{ font-size:13px;line-height:1.5em;overflow:hidden}
.blog-content td img{padding:5px;border:1px solid #E6C0B3;line-height:0}
.blog-content td a:hover img{border-color:#994D33}
.bb{ border-bottom:1px solid #E6C0B3;padding:0 0 .6em;margin:0 0 .3em;line-height:2em;}

#footer{ margin-top:2em;border-top:1px solid #E6C0B3;padding:.5em;text-align:center}
#footer ul,#footer li{display:inline;list-style:none ;margin:0 0 0 1em}

/*photos-album*/
.pic-list li{ height:50px;width:50px;list-style:none;float:left}
.pic-list li a img{ filter:alpha(opacity=80);Opacity=0.08;padding:2px;width:40px;height:40px}
.pic-list li a:hover img{filter:alpha(opacity=100);Opacity=0.1;position:absolute;width:79px;height:79px;margin:-20px 0 0 -20px}
.front-cover{ padding:0 1em 1em  0}

/*favorite*/
.fav dl{ margin-bottom:1.5em}
.fav dt{ margin-bottom:.5em}

/*goods*/
.goods-list li{ width:80px;height:80px;text-align:center;line-height:110%;margin:0 .3em 1em }
.goods-list li a:hover img{margin:-20px 0 0 -42px}
.goods-dl{max-width:55%;width:400px}
.goods-dl dd{ border-bottom:1px solid #E9F0DB;margin: 0 1em 0  0;line-height:2em}


/*friends*/
.frends-list li{ float:left;width:48%;height:120px;overflow:hidden;margin-left:1%}
.frends-list li a img{ padding:2px;float:left;margin-right:.5em}

/*comment*/
.comment dl{ display:block;clear:both;float:left;margin:.2em 0;border:1px solid #F7EBE6;width:90%;padding:.5em}
.comment dl:hover{border-color:#D8A796}
.comment dd{ margin:0 .8em .5em 0;padding:0;line-height:120%;}
.comment dd.comment-content{ width:90%;display:block;float:left}
.post-comment{ width:70%;margin: 0 0 1em;float:left}
.post-comment div{ margin:0 0 .5em }
.re-comment{ margin:1em 0 0;border:1px solid #F7EBE6 ;padding:1em}
.re-comment b{ color:#98A697}
.re-comment div{ margin-top:.5em;}


/*itable*/
.itable td,.itable th{padding:.3em .5em}
.itable td{vertical-align: middle;border-bottom: 1px solid #F7EBE6;}
.itable tr.tr1 td{ background: #F7EBE6 ;}
.itable tr.tr2 td{  border-bottom : 1px solid #F7EBE6; }
.itable td img {border:0;padding:0;background:none}

/*pages*/
.pages{margin-top:10px;margin-bottom:10px;text-align: center ;clear:both}
.pages *{vertical-align: middle;}
.pages a{padding:1px 4px 2px;border:1px solid #E6C0B3;margin:0 1px;text-align: center;text-decoration: none;font:normal 10px Tahoma ;}
.pages a:hover{border:#833E3A 1px solid;text-decoration:none;}
.pages input{border:1px solid #E6C0B3;background:none;height:14px;font: 9px Tahoma;padding-top:1px;text-align: center;}
.pages b{padding:2px ; margin: 0 3px;font:bold  10px/12px Tahoma}

@media screen and (min-width:0px){
.goods-list li a:hover img{ margin:-20px -20px 0 0}
}

.groupname {display:none;}

.archives {margin:10px 0 0 0;}
.archives li {float:left;list-style:none;width:100%;margin-bottom:20px;}
.archives h3 {font-weight:bold;}
.archives li li {width:25%;float:left;font-weight:bold;margin-bottom:5px;}
.archives li li span {color:#888;font-weight:normal;font-size:12px;}

.textbox{
	clear:both;
	margin:0px;
	padding:20px 20px 0 40px;
	color:#000;
}

.textbox-content{
	word-wrap: break-word;
	font-size:14px;
	font-family:Arial,宋体,Tahoma
	text-align:left;
	color: #000;
	line-height: 180%;
}
.textbox-content a{
	color: #CC0000;
}
.textbox-content a:hover{
	color:#FFCC00;
	text-decoration:none;
	background:#333;
}

.thead {font-weight:bold;font-size:15px;font-family:微软雅黑,黑体,宋体}

.textbox-label{
	font-size:14px;
	font-family:Arial,宋体,Tahoma;
    text-align:left;
	color:#666666;
	padding:0 0 4px 0;
	margin-top:5px;
}

.ip2{ padding:4px 2px 3px; border:1px solid #90C3D5; font:14px/1.1em Tahoma}
.bt2{background:#B5D7E3; color:#4D7280; font-weight:bold; border:3px double #90C3D5;font-size:14px;}

/*links*/
.links {margin:10px 0 0 0;}
.links li {list-style:none;float:left;width:33%;}
.links .groupname {width:100%;}
.links .groupname h4 {font-weight:bold;font-size:16px;display:block;}

.extrainfo {
	text-align:left;
	color:#999;
	padding:3px 3px 3px 28px;
	margin:10px 0 0 0;
	background:#fff url('images/extrainfo.png') no-repeat 6px 50%;
}
.extrainfo a{
	color:#666;
	text-decoration:none;
}
.extrainfo a:hover{
	color:#CC0000;
	text-decoration:none;
	background:none;
}


.hd {
	margin:0px;
	padding:0px;
	color:#333;
	font-size:15px;
	font-weight:bolder;
	padding:10px 0 12px 0;
	border-bottom:0px solid #ccc;
	font-family:微软雅黑;
}

/****** Input Form Styles (table) ******/
.formbox{
	color:#333;
}
#commentForm{
	padding:0 0 6px 0;
}
.formbox-comment{
	padding: 10px 0 0 0;
	color:#333;
}
.formbox-comment-content{
}
.formbox-title,
.formbox-comment-title{
	margin:0px;
	padding:6px 0 6px 0;
	color:#333;
	font-size:18px;
	font-weight:bolder;
}

.formbox-rowheader {
	padding: 5px;
	font-weight: bold;
}
.formbox-comment-input{
	margin: 10px 0;
}
.in{
	border:0;
	padding:2px 0 0 0;
	margin:0 0 5px 0;
}
.formbox-comment-tool{
	margin: 5px 0 0 0;
	padding:5px;
	width:442px;
	background:#EDEDED;
	border:1px solid #ABABAB;
	border-bottom:0;
}
.edit-set{
	padding: 3px;
	margin:0 0 0 35px;
	position:absolute;
	background:#EDEDED;
	border:1px solid #ABABAB;
}
.formbox-content {
	padding: 5px;
}
/*程序代码加亮*/
.codeHead {
font-weight: bold;
font-size: 12px;
padding: 5px;
padding-left: 15px;
background: #fff;
border-bottom: 1px solid #ddd;
}
.codeText {
border: 1px solid #ddd;
width: 98%;
overflow: auto;
margin: 0 0 1.1em;
padding: 0;
word-wrap : break-word ;
background: #fff;
font: 12px 'Courier New', Monospace;
}
.codeText ol {
margin: 0 1px 0 45px;
padding: 5px 0;
color: #5C5C5C;
border-left: 1px solid #ddd;
background: #fff;
}
.post .content .codeText ol li {
list-style: decimal;
list-style-position : outside;
padding-left: 10px;
background: #FFF;
}
.codeText ol li.alt {
background: #FFF;
}
.codeText ol li span {
color: #000;
}
.codeText .comment, .codeText .comments {
color: #008200;
}
.codeText .string {
color: blue;
}
.codeText .keyword {
color: #069;
font-weight: bold;
}
.codeText .preprocessor {
color: gray;
}
.dp-c .comment {
color: green;
}
.dp-c .string {
color: blue;
}
.dp-c .preprocessor {
color: gray;
}
.dp-c .keyword {
color: blue;
}
.dp-c .vars {
color: #d00;
}
.dp-vb .comment {
color: green;
}
.dp-vb .string {
color: blue;
}
.dp-vb .preprocessor {
color: gray;
}
.dp-vb .keyword {
color: blue;
}
.dp-sql .comment {
color: green;
}
.dp-sql .string {
color: red;
}
.dp-sql .keyword {
color: #7f0055;
}
.dp-sql .func {
color: #ff1493;
}
.dp-sql .op {
color: blue;
}
.dp-xml .cdata {
color: #ff1493;
}
.dp-xml .comments {
color: green;
}
.dp-xml .tag {
font-weight: bold;
color: blue;
}
.dp-xml .tag-name {
color: #7f0055;
font-weight: bold;
}
.dp-xml .attribute {
color: red;
}
.dp-xml .attribute-value {
color: blue;
}
.dp-delphi .comment {
color: #008200;
font-style: italic;
}
.dp-delphi .string {
color: blue;
}
.dp-delphi .number {
color: blue;
}
.dp-delphi .directive {
color: #008284;
}
.dp-delphi .keyword {
font-weight: bold;
color: navy;
}
.dp-delphi .vars {
color: #000;
}
.dp-py .comment {
color: green;
}
.dp-py .string {
color: red;
}
.dp-py .docstring {
color: green;
}
.dp-py .keyword {
color: blue;
font-weight: bold;
}
.dp-py .builtins {
color: #ff1493;
}
.dp-py .magicmethods {
color: #808080;
}
.dp-py .exceptions {
color: #A52A2A;
}
.dp-py .types {
color: #A52A2A;
font-style: italic;
}
.dp-py .commonlibs {
color: #8A2BE2;
font-style: italic;
}
.dp-rb .comment {
color: #c00;
}
.dp-rb .string {
color: #f0c;
}
.dp-rb .symbol {
color: #02b902;
}
.dp-rb .keyword {
color: #069;
}
.dp-rb .variable {
color: #6cf;
}
.dp-css .comment {
color: green;
}
.dp-css .string {
color: red;
}
.dp-css .keyword {
color: blue;
}
.dp-css .colors {
color: #8B0000;
}
.dp-css .vars {
color: #d00;
}
.dp-j .comment {
color: #3f7f5f;
}
.dp-j .string {
color: #2a00ff;
}
.dp-j .keyword {
color: #7f0055;
font-weight: bold;
}
.dp-j .annotation {
color: #646464;
}
.dp-j .number {
color: #C00000;
}
.dp-cpp .comment {
color: #e00;
}
.dp-cpp .string {
color: red;
}
.dp-cpp .preprocessor {
color: #CD00CD;
font-weight: bold;
}
.dp-cpp .keyword {
color: #5697D9;
font-weight: bold;
}
.dp-cpp .datatypes {
color: #2E8B57;
font-weight: bold;
}
/* comments wrapper */
.comment-wrapper{width:100%;}
.comment-wrapper h5{
	margin:0px;
	padding:0px;
	color:#333;
	font-size:18px;
	font-weight:bolder;
	padding:0 0 6px 0;
	border-bottom:1px solid #ccc;
}

.tname {font-size:14px;font-weight:bold;color:#BC694C}