html{
background:#888 url(http://pic.wretch.cc/icon/wtchou/others/1113/friend/html.gif) repeat-y 50% 0;
}
#header #menu ul,
#header #menu #msg{
background:#e4e4e4 url(http://pic.wretch.cc/icon/wtchou/others/1113/friend/dot.gif) repeat-y left top;
}
#header .Ptext ul#serviceList,
#serviceList li a{
background:url(http://pic.wretch.cc/icon/wtchou/others/1113/friend/serviceList.gif) no-repeat -155px 0;
font-size:0;
color:white;
}

body{
font-size:12px;
font-family:sans-serif,arial;
color:#8a8a8a;
}
a{
color:#09f;
}
a:hover{
color:deeppink;
text-decoration:none;
}
#container{
width:900px;
margin:0 auto;
position:relative;
background:#fff;
}
#navigator{
height:32px;
padding-top:8px;
padding-right:10px;
}
#header .Pcover{
float:none;
position:absolute;
top:0;
left:0;
background:none;
z-index:99;
}
#header .Ptext{
margin:0 1px;
background:white;
position:relative;
z-index:1;
height:154px;
padding-top:5px;
padding-left:210px;
}
#header h1{
margin:0;
padding:0;
font-size:15px;
padding-bottom:10px;
}
#header h1 img{
vertical-align:middle;
margin-right:5px;
}
#header .Ptext ul#serviceList{
list-style:none;
margin:0;
width:155px;
height:140px;
position:absolute;
top:10px;
right:12px;
}
#header .Ptext ul#serviceList li{
width:155px;
height:20px;
}
#serviceList li a{
display:block;
height:20px;
width:155px;
text-indent:0px;
}
#serviceList li a#linkMypage{
background-position:-155px 0;
}
#serviceList li a#linkAlbum{
background-position:-155px -20px;
}
#serviceList li a#linkBlog{
background-position:-155px -40px;
}
#serviceList li a#linkGbook{
background-position:-155px -60px;
}
#serviceList li a#linkUser{
background-position:-155px -80px;
}
#serviceList li a#linkFriend{
background-position:-155px -100px;
cursor:default;
}
#serviceList li a#linkVideo{
background-position:-155px -120px;
}
#serviceList li a#linkMypage:hover{
background-position:0 0;
}
#serviceList li a#linkAlbum:hover{
background-position:0 -20px;
}
#serviceList li a#linkBlog:hover{
background-position:0 -40px;
}
#serviceList li a#linkGbook:hover{
background-position:0 -60px;
}
#serviceList li a#linkUser:hover{
background-position:0 -80px;
}
#serviceList li a#linkFriend:hover{
background-position:0 -100px;
}
#serviceList li a#linkVideo:hover{
background-position:0 -120px;
}
#header #menu{
margin:1px 1px 0;
border-top:24px solid #f6e200;
}
#header #menu ul{
height:24px;
margin-top:1px;
border-left:298px solid #e36a12;
text-align:right;
}
#header #menu li.il{
float:none;
margin-right:2px;
}
#header #menu ul select,
#header #menu ul input{
background:#f3f3f3;
border:0 none transparent;
font-size:12px;
font-family:sans-serif,arial;
vertical-align:middle;
height:22px;
color:#555;
}
#header #menu #msg{
margin-top:1px;
border-left:380px solid #3fd1f0;
text-align:right;
color:#666;
height:22px;
padding-top:2px;
padding-right:5px;
}
#content{
padding:0;
}
#condition{
margin:1px 1px 0;
height:24px;
background:#e4e4e4;
}
#condition li{
margin:0;
height:24px;
width:200px;
border-right:1px solid #e4e4e4;
background:#ccc;
}
#condition li a{
background:none;
border:0 none;
display:block;
padding:0;
width:200px;
color:white;
text-decoration:none;
padding-top:3px;
height:21px;
}
#condition li.current a,
#condition li.current a:hover{
background:#f54f8d;
color:white;
cursor:default;
}
#condition li a:hover{
background:#aaa;
}
#friendListDiv{
background:none;
border:0;
padding:15px;
}
#friendListDiv ol li{
margin-right:10px;
height:155px;
border:1px solid #AAAAAA;
}
#friendListDiv ol li a{
text-decoration:none;
color:#999;
}
#friendListDiv ol li a:hover{
border-color:deeppink;
color:deeppink;
}
#friendListDiv ol li a span.font_id{
font-size:10px;
}
#pagelink{
border-top:1px solid #ccc;
}
*html #friendListDiv ol li  p{left:0;padding-bottom:8px}