/*--------------------------------------------------------------
Wretch Friend template no.03

	CSS & Designed by PRINCESSWOW
	http://www.wretch.cc/Mypage/princesswow
----------------------------------------------------------------*/



/* ----------- global 基本標籤設定 ------------*/
html{}
body {
  color: #666;
  background:url('http://l.yimg.com/e/style/5/574/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/574/container.jpg') repeat-y center top ;
	position:relative ;
}
#header {
	background:url('http://l.yimg.com/e/style/5/574/header.jpg') ;
	/*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:#E69741;
}
#header #navigator a:hover{
  color:#000;
}

/* 我的資訊區塊 其中分為 #Pcover, #Ptext, #menu 三部分*/
#boxProfile{
  clear:both;
}

/*	封面照片*/
#header .Pcover {
	margin-right:40px; 
}

/*	我的地盤文字 DIV標籤*/
#header .Ptext {
}


/* 我的地盤標題：XXX的好友列表*/
#header h1{
  font:normal 1.4em/2.5em simhei,arial;
  color:#F1B370;
  _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:#F1B370;
  color:#FF8500;
}


/* 好友分類選單*/
#header #menu{
  margin-right:0px;
  margin-top: 52px; 
  color:#aaa ;
  margin-right:25px; 
}
/* 好友分類選單內：列出所有分類、列出所有性別、搜尋好友、目前列出的好友分類*/
.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/574/friendlist.jpg') left  top no-repeat  ;
	padding-top:2px ;
}
#friendListDiv ol li a {
  color:#E69741;
  font:.8em verdana;
}
#friendListDiv ol li a:hover {
  background: url('http://l.yimg.com/e/style/5/574/friendlist2.jpg') -1px -2px no-repeat;
  color:#000;
  border:0px ;
}
/* 好友列表id*/
#friendListDiv ol li a span.font_id {
  
}


/* 	-------------------------------------------------/
	friend desc div 放大圖片與說明的樣式
	
*/
/* 好友詳細說明文字div*/
#descDiv{
  background: #FFF7EF;
  color: #555;
  border:1px solid #FCC495 ;
}
/* 單一好友id */
.font_id2{
	color:#FFA879;
	font-size:22px; 
	font-family:"Verdana" ;
	letter-spacing:-2px; 
	padding-bottom:10px; 
}
/* 單一好友說明*/
.font_desc{
	color:#E69741;
}

/* 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/574/extradiv1.jpg') ;
	position:absolute ;
	top:0px; 
	left:-10px; 
}


#extraDiv2{
	height:65px ;
	width:20px; 
	background:url('http://l.yimg.com/e/style/5/574/extradiv2.jpg') ;
	position:absolute ;
	top:0px; 
	right:-10px; 
}











