html, body{
margin:0;
padding:0;
}
html{
background:#e9dfd1 url(http://l.yimg.com/e/style/9/972/html.jpg) no-repeat;
}
body{
font-family:sans-serif, arial;
line-height:18px;
font-size:.8em;
color:#605659;
}
img{border:0;}
a{
color:#5893ac;
text-decoration:none;
}
a:hover{
color:#801438;
text-decoration:underline;
}
#container{
width:900px;
}
#header{
background:url(http://l.yimg.com/e/style/9/972/header.jpg) no-repeat left bottom;
height:240px;
}
h1{
padding-top:120px;
padding-left:360px;
}
#description{
padding-left:360px;
padding-top:5px;
height:36px;
width:530px;
overflow:hidden;
}
* html #description{
width:890px;
line-height:17px;
}
#main{
float:none;
}
#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;
}
.page_control a:hover{
text-decoration:none;
}
.msg_body{
padding:10px 0 20px;
margin-bottom:10px;
background:url(http://l.yimg.com/e/style/9/972/msg_body.jpg) no-repeat left bottom;
}
.msg_content ul{
margin:0;
padding:0;
position:relative;
padding-left:80px;
background:url(http://l.yimg.com/e/style/9/972/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:#411825;
}
.msg_ip{
padding-top:10px;
}
.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;
padding:9px 8px 8px 0;
background:url(http://l.yimg.com/e/style/9/972/reply_contentul.jpg) repeat-x;
}
.reply_word span{
display:none;
}
.reply_word{
padding:2px 0 0 23px;
background:url(http://l.yimg.com/e/style/9/972/reply_word.jpg) no-repeat;
}
.msg_control{
padding-top:10px;
}
.msg_control li{
margin:0 10px;
}
#sidebar{
margin-right:30px;
}
* html #sidebar{
display:inline;
}
html #namecard{
background:url(http://l.yimg.com/e/style/9/972/namecard.jpg) no-repeat;
width:300px;
border:0 none transparent;
}
#myService li a, 
#myService li a:hover{
background:transparent;
border-bottom:0 none transparent;
}
html #myService{
width:90px;
float:none;
text-align:left;
height:127px;
top:1px;
right:1px;
background:url(http://l.yimg.com/e/style/9/972/myservice1.jpg) no-repeat;
padding-top:3px !important;
}
#myService li a{
display:block;
padding-top:18px;
height:0;
width:90px;
overflow:hidden;
}
* html #myService li{
height:18px;
width:90px;
overflow:hidden;
}
#myService li a:hover{
background-image:url(http://l.yimg.com/e/style/9/972/myservice1.jpg);
}
#myService #myMypage a:hover{
background-position:-90px -3px;
}
#myService #myAlbum a:hover{
background-position:-90px -21px;
}
#myService #myBlog a:hover{
background-position:-90px -39px;
}
#myService #myGbook a:hover{
background-position:-90px -57px;
}
#myService #myUser a:hover{
background-position:-90px -75px;
}
#myService #myFriend a:hover{
background-position:-90px -93px;
}
#myService #myVideo a:hover{
background-position:-90px -111px;
}
#myInfo{
width:110px;
}
.myNick, .myDesc{
width:auto;
}
.myNick{
color:#411825;
}
.myDesc{
width:100px;
height:102px;
line-height:17px;
overflow:hidden;
color:#605659;
}
#myImg{
border:0;
}
#myImg a{
padding:2px;
background:url(http://l.yimg.com/e/style/9/972/myimga.jpg) no-repeat;
}
* html #myImg a{
padding:0;
background:none;
}
* html #myImg{
padding:2px;
background:url(http://l.yimg.com/e/style/9/972/myimga.jpg) no-repeat;
}
#action{
margin-top:10px;
padding:10px 0;
text-align:center;
}
#action span{
font-size:9px;
letter-spacing:-1px;
}
#action img{
vertical-align:middle;
}
li#friendlist{
width:280px;
height:24px;
overflow:hidden;
padding:0 10px 10px;
}
* html li#friendlist{
width:300px;
height:34px;
}
select#friendlist{
width:280px;
background:transparent;
border:1px solid #2090a4;
color:#555;
}
#counter{
margin:10px 0;
padding:10px 20px;
}
#stats{
margin:10px 0;
padding:10px 20px;
}
#myName img{
vertical-align:middle;
}
#admin{
padding:10px;
text-align:center;
}
#info{
padding:10px;
}
#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;
}


* 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{
height:18px;
margin:10px 0;
}
#main_tab li{
float:left;
height:18px;
margin-right:10px;
padding-left:22px;
background:url(http://l.yimg.com/e/style/9/972/tab.jpg) no-repeat;
}
* html #main_tab li{
display:inline;
}
li#tab_normal{
background-position:0 0;
}
li#tab_pursuance{
background-position:0 -28px;
}
li#tab_notice{
background-position:0 -56px;
}
li#tab_bulletin{
background-position:0 -84px;
}
.message{
padding:3px 10px 3px 22px;
background:url(http://l.yimg.com/e/style/9/972/tab.jpg) no-repeat 0 -112px;
}