html,body{
margin:0;
padding:0;
}
html{
background:#eae9df url(http://l.yimg.com/e/style/167/16723/html.jpg) no-repeat;
}
body{
font-family:sans-serif,arial;
line-height:18px;
font-size:.8em;
color:#555;
}
img{border:0;}
a{
color:#3388cc;
text-decoration:none;
}
a:hover{
color:#ee4450;
text-decoration:underline;
}
#container{
width:900px;
position:relative;
background:white;
border-left:2px solid #d7d7d7;
border-right:2px solid #d7d7d7;
}
#header{
padding:20px 0;
background:url(http://l.yimg.com/e/style/167/16723/header.jpg) no-repeat left bottom;
margin-bottom:20px;
}
h1{
margin:0;
padding:0;
background:#e9dd2a;
display:inline;
font-size:20px;
}
* html h1{
font-size:28px;
font-family:simhei,arial;
letter-spacing:-1px;
}
h1 a,
h1 a:hover{
text-decoration:none;
font-weight:normal;
color:#222;
}
#description{
color:#666;
padding:3px 20px 5px 5px;
}
#main{
float:none;
}
* html #main_tab,
* html #main{
height:1%;
}
#main_tab:after,
#main:after{
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}
#main_tab{
margin-bottom:10px;
}
#main_tab li{
float:left;
height:20px;
margin-right:3px;
}
* html #main_tab li{
display:inline;
}
#tab_normal{
background:#e95656;
padding:2px 15px;
}
#tab_normal a{
color:white;
}
#tab_pursuance{
padding:2px 8px;
background:#e5dc48;
}
#tab_pursuance a{
color:#44433c;
}
#tab_notice{
padding:2px 12px;
background:#57adcc;
}
#tab_notice a{
color:white;
}
#tab_bulletin{
padding:2px 20px;
background:#888;
}
#tab_bulletin a{
color:white;
}
#content{
width:510px;
padding-left:30px;
}
* html #content{
display:inline;
}
#search{
padding:0;
text-align:right;
}
.page_control{
text-align:center;
line-height:28px;
padding:20px 0;
}
.page_control a{
padding:2px 4px;
border:1px solid #eee;
color:#999;
}
.page_control a:hover{
border:1px solid #ee4450;
text-decoration:none;
}
.msg_body{
border-bottom:1px solid #eee;
padding:10px 0 20px;
margin-bottom:10px;
}
.msg_content ul{
margin:0;
padding:0;
position:relative;
padding-left:80px;
background:url(http://l.yimg.com/e/style/167/16723/msg_contentul.jpg) no-repeat;
}
* html .msg_content ul{
height:1%;
}
.msg_img{
position:absolute;
top:1;
left:1;
width:60px;
height:60px;
text-align:center;
}

.msg_ip span,
.msg_title span,
.msg_date span,
.msg_man span{
float:left;
width:80px;
color:#aaa;
}
.msg_ip,
.msg_title,
.msg_man,
.msg_date{
color:#888;
}
.msg_info{
position:absolute;
top:0;
right:0;
width:80px;
text-align:right;
}
.msg_info span,
.msg_word span{
display:none;
}
.msg_word{
padding:8px;
word-break:break-all;
}
.reply_content{
padding-left:80px;
}
.reply_content ul{
padding:8px;
background:#eee;
}
.reply_word span{
display:none;
}
#sidebar{
margin-right:30px;
}
* html #sidebar{
display:inline;
}
html #namecard{
background:#635c58;
width:300px;
height:150px;
border:0 none transparent;
}
#myService li a,
#myService li a:hover{
background:transparent;
border-bottom:0 none transparent;
}
#myService{
width:80px;
float:none;
text-align:left;
height:150px;
top:0;
background:url(http://l.yimg.com/e/style/167/16723/myservice.gif) no-repeat;
}
#myService li a{
display:block;
padding-top:21px;
height:0;
width:80px;
overflow:hidden;
}
* html #myService li{
height:21px;
width:80px;
overflow:hidden;
}
#myService li a:hover{
background-image:url(http://l.yimg.com/e/style/167/16723/myservicehover.gif);
}
#myMypage a{
}
#myService #myAlbum a{
background-position:0 -21px;
}
#myService #myBlog a{
background-position:0 -42px;
}
#myService #myGbook a{
background-position:0 -63px;
}
#myService #myUser a{
background-position:0 -84px;
}
#myService #myFriend a{
background-position:0 -105px;
}
#myService #myVideo a{
background-position:0 -126px;
}
#namecard a{
color:#bbb;
}
#myInfo{
width:110px;
}
.myNick,.myDesc{
width:auto;
}
.myNick{
color:white;

}
.myDesc{
color:#aaa;
width:110px;
height:100px;
overflow:hidden;
}
#action{
margin-top:10px;
padding:10px 0;
background:#eee;
text-align:center;
}
#action span{
font-size:9px;
color:#eee;
letter-spacing:-1px;
}
#action img{
vertical-align:middle;
}
li#friendlist{
width:280px;
height:24px;
overflow:hidden;
background:#eee;
padding:0 10px 10px;
}
* html li#friendlist{
width:300px;
height:34px;
}
select#friendlist{
width:280px;
background:#eee;
border:1px solid #777;
color:#555;
}
#counter{
margin:10px 0;
background:#eee;
padding:10px 20px;
}
#stats{
margin:10px 0;
background:#eee;
padding:10px 20px;
}
#myName img{
vertical-align:middle;
}
#admin{
padding:10px;
text-align:center;
}
#info{
padding:10px;
background:#eee;
}

.add_title,
.add_img{

}
#msg_added li span{
float:left;
width:120px;
}
#msg_added li{
margin:5px 0 10px;;
}
* html #msg_added li{
height:1%;
}
#msg_added li:after{
content:".";
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}
#msg_added textarea{
width:340px;
}