/*--------------------------------------------------------------
Wretch Friend template no.02

CSS & Designed by PRINCESSWOW
http://www.wretch.cc/Mypage/princesswow
----------------------------------------------------------------*/



/* ----------- global 基本標籤設定 ------------*/
html{}
body {
color:#666;
background:url('http://l.yimg.com/e/style/5/573/body.jpg') repeat left top;
}
a {
color:#333;
text-decoration:none;}
a:hover {
color:#f60;
}

/*-------------------------------------------/
construct 版面架構的標籤
架構是由#container包住三個主標籤(#header, #content, #footer)
*/
#container {
width:900px;

padding:0px 10px 0px 10px;
margin:0px auto;
background:url('http://l.yimg.com/e/style/5/573/container.jpg') repeat-y center top;
position:relative;
}
#header {
background:url('http://l.yimg.com/e/style/5/573/header.jpg') no-repeat left top;

height:247px;
padding:52px 0px 0px 40px;
position:relative;
}
#content{
padding:10px 0px 0px 19px;
}

/*-------------------------------------------/
header 標頭
分為 ul#navigator 與 div#boxProfile 兩個部分
*/
#header #navigator{
color:#fff;
text-align:left;
padding:0px 10px;
text-align:right;
position:absolute;
top:0px;
right:10px;
}
#header #navigator a{
padding:4px;
color:#418FE6;
}
#header #navigator a:hover{
color:#000;
}

/* 我的資訊區塊 其中分為 #Pcover, #Ptext, #menu 三部分*/
#boxProfile{
clear:both;
}

/*封面照片*/
#header .Pcover {
margin-right:40px;
}

/*我的地盤文字 DIV標籤*/
#header .Ptext {
padding-left:50px;
}
#header .Ptext br{display:none;}

/* 我的地盤標題：XXX的好友列表*/
#header h1{
font:normal 1.4em/2.5em simhei, arial;
color:#71ACED;

}

/* 我的地盤列表:XXX的個人首頁、XXX的網誌、XXX的相簿、XXX的留言版*/
#header .Ptext li{
list-style-type:none;
}
#header .Ptext li a{
border-left:4px solid #fff;
padding-left:5px;
display:block;
color:#999;
width:150px;
margin-bottom:2px;
}
#header .Ptext li a:hover{
border-color:#71ACED;
color:#418FE6;
}


/* 好友分類選單*/
#header #menu{
color:#aaa;
position:relative;
bottom:20px;
left:40px;
}
/* 好友分類選單內：列出所有分類、列出所有性別、搜尋好友、目前列出的好友分類*/
.il{
margin:5px;
}

/* 搜尋的訊息文字 */
#msg{
margin:0px;
margin-left:35px;
padding:0px;
clear:both;
}



/*-------------------------------------------------/
content 
thumb style 縮圖清單的樣式
*/
#friendListDiv ol li{
background:url('http://l.yimg.com/e/style/5/573/friendlist.jpg') left top no-repeat;
padding-top:2px;
}
#friendListDiv ol li a {
color:#418FE6;
font:.8em verdana;
}
#friendListDiv ol li a:hover {
background:url('http://l.yimg.com/e/style/5/573/friendlist2.jpg') -1px -2px no-repeat;
color:#000;
border:0px;
}
/* 好友列表id*/
#friendListDiv ol li a span.font_id {

}


/* -------------------------------------------------/
friend desc div 放大圖片與說明的樣式

*/
/* 好友詳細說明文字div*/
#descDiv{

background:#ECF6FF;
color:#555;
border:1px solid #98CFFF;
}
/* 單一好友id */
.font_id2{
color:#87B8EF;
font-size:22px;
font-family:"Verdana";
letter-spacing:-2px;
padding-bottom:10px;
}
/* 單一好友說明*/
.font_desc{
color:#418FE6;
}

/* desc category 敘述的分類文字訊息*/
.font_cate{
color:#999;
text-align:right;
display:block;
}
.font_cate strong {}

#footer{
clear:both;
}




/*----------extradiv---------*/

#extraDiv1{
height:65px;
width:20px;
background:url('http://l.yimg.com/e/style/5/573/extradiv1.jpg');
position:absolute;
top:0px;
left:-10px;
}


#extraDiv2{
height:65px;
width:20px;
background:url('http://l.yimg.com/e/style/5/573/extradiv2.jpg');
position:absolute;
top:0px;
right:-10px;
}


body{cursor:url("http://hk.geocities.com/smile92013/6-3-5.ani");}/*http://hk.geocities.com/azsx887/23.ani*/
a:hover {cursor:url("http://hk.geocities.com/azsx887/23.ani");}/*http://hk.geocities.com/azsx887/23.ani*/