/* ----------- global 基本標籤設定 ------------*/
html{border-left:14px solid #BBAD8E;}
body {
  color: #666;
  background:url(http://l.yimg.com/e/style/5/577/body_bg.gif) repeat-y right top #fff;
  /*border-left:14px solid #BBAD8E;*/
margin:0;
padding:0;
height:100%;
}
a {
  color: #333;
  text-decoration: none
}
a:hover {
  color: #f60; 
}

/*-------------------------------------------/
construct 版面架構的標籤
架構是由#container包住三個主標籤(#header, #content, #footer)
*/
#container {
  padding:0px;
  margin:0px;
  background:url(http://l.yimg.com/e/style/5/577/corner_top.gif) no-repeat right top ;
  /*position:relative;*/
height:100%;
}
#header {
float:left;
  width:360px;
  padding-top:30px;
  padding-left:35px;
  background:url(http://l.yimg.com/e/style/5/577/header.gif) no-repeat 0px 0px ;
}
#content{
  padding:57px 0px 0px 20px;
}
#extraDiv1{}
#extraDiv2{}
#extraDiv3{}
#extraDiv4{}


/*-------------------------------------------/
header 標頭
分為 ul#navigator 與 div#boxProfile 兩個部分
*/
#header #navigator{
  float:left;
  width:335px;
  margin:25px 0px 0px 0px;
  color:#bbb;
  text-align:right;
  padding:3px 0px;
}
#header #navigator a{
  padding:4px;
  color:#bbb;
}
#header #navigator a:hover{
  color:#0cf;
  text-decoration:underline;
}

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

/*封面照片*/
#header .Pcover {
  border: 1px solid #999;
  background:#fafafa;
  margin:20px 0px;
}

/*我的地盤文字 DIV標籤*/
#header .Ptext {
  clear:both;
  margin: 0px ;
  padding-bottom:10px;
}


/* 我的地盤標題：XXX的好友列表*/
#header h1{
  font:normal 1.4em simhei,arial;
  height:30px;
  color:#6af;
}

/* 我的地盤列表:XXX的個人首頁、XXX的網誌、XXX的相簿、XXX的留言版*/
#header .Ptext li{
  list-style-type:none;
}
#header .Ptext li a{
  border-left:4px solid #fff;
  display:block;
  color:#666;
  width:150px;
  padding:2px 0px;
  padding-left:5px;
  letter-spacing:.1em;
}
#header .Ptext li a:hover{
  border-color:#0cf;
  color:#f60;
  background:#fcfcfc;
}


/* 好友分類選單*/
#header #menu{
  margin:0px;
  margin-right:25px;
}
/* 好友分類選單內：列出所有分類、列出所有性別、搜尋好友、目前列出的好友分類*/
.il{ 
  width:250px;
  margin:5px;
}

/* 搜尋的訊息文字 */
#msg{
  clear:both;
  color:#999;
}



/*-------------------------------------------------/
content 
thumb style 縮圖清單的樣式
*/
#friendListDiv ol li{
   background:#f9faff;
}
#friendListDiv ol li a {
  border: 1px solid #ccc;
  color:#999;
  font:.8em verdana;
 
}
#friendListDiv ol li a:hover {
  border: 1px solid black;
  background:#fff;
  color:#f90;
}
/* 好友列表id*/
#friendListDiv ol li a span.font_id {
  
}


/* -------------------------------------------------/
friend desc div 放大圖片與說明的樣式

*/
/* 好友詳細說明文字div*/
#descDiv{
  border: 1px solid #AAA;
  background: white;
  color: #555;
padding:4px 8px;
}
/* 單一好友id */
.font_id2{
color:#fff;
display:block;
background:#6cf;
padding:4px;
text-align:center;
}
/* 單一好友說明*/
.font_desc{
color:black;
padding:0px 5px;
}

/* desc category 敘述的分類文字訊息*/
.font_cate{
color:#999;
padding:0px 5px;
}
.font_cate strong {

}

#footer{
  clear:both;
}