/* ----------- global 基本標籤設定 ------------*/
html{}
body {
color: #333;
background: url('http://l.yimg.com/e/style/5/579/body.jpg') repeat-x left top;

}
a {
  color: #FFCC00;
  font-size:12px;
  text-decoration: none
}
a:hover {
  color: #FFFF00;
}

/*-------------------------------------------/
construct 版面架構的標籤
架構是由#container包住三個主標籤(#header, #content, #footer)
*/
#container {
position:relative;
margin:0px auto;
width:768px;
background: url('http://l.yimg.com/e/style/5/579/container.jpg') repeat-y left top;
}
#header {
position:relative;
height:270px;
padding:89px 30px;
background: url('http://l.yimg.com/e/style/5/579/header.jpg') no-repeat top;
}
#content {
margin:0px auto auto 0px;
padding:10px 0px 0px 15px;
}
#footer {
position:relative;
height:250px;
width:766px;
margin:0px 0px 0px 1px;
background: url('http://l.yimg.com/e/style/5/579/footer.jpg') no-repeat bottom;
}
/*-------------------------------------------/
header 標頭
分為 ul#navigator 與 div#boxProfile 兩個部分
*/
#navigator{

}
#boxProfile{

}

/*封面照片*/
#header .Pcover {
position:absolute;
top:78px;
left:30px;
border: 1px solid #AAA;
}

/*我的地盤文字*/
#header .Ptext {
position:absolute;
top:88px;
left:30px;

}
#header .Ptext li{font-size: 12px;}
#header .Ptext h1{font-size: 25px;}

#menu{
display:block;
width:530px;
position:absolute;
top:240px;

}
/* 搜尋的訊息文字 */
#msg{
background:white;
width:515px;
}
#msg2{

}


/*-------------------------------------------------/
content 
thumb style 縮圖清單的樣式
*/

#content li{
background: url('http://l.yimg.com/e/style/5/579/friendListDiv.jpg') no-repeat bottom;
width:108;
height:149px;
padding:0px 0px 24px 0px;

}
#friendListDiv ol li a {
width:108px;
}
#friendListDiv ol li a:hover {

}
#friendListDiv ol li a span.font_id {
  color: #FFFFFF;
}


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

*/
#descDiv{
background: url('http://l.yimg.com/e/style/5/579/descDiv.jpg') no-repeat right bottom #6ED553;
padding:5px 5px 60px 5px;
border:1px solid #4DAE34;
}
.font_id2{
color: #FFCC00;
}
.font_desc{
color:#FFFFFF;
}
/* desc category 敘述的分類文字訊息*/
.font_cate{}
.font_cate strong {}

/**/
#extraDiv1{
position:absolute;
top:0px;
left:-43px;
width:47px;
height:420px;
background: url('http://l.yimg.com/e/style/5/579/extraDiv1.jpg');
}
#extraDiv2{
position:absolute;
top:0px;
right:0px;
width:4px;
height:420px;
background: url('http://l.yimg.com/e/style/5/579/extradiv2.jpg');
}
#extraDiv3{

}
#extraDiv4{

}