/*首页主样式表 author:knitter@qq.com last modify:2008-04-04 */
/*基本共用样式*/
ul,li,form {
margin:0;
padding:0;
list-style:none;
}
img {
border:0;
}
*{
text-align:left;
}
a:link,a:visited {
	color:#333;
	font-size:12px;
	text-decoration:none;
}
a:hover {
	color:#FF5A00;
}
.clear {
clear:both;
height:0;
overflow:hidden;
}
/*定义body的样式*/
body {
margin:0;
padding:0;
font-family: 'Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif;
color:#333;
background-color:#E8E8E8;
font-size:12px;
text-align:center;
}
/*正文*/
#container {
width:948px;
margin:0 auto;
border-left:1px solid #FFFFFE;
border-right:1px solid #FFFFFE;
background:#FFF url(../images/86w3_67.jpg) repeat-y 204px top;
}
/*头部*/
#header {
height:143px;
clear:both;
background:#FFF url(../images/86w3_02.jpg) no-repeat left top;
border-bottom:2px solid #FFF;
}
/*导航*/
#nav {
height:35px;
padding:0 0 11px 0;
clear:both;
border-top:1px solid #EEE;
background-color:#FFF;
background:#FFF url(../images/86w3_06.jpg) repeat-x left bottom;
}
#nav ul {
display:block;
list-style:none;
padding:0 0 0 50px;
height:32px;
margin:0;
border-bottom:3px solid #000;
}
#nav ul li {
float:left;
display:inline;
padding:0 15px;
}
#nav ul li a:link,#nav ul li a:visited {
margin:0;
font-size:14px;
display:block;
line-height:32px;
font-weight:bold;
text-decoration:none;
color:#333;
}
#nav ul li a:hover {
color:#FF5A00;
}
/*内容左*/
#left {
width:224px;
float:left;
padding:0 0 100px 0
}
#left_end {
width:224px;
height:100px;
margin:-100px 0 0 0;
float:left;
background:url(../images/86w3_70.jpg) no-repeat right top;
}
.search_title {
margin:0;
padding:5px;
font-size:16px;
color:#A7A2A2;
font-family:Arial,"宋体", Helvetica, sans-serif
}
.search_key {
width:100px;
height:14px;
margin:7px 10px 0 10px;
color:#787878;
border:1px solid #C5B5B5;
line-height:14px;
}
.search_btn {
width:65px;
height:17px;
border:0;
cursor:pointer;
background:url(../images/86w3_13.jpg) no-repeat left top;
}
#book{
margin:5px;
width:205px;
padding:0 0 0 5px;
line-height:160%;
}
.diary{
font-size:14px;
margin:0;
padding:0;
color:#333;
}
.left_title {
margin:0 3px;
padding:0 0 0 20px;
height:25px;
line-height:22px;
font-size:14px;
color:#F55F01;
background:url(../images/left_title.gif) no-repeat left top;
}
.nav_left {
width:202px;
margin:20px 0 0 3px;
padding:0px 0 20px 0;
border-top:1px solid #C7C6C2;
}
.nav_left li {
display:block;
padding-left:12px;
border-bottom:1px solid #C7C6C2;
text-align:left;
}
.nav_left li a {
display:block;
height:30px;
line-height:30px;
background:url(../images/nav_pic_red.gif) no-repeat 0 10px;
padding-left:11px;
font-weight:bold;
color:#666;
text-decoration:none;
}
.nav_left ul {
margin:4px 0 2px 0;
}
.nav_left ul li {
background:none;
border:none;
position:relative;/*	left:-10px;*/
}
.nav_left ul a {
display:block;
height:20px;
line-height:20px;
background:url(../images/subnav_pic_gray.gif) no-repeat 0 9px !important;
background:url(../images/subnav_pic_gray.gif) no-repeat 0 5px;
padding-left:15px;
font-weight:normal;
color:#666;
}
ul a#current, .nav_left a:hover {
color:#FF3000;
}
.nav_left ul a#current, .nav_left ul a:hover {
background:url(../images/subnav_pic_red.gif) no-repeat 0 45% !important;
background:url(../images/subnav_pic_red.gif) no-repeat 0 42%;
}
.nav_current {
background:url(../images/nav_bg_line.gif) repeat-x top;
}
.nav_current a:link, .nav_current a:hover,  .nav_current a:active, .nav_current a:visited {
color:#ff3000;
}
.nav_current ul li a:link, .nav_current ul li a:hover,  .nav_current ul li a:active, .nav_current ul li a:visited {
color:#666;
}
.online_ul {
padding:5px 0 5px 30px;
}
.online_ul li {
padding:0 0 0 20px;
font-size:14px;
line-height:150%;
background:url(../images/icon1.gif) no-repeat left center;
}
.down_ul {
padding:5px 0 5px 15px;
}
.down_ul li {
padding:0 0 0 10px;
font-size:14px;
line-height:150%;
background:url(../images/86w3_16.jpg) no-repeat left center;
}
/*gg广告*/
.gg_200ad {
float:right;
width:200px;
height:200px;
margin-top:25px;
}
.gg_728ad {
float:left;
display:inline;
margin:5px -18px;
width:728px;
}


/*内容右正文*/
#right,#mycontent {
width:684px;
padding:10px 20px 0;
float:right;
overflow:hidden;
}
#mycontent table {
border-collapse:collapse;
border:1px solid #999;

}
#mycontent table td,#mycontent table th {
border-collapse:collapse;
border:1px solid #999;
padding:5px;
}
#mycontent span.code,#mycontent pre {
margin: 0px 0px 0px 0px;
padding-right: 10px; 
padding-left: 10px; 
padding-bottom: 10px;
padding-top: 10px; 
color:#00a651;
font-size:14px;
line-height:22px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#mycontent ul {
padding:0 0 0 10px;
}
#ctitle {font-weight:bold;
margin: 0px 0px 10px 0px;
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px;
padding-top: 20px; 
font-size:14px;
color:#c61c18;
text-align: center;
display: block; 
}
#author {
margin: 0px 0px 10px 0px;
padding-right: 10px; 
padding-left: 10px; 
padding-bottom: 10px;
padding-top: 0px; 
color:#333;
text-align: center;
}
#mycontent h3 {
font-weight:bold;
margin: 0px 0px 0px 0px;
padding-right: 10px; 
padding-left: 10px; 
padding-bottom: 10px;
padding-top: 10px; 
color:#333;
font-size:14px;
}

#mycontent h4 {font-weight:bold;
margin: 0px 0px 0px 0px;
padding-right: 10px; 
padding-left: 10px; 
padding-bottom: 10px;
padding-top: 10px; 
color:#333;
font-size:12px;}
#mycontent p {
margin: 0;
padding:5px 10px;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
}
#gotop{
margin:0;
padding:10px 0;
background:#fefefe ;   
color:#876230; 
height:21px;
font-size:9pt;
text-align: right;}
/*内页标题*/
.more_title {
	height:26px;
	clear:both;
	padding-top:5px;
	background:url(../images/xdline.jpg) repeat-x left bottom;
}
.more_title h1 {
	float:left;
	height:25px;
	width:60px;
	white-space:nowrap;
	line-height:25px;
	padding:0 3px 0 25px;
	margin:0;
	font-size:14px;
	color:#F46120;
	background:url(../images/ico2.gif) no-repeat 5px center;
	border-bottom:1px solid #797979;
}

/*文章列表*/
.book_list_ul {
padding:5px;
}
.book_list_ul li {
padding:0;
line-height:22px;
height:22px;
vertical-align:bottom;
background:url(../images/86w3_16.jpg) no-repeat 3px 8px;
}
.book_list_ul li a:link,.book_list_ul li a:visited {
display:block;
float:left;
color:#333;
padding:0 0 0 15px;
font-size:14px;
margin:0;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
.book_list_ul li a:hover {
color:#F46120;
}
.book_time {
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 0 5px;
color:#ADADAD;
}
/*酷站列表*/
#case_list {
	display:block;
	padding:12px 0px 0 0px;
	margin:0;
	list-style:none;
}
#case_list li {
	margin:0 0 12px 0;
	padding:0 0 10px 10px;
	clear:both;
	background:url(../images/xdline.jpg) repeat-x left bottom;
}
.list_box {
	width:160px;
	float:left;
	background:url(../images/casebox.jpg) no-repeat right bottom;
	padding:0 15px 0 0;
	text-align:center;
}
.list_box a:link,.list_box a:visited {
	display:block;
	padding:6px;
	border:1px solid #DDD;
}
.list_box a:hover {
	display:block;
	color:#000;
	background-color:#F1F1F1;
}
.list_rbox {
	float:right;
	width:420px;
}
.list_rbox p {
	padding:0 0 0 30px;;
	margin:0;
	line-height:30px;
	background:url(../images/icon1.gif) no-repeat 10px 8px;
}
/*友情链接*/
#link {
border-top:3px solid #000;
border-bottom:2px solid #FFF;
background-color:#F5F5F5;
padding:5px 10px;
}
#link ul {
width:928px;
overflow:hidden;
}
#link ul li {
float:left;
padding:0 7px;
margin:0 0 0 -1px;
height:22px;
line-height:22px;
white-space:nowrap;
background:url(../images/86w3_76.jpg) no-repeat left 4px;
}
.link_title {
color:#FF6600;
font-weight:bold;
font-size:14px;
}
/*版权*/
#foot {
height:90px;
clear:both;
border-top:1px solid #E7E7E7;
text-align:center;
background-color:#FFF;
}
#foot p {
margin:10px 0 0 0;
font-family:Arial;
line-height:22px;
text-align:center;
}
/*广告*/
.aliad200 {
float:right;
width:200px;
height:200px;
overflow:hidden;
padding:0 0 10px 10px;
}