@charset "gb2312";
body{
	background-color: #110101;
	background-image: url(bg.jpg);
	font-size: 12px;
	margin: 0px;
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	width: 100%;
	padding: 0px;
}
#Main {
	background-color: #1A1819;
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 20px 120px;
	color: #666666;
	position:relative;
	margin-top: 0px;
	margin-bottom: 0px;
}
a {
	color: #006666;
	text-decoration: none;
}
a img {border: none;}
.box {
	border: 1px solid #000000;
	background-color: #1A1819;
	color:#FC0;
}
.errer {
	border: 1px solid #FF3399;
	background-color: #FF3399;
}
.header {
	height: 130px;
	position:relative;
	background-repeat: no-repeat;
	background-position: left 70px;
}
.header h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 10px;
	margin-top: -10px;
	color: #FFCC00;
}
.header .logo {
	position: absolute;
	top: 80px;
	left: 0px;
}
.header .nav {
	position: absolute;
	top: 5px;
	right: 0px;
}
.header .nav a {
	padding: 5px 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left:5px;
	background-color: #49AECC;
}
.header .nav .red {background-color: #FF3399;}
.header .nav .orange {background-color: #F38338;}
.header .nav .yellow {background-color: #F2C433;}
.header .nav .green {background-color: #99CC33;}
.header .nav .blue {background-color: #49AECC;}
.header .nav .black {background-color: #000000;}

.header .nav a:hover {background-color: #3D383A;}
/*IE6*/
*html .header .nav {top: 0px;}
*html .header .nav a {display:block;float: left;margin-left: 3px;height: 15px;}
*html .header #SearchBut {border: 1px solid #FFCC00;}

/*IE7*/
*+html .header .nav {top: 0px;}
*+html .header .nav a {display:block;float: left;margin-left: 3px;height: 15px;}
*+html .header #SearchBut {border: 1px solid #FFCC00;}
/*ËÑË÷*/
.header #Search {
	position: absolute;
	top: 75px;
	right: 0px;
}
.header #SearchBox {
	font-weight: bold;
	font-size:14px;
	color:#C7E9EC;
}
.header #SearchBox.box {
	background-color: #FF3399;
	border: 2px solid #FF3399;
}
.header #SearchBox.errer {
	border: 1px solid #FF3399;
}
.header #SearchBut {
	background-color: #FFCC00;
	font-weight: bold;
	color:#333;
	border: 2px solid #FFCC00;
}
/*ÓÒ²àÓû§ÐÅÏ¢*/
.aside {
	float: right;
	width: 265px;
}
.aside #Pic {
	border: 2px solid #FF3399;
	margin-bottom:10px;
	width: 261px;
}
.aside h3 {
	font-weight: normal;
	color: #999;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 5px;
	font-size: 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}
.aside #TypeLog h3 {background-image: url(log.gif);}
.aside #TypeImage h3 {background-image: url(photograph.gif);}
.aside #Link h3 {background-image: url(job.gif);}

.aside #TypeLog a { background-color: #FF3399; }
.aside #TypeImage a { background-color: #F38338; }
.aside #Link a { background-color: #49AECC; }
.aside #TypeLog a,
.aside #TypeImage a,
.aside #Link a {
	padding: 2px 5px;
	line-height: 22px;
	color: #FFFFFF;
}
.aside #TypeLog a:hover,
.aside #TypeImage a:hover,
.aside #Link a:hover {background-color: #3D383A;}
.footer {
	font-size: 10px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(fly.gif);
	position: absolute;
	bottom: 0px;
	width: 905px;
	height: 5em;
}
#Cont {
	width: 580px;
	padding: 20px;
	background-color: #333333;
	color: #F7F7F7;
}
#Cont .log {margin-bottom:30px;}
#Cont .log a {color: #49AECC;}
#Cont a.logTitle {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-bottom: 7px;
	color: #F39;
}
#Cont a.logTitle:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F39;
}
#Cont h4.logTitle {
	color: #FF3399;
	font-size: 16px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF3399;
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
}
#Cont .date,#Cont .tag,#Cont .pv {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 20px;
	font-size: 10px;
	color: #999;
}
#Cont .date,#Cont .pv {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 6px;
}
#Cont .date {background-image: url(Date.gif);}
#Cont .pv {
	background-image: url(pv.gif);
	float: right;
}
#Cont .tag a { margin-right:10px;}
#Cont .page {
    margin-top: 35px;
	text-align: center;
	font-size: 10px;
	padding: 8px;
	background-color: #C7E9EC;
}



#CodeBox {
	float: left;
	width: 50px;
	text-align: center;
}
.code {
	vertical-align: middle;
	margin-right: 20px;
}
#ReCont {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.reBut {
	background-color: #FC0;
	border: 1px solid #FC0;
	font-weight: bold;
	margin-bottom: 20px;
	color:#FFFFFF;
}

.re {
	padding: 10px;
	border: 1px solid #1A1819;
	padding-bottom: 30px;
	position: relative;
}
.re .re_date {
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 10px;
}
.re .ip {
	position: absolute;
	left: 10px;
	bottom: 5px;
	font-size: 10px;
}
.re.bg {
	background-color: #1A1819;
	color: #888;
}

.image {letter-spacing: 15px;}
.image a img {
	margin-bottom: 20px;
	border: 10px solid #555;
}
.image a:hover img {border: 10px solid #FC0;}

pre {
	background-color: #CCCCCC;
	border: 1px solid #000000;
	padding: 10px;
	width: 555px;
	display: block;
	color: #000000;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word; 
	font-size: 12px;
}
#Manage {
	position: absolute;
	left: 20px;
	top: 115px;
}
*html #Manage {top: 125px;}
*+html #Manage {top: 125px;}
#Bottom {
	width: 865px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #333333;
	color: #F7F7F7;
}












/*
#Conts .page {
    margin-top: 35px;
	text-align: center;
	font-size: 10px;
	padding: 8px;
	background-color: #1A1819;
}
#Conts .page a {color: #FFCC00;}
#Conts h4.log_title {
	color: #FF3399;
	font-size: 16px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF3399;
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
}
#Conts .image {letter-spacing: 15px;}
#Conts .image a img {
	border: 10px solid #555555;
	margin-bottom: 20px;
}
#Conts .image a:hover img {border: 10px solid #F2C433;}

.me {
	float: right;
	width: 265px;
}
.me .pic {
	border: 2px solid #FF3399;
	margin-bottom:10px;
}
.me h3 {
	font-weight: normal;
	color: #999;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 5px;
	font-size: 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}
.me .list_log h3 {background-image: url(log.gif);}
.me .list_image h3 {background-image: url(photograph.gif);}
.me .list_color h3 {background-image: url(color.gif);}
.me .list_link h3 {background-image: url(job.gif);}
.me .list_log a {background-color: #FF3399;}
.me .list_image a {background-color: #F38338;}
.me .list_link a {background-color: #49AECC;}
.me .list_log a,.list_image a,.list_color a,.list_link a {
	padding: 2px 5px;
	line-height: 22px;
	color: #FFFFFF;
}
.me .list_log a:hover,.me .list_image a:hover,.me .list_color a:hover,.me .list_link a:hover {background-color: #3D383A;}



.code {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	vertical-align: middle;
	margin-right: 20px;
	border-top-color: #1A1819;
	border-right-color: #1A1819;
	border-bottom-color: #1A1819;
}
*html .re_char {margin-left: -3px;}
*html .re_char {vertical-align: top;}
*+html .re_char {vertical-align: top;}
*/