/*--------------------------------------------------------------
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 ;
_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:299px;*/
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;
  _margin-bottom:7px; 
}

/* 我的地盤列表: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{
  /*border-top: 2px solid #FFA9D1 ;
  border-left: 2px solid #FFA9D1 ;
  border-right: 2px solid #F061A4 ;
  border-bottom: 2px solid #F061A4 ;*/
  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; 
}











