/*--------------------------------------------------------------
Wretch Friend template no.04

	CSS & Designed by PRINCESSWOW
	http://www.wretch.cc/Mypage/princesswow
----------------------------------------------------------------*/



/* ----------- global 基本標籤設定 ------------*/
html{}
body {
color:#666;
background:url('http://l.yimg.com/e/style/5/575/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/575/container.jpg') repeat-y center top;
position:relative;
}
#header {
background:url('http://l.yimg.com/e/style/5/575/header.jpg');

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:#60C300;
}
#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:#A6E569;

}

/* 我的地盤列表: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:#C9FF87;
color:#60C300;
}


/* 好友分類選單*/
#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/575/friendlist.jpg') left top no-repeat;
padding-top:2px;
}
#friendListDiv ol li a {
color:#60C300;
font:.8em verdana;
}
#friendListDiv ol li a:hover {
background:url('http://l.yimg.com/e/style/5/575/friendlist2.jpg') -1px -2px no-repeat;
color:#000;
border:0px;
}
/* 好友列表id*/
#friendListDiv ol li a span.font_id {

}


/* 	-------------------------------------------------/
	friend desc div 放大圖片與說明的樣式
	
*/
/* 好友詳細說明文字div*/
#descDiv{
background:#F6FFED;
color:#555;
border:1px solid #D2FF9B;
}
/* 單一好友id */
.font_id2{
color:#85E22B;
font-size:22px;
font-family:"Verdana";
letter-spacing:-2px;
padding-bottom:10px;
}
/* 單一好友說明*/
.font_desc{
color:#60C300;
}

/* 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/575/extradiv1.jpg');
position:absolute;
top:0px;
left:-10px;
}


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