body {

background: #8A8A8A;
text-align: center; font-family: "Arial"; font-size: 9pt; line-height: 160%; letter-spacing: 1px; 

}


#body-div  {
background: url() repeat-y top right; 
width: 830px; 
margin:auto;
padding:10px 10px 0px 5px;
background: #8A8A8A url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979806.jpg) no-repeat top right;
text-align: left;
}



#authority {position:absolute;top:10px;right:10px;}
#authority a {margin-right:5px;color:#333}
#authority a:hover {color: #865F9F}





br {letter-spacing: 0px;}
a {text-decoration: none; color: #865F9F;}
a:hover {color: #000;}
#login-bar {display: none;}


#header{}


#banner{
width:500px;height:330px;color:#333;
margin-left:60px;
}


#banner a {color:#444;font-size:10px;}


#banner h1 a{
color:#000;
font-family:SimHei;
font-size:25px;
line-height:160%;
}
#banner h1 a:hover{color:#fff}




#navigation{
position:absolute;
top:200px;
margin-left:380px;
}
#navigation a{
margin-left:3px;
color:#898989;font-size:0px;letter-spacing:-5000px;
}
#navigation a:hover{}


#navigation a:focus{
	outline:none ;
}
	

#navigation li{
display:inline ;float:left ;}


#link-album a {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979808.jpg) no-repeat scroll 0px 0px;
display:block;
width:40px;
height:16px;
}
#link-blog a {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979808.jpg) no-repeat scroll -40px 0px;
display:block;
width:35px;
height:16px;
}
#link-guestbook a {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979808.jpg) no-repeat scroll -75px 0px;
display:block;
width:70px;
height:16px;
}
#link-profile a {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979808.jpg) no-repeat scroll -145px 0px;
display:block;
width:35px;
height:16px;
}

#link-album a:hover {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979810.jpg) no-repeat scroll 0px 0px;
}
#link-blog a:hover {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979810.jpg) no-repeat scroll -40px 0px;
}
#link-guestbook a:hover {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979810.jpg) no-repeat scroll -75px 0px;
}
#link-profile a:hover {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979810.jpg) no-repeat scroll -145px 0px;
}


.skiplink,#blog-category{display: none;}


#spotlight h5{
line-height: 20px; 
padding: 10px; 
FONT-SIZE: 15px; 
margin: 0px 0px 0px 40px;
background:#000 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1192165984.jpg) no-repeat left top;
height:20px;
width: 485px; 
padding-top:20px;
padding-left:35px;
color:#777;font-weight:bold
}

#spotlight-text{
display: block; width: 510px; 
margin: 0px 0px 40px 40px; background: #000;
color:#999;
padding: 10px 10px 20px 10px;
overflow:hidden;
background:#000 url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/1192051695.jpg) no-repeat left bottom;
}










#content {
background: #8A8A8A; float: left; color: #555; 
width:570px ;padding:10px;
margin-top:-120px;
}

.publish {width: 40px; line-height: 160%;}

.month {
display: block; 
text-align: center;
width: 40px; 
line-height: 15px; 
color: #444;
font-size:10px;
text-transform : uppercase
}
.date {font-size: 20pt; display: block; text-align: center; width: 40px; line-height: 22px; color: #525252;}

.year,.time,.day {display: none;}



.title {
line-height: 20px; padding: 10px; FONT-SIZE: 15px; 
margin: -50px 0px 0px 40px;
background:#000 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979812.jpg) no-repeat left top;
height:30px;
width: 485px; 
padding-top:20px;
padding-left:35px;

}


.title a {text-decoration: none; color:#ccc;font-weight:bold;letter-spacing:2px;}
.title a:hover {text-decoration: none; color: #fff;}


.article-body {
display: block; width: 500px; 
margin: 0px 0px 0px 40px; background: #000;
color:#999;
padding: 10px 10px 20px 20px;
overflow:hidden;
background:#000 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979814.jpg) no-repeat left bottom;

}
.article-content{
}

.back-to-top {text-align: right; ; font-size: 8pt;margin-top:-25px;margin-bottom:20px;
}
.back-to-top a {color: #000}




.author {
text-align:right; 
margin: 10px 0px 5px 0px;
color:#666
}
.author a {text-decoration: none; color: #999;}
.author a:hover {text-decoration: none; color: #999;}

.author span {display:none}



.more a {
color:#865F9F;
display:block;
font-size:12px;
font-weight:normal;
width:97%;
margin-top:30px;
margin-bottom:20px;
text-align:right;
}
.more a:hover {
color:#653A81;
}








.bookmark {margin-top: 40px; margin-right: 20px; text-align: right;}
.bookmark span {display: none;}
.bookmark a img {filter: alpha(opacity=50); -moz-opacity: 0.5; width: 12px; height: 10px;}
.bookmark a:hover img {filter: alpha(opacity=80); -moz-opacity: 0.8; width: 12px; height: 10px;}


.forward,.history {display: none;}





.article-footer {padding: 0px 0px 10px 0px;}



.refer {color: #8A8A8A; font-size: 0pt; letter-spacing: -2px;}
.refer a {text-align: left; 
border-left: 2px solid #333; 
padding-left: 5px; font-size: 9pt; letter-spacing: 1px; line-height: 18px; color: #555; margin-left: 40px;}
.refer a:hover {border-left: 2px solid #777; color: #777;}
#blog-main .refer{visibility:hidden}


#trackback-title,#comment-title {display: none;}
.user-post-title img,.user-post-title span {display: none;}

input{font-family: arial; border: none; color: #333; font-size: 9pt;background:none;}

select{background:#333;color:#999;width:200px;}

#trackback-url {margin: 0px 0px 10px 40px; text-align: left;}


.page {margin-left:40px;}
.page a{color:#ccc;margin-left:2px;}
.page span {font-size:20px;color:#000}


/*Comment*/


#comment-box{
width:510px;
}


.single-post {
clear:both;
height:1%;
width:495px;
margin-left:10px;
margin-right:5px;
color:#666;
font-size:12px;
line-height:180%;
margin-bottom:15px;
margin-top:15px;
}

.single-post:after {
clear:both;
content:".";
display:block;
height:0pt;
overflow:hidden;
visibility:hidden;
}

.post-info {
color:#333;
font-size:12px;
padding-top:2px;
border-bottom:1px solid #000
}

.floor{font-size:20px;color:#333}

.post-info a {font-size:12px;}
.post-info img.hidden-message {}
.user-name {color:#eee}


.post-info img {}
.post-info img.pixnet-user {}
.homepage {}
.post-info.post-time {}
.show-message {}
.delete-message {}
.reply-message {}
.user-ip {display:none;}

.post-photo {
float:left;
margin:10px;
width:60px;height:60px;
padding:5px;
text-align:center;
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979816.jpg) no-repeat center center
}
.post-photo img {
height:60px;
width:60px;
filter: alpha(opacity=80); -moz-opacity: 0.8;
}
.post-text {
color:#332A29;
float:right;
width:380px;
overflow:hidden;
padding-top:10px;
padding-bottom:10px;
}


.reply-text {
clear:both;
color:#04457B;
overflow:hidden;
width:360px;
float:right;
padding:5px 10px;
width:365px;
background:#8A8A8A url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979818.jpg) no-repeat left top ;
padding-top:30px;
}
.reply-text p {
display:none;
}
.reply-text a {
}
.single-post.secret {display:none}




.post-comment {
FONT-SIZE: 0pt; 
MARGIN: 20px 10px 0px 10px;
height:40px;
TEXT-ALIGN: left;
COLOR: #898989;
}
.post-comment A {
DISPLAY: block; 
BACKGROUND: url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979820.jpg) no-repeat 0px 0px ; WIDTH: 220px; COLOR: #898989; 
HEIGHT: 30px; 
TEXT-ALIGN: right
}
.post-comment A:hover {
COLOR: #898989;
}













#links {
float: right; width: 230px;overflow:hidden}







.box-title{
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979824.jpg) no-repeat scroll 0px -800px;height:25px;
padding:20px 0px 0px;
text-align:center;
width:220px;
font-size:14px;
color:#3B3B3B;
}

#murmur .box-title{
	text-indent:-5000px ;	background-position: 0px 0px ;}
#search .box-title{
	text-indent:-5000px ;	background-position: 0px -600px ;}
#counter .box-title{
	text-indent:-5000px ;	background-position: 0px -650px ;}
#change-theme .box-title{
	text-indent:-5000px ;	background-position: 0px -700px ;}
#feed .box-title{
	text-indent:-5000px ;	background-position: 0px -750px ;}
#calendar .box-title{
	text-indent:-5000px ;	background-position: 0px -50px ;}
#recent-article .box-title{
	text-indent:-5000px ;	background-position: 0px -100px ;}
#hot-article .box-title{
	text-indent:-5000px ;	background-position: 0px -150px ;}
#category .box-title{
	text-indent:-5000px ;	background-position: 0px -200px ;}
#archive .box-title{
	text-indent:-5000px ;	background-position: 0px -250px ;}
#latest-comment .box-title{
	text-indent:-5000px ;	background-position: 0px -300px ;}
#latest-trackback .box-title{
	text-indent:-5000px ;	background-position: 0px -350px ;}
#favorite .box-title{
	text-indent:-5000px ;	background-position: 0px -450px ;}
#subscription .box-title{
	text-indent:-5000px ;	background-position: 0px -400px ;}
#mylink .box-title{
	text-indent:-5000px ;	background-position: 0px -500px ;}
#powered .box-title{
	text-indent:-5000px ;	background-position: 0px -550px ;}
#headshot .box-title{
	text-indent:-5000px ;	background-position: 0px -897px ;}
#broadcast .box-title{
	text-indent:-5000px ;	background-position: 0px -848px ;}






.box-text {margin-bottom: 5px; 
padding: 0px 10px 0px 10px; 
background: url() no-repeat bottom left;
line-height:180%;
color:#666
}









/*calendar*/



#calendar{text-align:center;}
#calendar table{width:95% ;color:#333;font-size:11px;}




#calendar a {
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979826.jpg) no-repeat center center;
border:0px none;
color:#999;
display:block;
height:21px;
padding:0pt;
}

#calendar a:hover {
background:none;color:#000
}

#calendar th {text-align:center;}

#calendar th a {background:none;color:#666}
#calendar th a:hover {background:none;color:#000}











.murmur-time {text-align: center; font-size: 8pt; color: #666;}
.murmur-text {margin: 10px 0px; color: #444;}


.box-more {text-align: center;}
.box-more a {text-decoration: none;}
.box-more a:hover {text-decoration: none;}










/*VISITOR*/


/*VISITOR*/

#visitor .box-text{height:75px;}
#visitor IMG {}

#visitor .box-text li a{
height:22px;width:20px;
display:block;
MARGIN: 1px;
background:#7A7A7A;
border-right:1px solid #333;
border-bottom:1px solid #333;

}

#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:20px;width:20px;}
#visitor .box-text li a:hover img {visibility:visible;height:20px;width:20px}

#visitor .box-text li { float: left; }
#visitor .box-text ul{}
#visitor .box-more {clear:both;}




#FEED{TEXT-ALIGN:CENTER}










/*headshot*/
#headshot{overflow:hidden ;}
#headshot-img{width:90px;text-align:center ;float:left ;}
#headshot-img img{width:75px ;border:3px solid #fff ;}
#headshot a{display:inline ;}






















#latest-comment a ,
#recent-article a ,
#category a,
#mylink a,
#hot-article a,
#broadcast .broadcast-text a,
#latest-trackback a,
#subscription a
{
display: block; border-bottom: 1px solid #333;
color:#333
}


#latest-comment a:hover,#recent-article a:hover ,#category a:hover,#mylink a:hover ,#hot-article a:hover,#broadcast .broadcast-text a:hover,#latest-trackback a:hover,#subscription a:hover{
display: block;color: #000;
padding-left:10px;
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979828.jpg) no-repeat left center;
}


.box a {text-decoration: none; color: #666;}
.box a:hover {text-decoration: none; color: #000;}








.broadcast-photo {float: left;}
.broadcast-photo img {width: 30px; height: 30px; border: 1px solid #666; padding: 2px; margin: 2px; margin-top: 10px;}



.broadcast-time {font-size: 11px; color:#333; padding: 10px 0px 0px 5px;}
.broadcast-time a {display: block; text-decoration: none; color: #555; width: 125px;}

.broadcast-text a {width:210px;}
.broadcast-text {clear: both; width: 170px; border-bottom: 1px dotted #777; padding-bottom: 5px;}












#counter {color: #555;}
#powered .box-text {text-align: center;}













#mylink .box-text h6{margin-top:5px;} 

#category .box-more {display:none;}

#category .box-text h6{color:#323232;padding-top:5px;border-bottom:1px solid #000}
#category .box-text img {filter:xray}



.main-list{
display: block; 
width: 510px; 
margin: 0px 0px 0px 40px;
padding: 10px 10px 20px 10px;
overflow:hidden;
background:#000 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979830.jpg) no-repeat left bottom;
color:#666
}


.main-list a {color:#999}
.main-list a:hover {color:#fff}



.list-num {display:none}
.list-date {width: 100px; text-align: center;}

#murmur-list td{
padding-top:5px;
border-bottom:1px dashed #666
}



#display {text-align: right; margin: 5px 5px 10px 40px;}
#view-mode{display:none}

#murmur-main .article-area-title,#listall-main .article-area-title{
FONT-SIZE: 15px; 
color:#777;
margin: 0px 0px 0px 40px;
padding: 10px 10px 0px 10px;
line-height: 20px; 
background:#000 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1193979832.jpg) no-repeat left top;
height:30px;
width: 485px; 
padding-top:20px;
padding-left:35px;
font-weight:bold;
}
#archives-main .article-area-title,#category-main .article-area-title{FONT-SIZE: 15px; color:#333;font-weight:bold;line-height:160%;height:40px;margin: 0px 0px 0px 40px;}


#footer{
clear:both ;
text-align:center ;
margin-top:80px ;
}



#bottom{
width:100%;text-align:center ;margin-bottom:20px ;
}

#bottom a {
color:#666;
padding-left:5px;

}

#bottom a:hover{color:#000}

    Source: geocities.com/hk/bamcloud/PIXNET

               ( geocities.com/hk/bamcloud)                   ( geocities.com/hk)