/***************************************
主題：土色
作者：wiaat2112
網址：http://www.wretch.cc/blog/wiaat2112
****************************************/
html {
margin:0px;
padding:0px;
}
body {
background:#F5F7EA;
MARGIN:0px auto;
font-family:verdana, arial, sans-serif;
COLOR:#666666;
width:740px;
font-size:12px;
cursor:crosshair;
}
a {
color:#909090;
text-decoration:none;
}
a:hover {
color:#333333;text-decoration:none;cursor:help;}

li{list-style-type:none;}

#container{
background:#F0F3DE;
border:5px solid #E7EBC9;
width:740px;
margin-top:30px;margin-bottom:20px;
}


#pageHeader{
background:transparent url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/1189577667.jpg) no-repeat scroll 0px;
color:#FFFFFF;
height:300px;
padding-top:20px;
padding-right:20px;
}

div.homeLink a {display:none;}


div.navBarLink{
margin-top:5px;
background:none;
position:absolute;
top:0px;
right:150px;
}

div.navBarLink a {margin-left:5px;color:#ccc;}
div.navBarLink a:hover{color:#000;}
div.navBarLink span{display:inline;}



#profileTitle{text-align:right;}

#profileTitle a {
text-transform:uppercase;
color:#FFFFFF;
font-family:SimHei;
font-size:20px;
}

#profileTitle a:hover{color:#000;}

#userName img{position:relative;top:2px;}

#userLinks{
margin-left:5px;
margin-top:240px;
}
#userLinks div{display:inline;margin-left:3px;}
#userLinks div a{font-size:13px;color:#666;letter-spacing:1px;margin-left:5px;}
#userLinks div a:hover{color:#E3E3E3;}


#pageBody{
margin:20px;
width:700px;
}


#bodyHeader{}

#bodyContent{

padding:0px;
}



#userBox{
float:left;
width:220px;
background:#F7F8F0;
border:10px solid #E8ECD4;
padding-top:25px;
padding-left:20px;
overflow:hidden;
}

div#userPhoto div{
text-align:center;
padding:0px;
}


#userPhoto{width:200px;height:200px;}



div#userAdd{
width:200px;
height:50px;
text-align:center;
background:url("http://p8.p.pixnet.net/albums/userpics/8/0/226180/1189578779.jpg") no-repeat top center;
margin:0px 0px 0px 0px;
}
#userAdd span{display:none;}
#userAdd a{display:block;width:200px;height:50px;}


#dataBox{
height:auto;
width:390px;
float:right;
background:#F7F8F0;
border:10px solid #E8ECD4;
padding:10px 10px 20px 10px;
}



#dataTabs{
font-size:11px;
padding:5px;
text-align:right;
margin-right:15px;
}

#dataTabs a{
font-weight:normal;
color:#999;
font-size:14px;
margin-left:10px;
}

#dataTabs a:hover{
}

#dataTabs span:hover{}
.tabAbout{}
.tabDesc{}
.tabFriends{}


#dataContent{
margin:0px;
}

#contentAbout{
text-align:left;padding:10px 0px 0px 0px;
}

#contentAbout th{
color:#333;
font-weight:normal;
padding:0px;
width:40px;
letter-spacing:2px;
}

#contentAbout td{
width:350px;
color:#666;
line-height:160%;
border-bottom:1px solid #ddd;
}


td.formTitle{
width:100%;
color:#333;
border-bottom:1px solid #ddd;
padding:20px 0px 0px 0px;
}
td.formData{
color:#666;
line-height:160%;
padding:0px 0px 0px 10px;
border-bottom:1px solid #ddd;
width:390px;
}



#friendList{
text-align:center;
padding:10px 0px;
margin:0px 5px;
}

li.commonBox {
float:left;
margin:0px;

}

.commonBox{
display:inline;
float:right;
margin:5px;
padding:5px;

}

.commonIcon{
width:90px;
height:90px;
text-align:center;
background:#fdfdfd;color:#eee;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
padding:2px 0px 5px 0px;
}

.commonIcon img {height:80px;display:block;}


.commonLink{
width:90px;
height:25px;
margin-top:5px;
background:#fdfdfd;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
overflow:hidden;
padding:0px;
}

.commonIcon span {
display:block;
vertical-align:middle;
padding:5px;
}


.commonIcon span img {vertical-align:middle;}

.commonLink span{
margin:0px auto;
}
.commonLink a{
display:block;
width:90px;
height:25px;
margin:0px auto;
text-align:center;
color:#999;}
.commonLink a:hover{}




div.menu {
position:absolute;visibility:hidden;
width:90px;z-index:500;font-size:12px;
margin-top:6px;margin-left:12px;border:1px solid #F0F3DE;
}
div.menu ul {margin:0;padding:0;}
div.menu ul li {list-style-type:none;text-align:center;display:block;border:3px solid #F0F3DE;
}
div.menu a {
text-decoration:none;white-space:nowrap;display:block;padding:2px;line-height:20px;background-color:#F7F8F0;
}

div.menu a:link {color:#444;}
div.menu a:visited {color:#444;}
div.menu a:hover {color:#444;background-color:#F0F3DE;}
#navButtons, .pageSelector{text-align:right;margin:0px;clear:both;}
.pageSelector li{display:inline;}
.pageNumber span, span.pageNow, .pagePrev, .pageNext{padding:0px 5px;}
span.pageNow{font-size:11px;font-weight:bold;color:#999;}
#contentClubs{height:0px !important;}
.spacer{clear:both;}
.clubGrade{
text-align:center;
padding-bottom:5px;
}
#bodyFooter{
clear:both;}
#pageFooter{
color:#fff;
margin:0px;background:#F7F7F7 url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/1189578313.jpg) no-repeat scroll 0% 100%;
bottom:0pt;
height:30px;
padding-top:50px;padding-left:10px;
width:730px;
}
#footernav{}
#footernav a{color:#999;}
#footernav a:hover{color:#fdfdfd;}
#copyright{display:none;}