/*****************************************
作者：rainer35509
主題：【友】悠藍斜蔓
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{overflow:hidden;}
body{color:#555;font:7pt verdana;margin:0px;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620448689.jpg?PnovldFDchSRYnAFzwTo1i1nevbWAyFThetZJ0uzVRHyVX13otgoAE6f2X2gog--) no-repeat #ddd 80px 200px;}
#container{margin:0px;}
a{color:#000;text-decoration:none;}
a:hover{color:#336699;text-decoration:none;cursor:default;}



/****************************/

#header .Pcover {
position:absolute;top:45px;left:700px;
background:#fff;border:1px #ccc solid;}
#header .Ptext{color:#000;
margin:300px 0px 0px 700px;letter-spacing:1px;}

#header .Ptext h1{
position:absolute;top:0px;left:150px;background:#ccc;
color:#000;font:20px simhei;width:530px;padding:5px 2px 5px 10px;}
#relationship{display:none;}

#content input{
display:block;height:20px;width:100px;
margin-bottom:2px;background:none;color:#000;
border:1px #aaa solid;font:7pt verdana;}

/****************************/

#serviceList{
list-style:none;height:0px;
overflow:hidden;width:50px;}

#serviceList a {
position:absolute;left:50px;width:80px;padding-top:5px;
text-align:center;font:7pt verdana;height:16px;
border-left:1px #fff solid;border-top:1px #fff solid;
border-right:1px #ccc solid;border-bottom:1px #ccc solid;
background:#eee;color:#000;}

#serviceList a:hover{
border-left:1px #aaa solid;border-top:1px #aaa solid;
border-right:1px #fff solid;border-bottom:1px #fff solid;
background:#ccc;color:#224466;}

#linkAlbum{top:50px;}
#linkBlog{top:75px;}
#linkGbook{top:100px;}
#linkUser{top:125px;}
#linkFriend{top:150px;color:#224466!important;}
#linkMypage, #linkVideo{
display:none!important;}

/****************************/

#friendListDiv{
position:absolute;top:37px;left:150px;
padding:10px 0px 10px 20px;
background:#f1efea;
overflow:auto;overflow-x:hidden;
scrollbar-face-color:#f1efea;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#ddd;
scrollbar-3dlight-color:#f1efea;
scrollbar-arrow-color:#336699;
scrollbar-track-color:#f1efea;
scrollbar-darkshadow-color:#f1efea;
width:520px;height:520px;
border-left:1px #fff solid;
border-top:1px #fff solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;}

/****************************/

#pagelink_1 a{font:7pt verdana;color:#000;}
#pagelink_1{position:absolute;top:5px;left:700px;
font:25px impact;color:#336699;}

/****************************/

#num_friends{position:absolute;top:255px;left:692px;width:220px;height:40px;
color:#fff;text-align:left;padding:13px 0px 0px 10px;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620448690.jpg?8MM0QYpDchRdxG2oPdVTsO3KEiVcd67frlkDMOhomXML_2f2juC6t7sh_mSR7g--) no-repeat right top;}

/****************************/

#condition{
position:absolute;top:330px;left:620px;width:200px;}
#condition li a{float:right;
position:relative;
width:80px;height:16px;
padding-top:4px;
margin-bottom:2px;
background:#f1efea;color:#000;
border-top:1px #fff solid;
border-left:1px #fff solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid!important;}

#condition li a:hover{
background:#ccc;color:#224466;
border-top:1px #aaa solid;
border-left:1px #aaa solid;
border-right:1px #fff solid;
border-bottom:1px #fff solid!important;}

#menu li.il{padding:0px;}

/*****************************/

#header #menu #cateSelect{display:none;
position:absolute;top:100px;left:700px;
width:200px;font:7pt verdana;background:#fff;color:#000;}

#header #menu #searchInput{display:none;
position:absolute;top:122px;left:700px;
width:175px;height:15px;
border:1px #ccc solid;padding:3px 0px 0px 3px;
color:#000;background:#fff;}

.il input{display:none;
position:absolute;top:153px;left:700px;
font:7pt verdana;color:#000;
background:#eee;border:1px #ccc solid;}

/****************************/

#msg{position:absolute;top:270px;left:25px;
font:7pt verdana;display:none;}

/****************************/

#friendListDiv ol li{}
#friendListDiv ol li a {border:1px #ccc solid;
background:#fff;font:7pt verdana;}
#friendListDiv ol li a:hover{border:1px #336699 solid;}
#friendListDiv ol li a span.font_id {
color:#000;background:#f1efea;font:7pt verdana;}
#friendListDiv img{padding:10px 0px 0px 0px;}
#friendListDiv ol li a:hover span.font_id {
color:#fff;background:#336699;font:7pt verdana;}
#friendListDiv img{padding:10px 0px 0px 0px;}

/****************************/

#mini{font:7pt verdana;
background:#f1efea;color:#000;
border:1px #aaa solid;}

#mini_content{background:#f1efea;}
#mini a{color:#336699;}
#mini a:hover{color:#000;}

/****************************/

#automusic{position:absolute;top:7px;left:550px;}
.small-c, .small-c a{display:none;}