html{}
body{
background:#F5F7EA;
font-family:arial;
font-size:12px;
font-weight:normal;
margin-bottom:0px;
margin-right:0px;
margin-top:0px;
cursor:crosshair;
}

p{font-family:verdana,arial,sans-serif;font-size:12px;}
a {color:#909090;text-decoration:none;}
a:hover {color:#333333;text-decoration:none;cursor:help }

#authority {text-align:right;width:100%;margin-top:5px;}
#authority a {margin-right:5px;}
#authority a:hover {}

#container{
background:#F0F3DE;
border:5px solid #E7EBC9;
width:740px;
MARGIN:0px auto;
margin-top:10px;
}
#container2{}

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


#banner a{color:#999;font-size:9px;}
#banner a:HOVER {color:#fff}
#banner h1 {text-align:right}
#banner h1 a{
color:#FFFFFF;
font-family:SimHei;
font-size:25px;
}


#banner h1 a:hover{color:#000}
#banner .skiplink{display:none}
#banner {text-align:right;}
#banner h2{
color:#69713A;
font-size:11px;
height:35px;
overflow:hidden;
position:relative;
top:224px !important;
top:226px;
width:75%;
float:right;
line-height:120%;
padding:5px;
}



#blog-category{display:none}
#login-bar{display:none}

#navigation{
float:left;
width:150px;
margin:235px auto auto 10px;
}

#navigation a{margin-left:5px;color:#746447}
#navigation a:hover{color:#fff}
#navigation a:focus{outline:none ;}
#navigation li{display:inline ;float:left ;}
#main{}

#content{
float:left;
line-height:180%;
width:510px;
padding-left:5px;
padding-right:0px;
padding-bottom:10px;
padding-top:15px;
overflow:hidden;
text-align:left;
}


/*spotlight*/
#spotlight{
color:#666;
font-size:12px;
line-height:180%;
border-bottom:1px solid #DBDFBE;
border-right:1px solid #DBDFBE;
background:#F7F8F0;
margin:10px;
padding:10px;
}
#spotlight-text {}

#spotlight li{
list-style-type: disc ;
margin-left:45px ;
}

#spotlight h5{margin-bottom:3px;}
#view-mode{text-align:right ;}
.article{
color:#666;
font-size:12px;
line-height:180%;
border-bottom:1px solid #DBDFBE;
border-right:1px solid #DBDFBE;
background:#F7F8F0;
margin:10px;
padding:10px;
}

.article-head{
color:#222222;
font-family:"MS UI Gothic",verdana,arial,sans-serif;
font-size:13pt;
font-weight:normal;
height:40px;
margin-bottom:10px;
}

.title{
width:425px;
float:right;
height:30px;
padding-top:10px;
}

.title a{
color:#4F3B1F;
font-family:SimHei;
font-size:25px;
font-weight:normal;
}

.title a:hover{color:#AEA78B;}

.article-body{display:block;clear:both}
.article-content{width:470px;overflow:hidden}
.article-body a {color:#A30401}
.article-body p{line-height:180% ;}

.publish{
display:block;
width:30px;
height:30px;
background:#4F3B1F;
color:#eee;
padding:5px !important;padding:3px;
text-align:center;
line-height:80%;
font-weight:bold;
float:left
}

.month{letter-spacing:2px;font-size:12px;text-transform : uppercase}
.date{font-size:15px;}
.day{display:none}
.year{display:none}
.time{display:none}
.bookmark{text-align:left;padding-left:10px;}
.bookmark span{display:none}
.bookmark a img{width:12px;height:12px;}


.author {
TEXT-ALIGN: left;
color:#999;
border-left:3px solid #ddd;
padding-left:5px;
font-size:11px;
}
.author A {COLOR: #666;}
.author A:hover {COLOR: #000}
.author span{display:none}

.more {text-align:right;margin:15px;}
.more a {color:#AEA78B;font-size:12px;font-weight:normal;}
.more a:hover {color:#725D3C;}

#links{
padding:0px;
float:right;
padding-top:18px!important;
padding-top:10px;
padding-right:8px!important;
margin-right:5px;
margin-top:5px;
padding-right:0px;
}


#links a{color:#666;padding-left:3px;}
#links a:hover{color:#725D3C;background:#F0F3DE;}


.box{
width:198px !important;
width:203px;
margin-bottom:10px ;
font-size:12px;
color:#999;
overflow:hidden;
background:transparent url() no-repeat scroll 100%;
font-size:12px;
line-height:180%;
border-bottom:1px solid #DBDFBE;
border-right:1px solid #DBDFBE;
background:#F7F8F0;
padding:5px;
text-align:left;
}
.box-text {overflow:hidden}
.box-text a:hover{}



.box-more{text-align:center;clear:both}

#links .box-more a{color:#999 ;display:inline;}

.box-text{padding: 0px;}

.box-text li{}

.box-title{
text-align:center;
font-size:12px;
color:#808080;
font-weight:bold;
}
#search .box-text a{display:inline ;}
#search ,#change-theme ,#feed,#archive ,#favorite{text-align:center ;}
#counter,#powered{text-align:left}
#my-photo{float:left ;margin-right:5px ;}
#my-status p{clear:both ;text-align:center ;font-weight:bold ;}



/*calendar*/

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

/*category*/

#category .box-text a{display:inline ;}
#category .box-text h6 {
padding-left:5px;color:#808080;padding-top:5px;
}
#category .box-text li a {display:block;}
.box-more img{display:none}
#category .box-text {padding-top:5px;padding-bottom:5px}

#latest-trackback .box-text li{display:block}
#latest-comment .box-text a {display:block ;}
#subscription .box-text a {display:block ;}
#mylink .box-text a {display:block ;}
#recent-article .box-text a {display:block ;}
#hot-article .box-text a {display:block ;}


#trackback-box .single-post{}



#trackback-url{text-align:right ;padding-right:10px;margin-top:-20px;}
.user-post-title{margin-top:10px;padding-left:15px;}
.user-post-title img {display:none}


#trackback-title{}

#comment-title {display:none}
.forward{border-left:3px solid #ddd;padding-left:5px;margin-top:3px;
font-size:11px;line-height:150%;}
.forward a {color:#999}


.refer li{
border-left:3px solid #ddd;padding-left:5px;margin-top:3px;
font-size:11px;line-height:150%;
}

.history{border-left:3px solid #ddd;padding-left:5px;margin-top:3px;
font-size:11px;line-height:150%;}
.article-footer{text-align:left;}

.back-to-top{display:none;}
/*Comment*/


#comment-box{
width:510px;
}
.single-post {
clear:both;
height:1%;
width:490px;
margin-left:10px;
margin-right:5px;
color:#666;
font-size:12px;
line-height:180%;
border-bottom:1px solid #DBDFBE;
border-right:1px solid #DBDFBE;
border-left:1px solid #DBDFBE;
background:#F7F8F0;
margin-bottom:15px;
margin-top:15px;
}

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

.post-info {
background:#E8ECD4;
color:#999;
font-size:11px;
padding-top:3px;
letter-spacing:1px;
}

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


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

.single-post .floor {COLOR:#4E5723;FONT-SIZE:14PX;
PADDING-LEFT:10PX;}




.post-photo {
float:left;
margin:10px;
width:40px;
}
.post-photo img {
border:2px solid #ccc;
height:40px;
width:40px;
}
.post-text {
color:#332A29;
float:right;
width:395px;
overflow:hidden;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
}


.reply-text {
background:#F7F8F0 url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/1189856961.jpg) no-repeat top left;
clear:both;
color:#4E5723;
overflow:hidden;
width:395px;
padding:10px;
padding-top:20px;
PADDING-LEFT:85PX;
}
.reply-text p {display:none;}
.reply-text a {}
.single-post.secret {}


.post-comment {
FONT-SIZE: 0pt; 
MARGIN: 20px 10px 0px 10px;
height:40px;
TEXT-ALIGN: left;
COLOR: #E4E4E4;
}
.post-comment A {
DISPLAY: block; 
BACKGROUND: url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/1189857231.jpg) no-repeat 0px 0px ; WIDTH: 220px; COLOR: #E4E4E4; 
HEIGHT: 30px; 
TEXT-ALIGN: right
}
.post-comment A:hover {
COLOR: #E4E4E4;
}
/*broadcast*/
#broadcast ul{overflow:hidden ;padding: 3px 0px;}
#broadcast a{padding: 0 ;border:0 ;display:block ;height:20px;overflow:hidden}
#broadcast .box-text .broadcast-time span{font-size: 10px;}
#broadcast .box-text .broadcast-time a {display:inline}
.broadcast-text{clear:both ;}
.broadcast-photo{display: none; }

/*Murmur*/

#Murmur{}
#murmur .box-text {color:#808080}
#murmur .box-more {CLEAR: both}
#murmur .box-more A {MARGIN: 5px 3px 3px 5px; FLOAT: left; }
.murmur-time {font-size: 10px;color:#B8B8B8 }

/*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 ;}

.article-list TABLE {}

.main-list {
color:#666;
font-size:12px;
line-height:180%;
border-bottom:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
background:#F7F7F7;
margin:10px;
padding:10px;
}

.main-list table a {margin-left:5px;font-size:12px;color:#666}
.main-list TD {BORDER-BOTTOM: #ddd 1px solid;color:#666;}
.main-list TH {font-size:12px;color:#808080;TEXT-ALIGN: center;padding-top:10px;BORDER-BOTTOM: #ddd 1px solid;}



.list-num {display:none;}
#display{padding-right:10px;}

.list-date {
TEXT-ALIGN: center;color:#B8B8B8;font-size:11px;width:80px;}


.list-title {PADDING-LEFT: 10px; TEXT-ALIGN: left;color:#333;
width:320px;font-size:12px;}


.main-list table a:hover{background:#000;color:#ddd}

.article-area-title{display:none}

/*VISITOR*/
#visitor .box-text{}
#visitor IMG {}
#visitor .box-text li a{height:30px;width:30px;display:block;MARGIN: 3px;background:#E8E7DD;}
#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:30px;width:30px;}
#visitor .box-text li a:hover img {visibility:visible}
#visitor .box-text li { float: left; }
#visitor .box-text ul{}
#visitor .box-more {clear:both;}



input,select{
font-family: "Arial";font-size: 12px;
}

input {
letter-spacing: 1px;
height: 18px;
border: 1px solid #E8ECD4;
background: #F5F7EA;
padding: 0px 2px 0px 2px ;
COLOR:#69713A
}

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

#bottom{
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;
text-align:left
}

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

#bottom a:hover {
color:#69713A
}

    Source: geocities.com/hk/bamcloud/PIXNET

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