/******************************************
作者：MIMI579
名稱：【網】樹
網址：http://www.wretch.cc/blog/mimi579
*******************************************/
html{
SCROLLBAR-FACE-COLOR:#f6eecf;
SCROLLBAR-HIGHLIGHT-COLOR:#f6eecf;
SCROLLBAR-SHADOW-COLOR:#f6eecf;
SCROLLBAR-3DLIGHT-COLOR:#f6eecf;
SCROLLBAR-ARROW-COLOR:#aaa;
SCROLLBAR-TRACK-COLOR:#f6eecf;
SCROLLBAR-DARKSHADOW-COLOR:#f6eecf;border:#F6EECF 10px solid;}

#container1{position:relative;margin:auto;padding:210px 0px 4px 0px;width:889px;border:#d9d9d9 0px solid;}

body{
margin-top:20px;line-height:13pt;color:#000;letter-spacing:2px;
background:#F6EECF;
font:7pt verdana;}

a{color:#555;text-decoration:none;}
a:hover{cursor:default;color:#8fb6de;text-decoration:none;}
br{letter-spacing:0px;}

#banner{width:200px;}
h1 .description{display:none;}

#pageheader h1 a{border:#ccc 1px solid;
position:absolute;left:0px;top:10px;
width:245px;height:25px;padding:16px 5px 4px 5px;
color:#000;background:#f6EECF;
display:block;FONT-WEIGHT:normal;
FONT-SIZE:7pt;FONT-FAMILY:verdana;
text-align:center;}

#pageheader h1 a:hover{color:#000;background:#FFF;}

#pageheader #description2 .description{
height:188px;width:615px;color:#fff;
background:url(http://f4.wretch.yimg.com/mimi579/21/1329254944.jpg?Qu5asKhDdxRp3Lh05RcTrbPxB9RZvg_7c9vjypPAs8cSxt3JobssT7Zr) #fff;filter:alpha(opacity=60);
FONT-SIZE:7pt;FONT-FAMILY:verdana;border:#d9d9d9 1px solid;
position:absolute;top:10px;left:267px;
overflow:auto;padding:0px 0px 0px 5px;text-align:left;
SCROLLBAR-FACE-COLOR:#f6eecf;
SCROLLBAR-HIGHLIGHT-COLOR:#f6eecf;
SCROLLBAR-SHADOW-COLOR:#f6eecf;
SCROLLBAR-3DLIGHT-COLOR:#f6eecf;
SCROLLBAR-ARROW-COLOR:#aaa;
SCROLLBAR-TRACK-COLOR:#f6eecf;
SCROLLBAR-DARKSHADOW-COLOR:#f6eecf;}

#pageheader .description{
position:absolute;left:-200px;top:0px;padding-left:5px;height:0px;color:#fff;font:0pt verdana;}

.boxMySpace1 select{
POSITION:absolute;
TOP:250px;
left:150px;
width:130px;
clip:rect(2px 100px 16px 2px);
color:#000;
font:7pt verdana;
}

.boxMySpace1 .side a img{
position:absolute;top:60px;left:15px;
border:#adc5cd 5px double;
border-left:#84b1bf 5px solid;
border-right:#84b1bf 5px solid;}
.boxMySpace1 .side a:hover img{
filter:alpha(opacity=50);}

.boxMySpace1 .side a img{border:#ccc 4px double;cursor:help;}

.boxMySpace1 .side a:hover img{
filter:alpha(opacity=20);}


#links #serviceList {
left:735px;
width:500px;
position:absolute;
top:10px;}

#serviceList li {
float:left;margin:0px 0px 0px;}

#serviceList li a {
display:block;
font-size:7pt;
width:10px;
padding-left:13px;
padding-right:13px;
padding-top:160px;
letter-spacing:1px;
text-align:center;
margin-top:2px;
margin-right:2px;
filter:alpha(opacity=40);}

a#linkAlbum{background:#fDE8B3;}
a#linkBlog{background:#fff;}
a#linkGbook{background:#fDE8B3;}
a#linkUser{background:#FDE8B3;}
a#linkFriend{background:#FDE8B3;}
a#linkMypage{background:#fff;}

A#linkAlbum:hover {COLOR:#000;background:#FFEB78;}
A#linkBlog:hover {COLOR:#000;background:#FFEB78;}
A#linkGbook:hover {COLOR:#000;background:#FFEB78;}
A#linkUser:hover {COLOR:#000;background:#FFEB78;}
a#linkFriend:hover {COLOR:#000;background:#FFEB78;}
a#linkMypage:hover {COLOR:#000;background:#FFEB78;}

#linkMypage {display:none!important;}
#linkVideo{display:none!important;}
#linkUser{display:none!important;}


#boxCounter{width:257px;position:absolute;top:160px;left:0px;}
.boxCounter0 .sidetitle{display:none;}
.boxCounter1 .side{line-height:17pt;
padding-left:10px;color:#555;letter-spacing:1px;border:#ccc 1px solid;}

#content{
padding:10px;
overflow:auto;overflow-X:hidden;
float:right;width:600px;border:#d9d9d9 1px solid;
font-size:7pt;font-family:verdana;background:#f6EECF;}
.blogbody {overflow:auto;overflow-X:hidden;background:#f6EECF;PADDING:10px;MARGIN-BOTTOM:15px;WIDTH:580px;}

.date {
font-size:7pt;
font-family:verdana;
letter-spacing:1px;
color:#000;
background-color:#f6EECF;
margin:0px;
float:right;
text-align:center;
line-height:200%;
width:180px;
border:1px #ccc solid;width:195px;
border-left:#ccc 10px solid;}


.title {
letter-spacing:1px;
color:#000;
font-size:7pt;
font-family:verdana;
padding:0px 5px;
margin:0px;
background-color:#f6EECF;
padding-left:15px;
margin-bottom:10px;
font-weight:200;
line-height:200%;
border:1px #ccc solid;width:335px;
border-right:#ccc 10px solid;}

.innertext{padding-bottom:10px;color:#EDEDED;line-height:15pt;}
.innertext a{color:#84b1bf;text-decoration:underline;}
.extended{text-align:right;}
.posted{font:0pt verdana;margin-bottom:20px;
color:#f6EECF;background:#F6EECF;padding:3px 0px 3px 7px;
letter-spacing:-1px;text-align:left;}
.posted a{color:#84b1bf;font:7pt verdana;
letter-spacing:1px;margin-right:5px;}



#boxWho{position:absolute;top:176px;left:515px;}
#boxWho input {WRITING-MODE:tb-rl;}
#boxWho div#whowrapper{width:300px!important;text-align:center;}
#boxWho li, #boxWho li img{width:18px !important;height:18px !important;border:#84b1bf 1px solid;}
#boxWho #whowrapper li a {background:#F6EECF;}
#boxWho #whowrapper li a img {FILTER:alpha(opacity=50);}
#boxWho #whowrapper li a:hover img {FILTER:alpha(opacity=100);CURSOR:crosshair;}
#boxWho img , #boxWho a{}
#boxWho .sidetitle {display:none;}

#boxWho INPUT {
BORDER-RIGHT:#fff 1px solid;
BORDER-TOP:#fff 1px solid;
FONT-SIZE:7pt;
BACKGROUND:#f6EECF;
BORDER-LEFT:#fff 1px solid;
COLOR:#000;
BORDER-BOTTOM:#fff 1px solid;
FONT-FAMILY:verdana;
width:20px;
height:80px;
position:absolute;top:20px;left:201px;}


div#article_counter {padding:5px;padding-left:20px;line-height:11pt;color:#333;background:#F6eecf;text-align:left;}
.extended{text-align:right;}
.innertext{padding-left:5px;padding-bottom:10px;line-height:15pt;color:#ccc;background:none;}
.posted{margin-bottom:20px;padding:5px 0px 5px 0px;color:#fff;font:0pt verdana;text-align:center;border:#aaa 1px solid;letter-spacing:-1px;}
.posted a{margin-right:5px;color:#aaa;font:7pt verdana;letter-spacing:1px;}

.comments-reply .comments-author{padding:10px;color:#000;background:#fff;filter:alpha(opacity=100);
font-size:7pt;font-family:verdana;letter-spacing:2px;}
.total-comments-div .trackbacks-head .comments-head, 
.total-comments-div .comments-head, 
.total-comments-div .comments-body{
margin:10px;padding:5px;line-height:13pt;color:#333;background:#F6EECF;
font:7pt verdana;text-align:left;letter-spacing:2px;border:#000 1px solid;}

.total-comments-div .trackbacks-head .comments-head, 
.total-comments-div .comments-head, 
.total-comments-div .comments-bottom .comments-head{margin:15px 0px 0px 10px;padding:5px;color:#AAA;background:#FFF;width:80px;font:7pt verdana;text-align:center;border:#CCC 1px solid;}
.total-comments-div .comments-body br {letter-spacing:0pt;}
.total-comments-div .comments-body .comments-post{
padding:2px;line-height:13pt;color:#aaa;font:7pt verdana;
text-align:right;letter-spacing:2px;}

.total-comments-div .comments-body form{font:7pt verdana;text-align:left;}
.comments-body li p{margin:0px;height:auto !important;}
.comments-body li.comments-post{height:auto !important;}
.comments-body .comments-reply ul.comments-author{height:auto !important;}

#do_comments-reply-edit {
width:280px;height:100px;border:#CCC 1px solid;letter-spacing:1px;
background:#FFF;color:#AAA;}

.total-comments-div .comments-body .comments-user p {float:left;}

.cmt_floor{display:none;}
.cmt_floor_hide{

display:block;filter:gray;font-size:7pt;width:87px;
height:18px!important;color:#000;text-align:center;float:right!important;}
#name_id, #email, #url{
padding:3px 0px 0px 3px;width:350px;background:#fff;border:none;}
#text{
overflow:hidden;padding:3px 0px 0px 3px;line-height:13pt;
width:350px!important;height:120px;color:#333;font:7pt verdana;
text-align:left;border:1px solid #333;letter-spacing:2px;}



#links{
overflow:auto;overflow-X:hidden;
padding-top:10px;padding-left:15px;
float:left;width:240px;
color:#000;background:#f6EECF;border:#d9d9d9 1px solid;}

.sidetitle{
margin:0px 0px;margin-bottom:10px;margin-top:5px;padding-top:6px;
border:1px #d9d9d9 solid;width:225px;
font:7pt verdana;color:#444;height:16px;text-align:center;letter-spacing:2px;}


.boxNewArticle1{height:380px;line-height:1px;}
.boxNewArticle1 .side a{
display:block;width:215px;
padding-left:10px;line-height:15pt;
color:#000;background:#f6EECF;
border-bottom:1px #ddd dotted;letter-spacing:2px;}

.boxNewArticle1 .side a:hover{
color:#000;background:#F6EECF;
border-bottom:1px #ddd dotted;}



.boxNewComment1 .side{font:0pt verdana;
color:#fff;text-align:left;padding-right:0px;}
.boxNewComment0 img, .boxNewComment1 .side br{display:none;}
.boxNewComment1 .side a{
display:block;font:7pt verdana;
background:#f6EECF;color:#444;margin-right:50px;
line-height:15pt;padding-left:10px;width:215px;
border-bottom:1px #ddd dotted;text-align:left;letter-spacing:2px;}

.boxNewComment1 .side a:hover{
color:#444;background:#F6EECF;
border-bottom:1px #ddd dotted;}

.boxCategory1{line-height:2px;}
.boxCategory1 .side a{
display:block;color:#AAA;border-bottom:1px #ddd dotted;width:215px;
padding:1px 0px 1px 10px;line-height:13pt;letter-spacing:2px;}

.boxCategory1 .side a:hover{
color:#444;border-bottom:1px #ddd dotted;
background:#F6EECF;}

#boxMusic{position:absolute;top:80px;left:95px;width:200px;}
.boxMusic0 .sidetitle{display:none;}
.boxMusic1 .side{padding:5px 0px 0px 20px;}

textarea{font:7pt verdana;color:#000;}
input{font:7pt verdana;color:#333;background:#F6EECF;
border:1px #ddd solid;padding-top:3px;padding-bottom:1px;}

#friendlist {
background:#F6EECF;filter:alpha(opacity=80);
color:#AAA;
font-size:7pt;
font-family:verdana;
top:120px;
left:130px;
position:absolute;
clip:rect(2px 75px 16px 2px);
}

.syndicate img, #Exobud{filter:gray;}
.boxGiftLink, .boxAddFriendLink, #blogCategory, 
#boxDate, #boxSearch, #scupioSearch, .powered img, .powered .powerlogo .calendar{display:none;}
#boxRssList{display:none;}#boxNewTrackback{display:none;}
.calendar {display:none;}
.comments-body li p{margin:0px;height:auto !important;}
.comments-body li.comments-post{height:auto !important;}
.comments-body .comments-reply ul.comments-author{height:auto !important;}