*--------------------------------------------
CSS 2008 BY MAPLE  http:www.wretch.ccblogangel300630
建議使用：IE瀏覽器　最佳解析度：1024*768　
-----------------------------------------------*

HTML {
OVERFLOW-X:hidden;
SCROLLBAR-FACE-COLOR:#f6f6f6;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;


border-bottom:20px solid #e8e8e8;
border-top:20px solid #e8e8e8;
border-left:0px solid #e8e8e8;
border-right:0px solid #e8e8e8;}


BODY {
TOP:px;
FONT-SIZE:10px;
BACKGROUND:#fff fixed no-repeat center center;
MARGIN-LEFT:0px;
CURSOR:crosshair;
COLOR:#999;FONT-FAMILY:verdana;}

A {
FONT-SIZE:10px;
COLOR:#999999;
FONT-FAMILY:verdana;
TEXT-DECORATION:none;}

A:hover {
FONT-WEIGHT:normal;
CURSOR:crosshair;
COLOR:#7CA1FF;BACKGROUND:#e8e8e8;
TEXT-DECORATION:none;}

SELECT {
POSITION:absolute;
LEFT:265px;FONT:7pt verdana;
WIDTH:130px;TOP:200px;
COLOR:#999;
BACKGROUND:#fff;
CLIP:rect(3px 80px 16px 3px);}

INPUT {
FONT-SIZE:10px;
BACKGROUND:#fff;
COLOR:#999;
PADDING-TOP:2px;
FONT-FAMILY:verdana;
MARGIN-left:20px;
border:0px solid #fff;}

#container1 {
MARGIN:0px auto;
WIDTH:850px;POSITION:relative;}

#container2 {}

#banner {
FONT-WEIGHT:normal;
BACKGROUND:url(http://f8.wretch.yimg.com/singlealong/8/o1937071667.jpg?dI_79HtDfRWI3JxQQrxFJLwwY_HLKwiBuvW0EwoLlfLtHotIfUA7wCraZGWU) no-repeat left bottom;
COLOR:#000000;FONT-STYLE:normal;HEIGHT:300px;}

#pageheader {FONT-SIZE:9pt;}

#pageheader H1 A {
FONT-WEIGHT:bold;
FONT-SIZE:12pt!important;
LEFT:10px;MARGIN:0px;
LEFT:265PX;
top:60PX;
COLOR:#444;POSITION:absolute;
WIDTH:500px;BACKGROUND:none;
TEXT-DECORATION:none;
}

#pageheader H1 A:hover {
color:#3D458E;BACKGROUND:none;}

#pageheader .description {
FONT-SIZE:1pt;
LEFT:1200px;
WIDTH:300px;
COLOR:#fff;
FONT-FAMILY:verdana;
POSITION:absolute;
TOP:0px;TEXT-ALIGN:left;
FONT-WEIGHT:normal;}

#pageheader #description2 .description {
FONT-SIZE:12px;
left:320px;
PADDING-LEFT:5PX;
WIDTH:500px;HEIGHT:10px;
COLOR:#333;
POSITION:absolute;
TOP:90px;
HEIGHT:0px;
TEXT-ALIGN:left;
}

#main2 {
OVERFLOW:hidden;}

#content {
FLOAT:left;
WIDTH:560px;
MARGIN-top:0px;
PADDING-TOP:10px;
BACKGROUND:no-repeat;border:1px double #ccc;
OVERFLOW-x:hidden;
}

#links {
WIDTH:270px;
MARGIN-top:0px;PADDING-TOP:10px;
FLOAT:right;
OVERFLOW-X:hidden;border:1px double #ccc;

BACKGROUND-POSITION-Y:bottom;
BACKGROUND-COLOR:transparent;}

.date {
MARGIN:10px 0px 0px 15px;
WIDTH:130px;COLOR:#3D458E;
font-family:Sucharaka!important;
BACKGROUND:#f6f6f6;
PADDING-RIGHT:5px;
PADDING-LEFT:5px;
PADDING-BOTTOM:1px;
PADDING-TOP:1px;
BORDER-TOP-WIDTH:3px;
BORDER-LEFT-WIDTH:3px;
BORDER-RIGHT-WIDTH:3px;
TEXT-ALIGN:center;}

.blogbody {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;PADDING-TOP:0px;}

.blogbody2 {}

.sidetitle {
WIDTH:170px;
FONT-SIZE:10px;
BACKGROUND-COLOR:#f9f9f9;
BACKGROUND-REPEAT:no-repeat;
COLOR:#999;MARGIN-left:50px;
MARGIN-bottom:5px;
border:1px solid #E8E8E8;
TEXT-ALIGN:center;}

.side {
PADDING-TOP:10px;
PADDING-RIGHT:10px;
PADDING-LEFT:15px;
PADDING-BOTTOM:10px;
FONT-SIZE:10px;
LINE-HEIGHT:170%;
FONT-FAMILY:arial;
BACKGROUND-COLOR:transparent;
BORDER-RIGHT-WIDTH:1px;
BORDER-TOP-WIDTH:1px;
BORDER-BOTTOM-WIDTH:1px;
BORDER-LEFT-WIDTH:1px;
BORDER-LEFT-COLOR:#ffffff;
BORDER-TOP-COLOR:#ffffff;
BORDER-BOTTOM-COLOR:#ffffff;
BORDER-RIGHT-COLOR:#ffffff;}


#boxProfile .boxProfile1 .side .boxProfileImg {DISPLAY:none;}
#boxSlideShow {DISPLAY:block;}
#SlidePicTitle {WIDTH:100px;}

#boxCounter {
right:120px;COLOR:#999;
TOP:170px;WIDTH:200px;
POSITION:absolute;}
#boxCounter .boxCounter0 .sidetitle {DISPLAY:none;}
#boxCounter br{display:none;}
.syndicate {
PADDING-RIGHT:10px;PADDING-LEFT:10px;
PADDING-BOTTOM:10px;PADDING-TOP:10px;DISPLAY:none;}

.powered {color:#fff;}
.powered .powerlogo IMG {DISPLAY:none;}
.powered .powerlogo {
DISPLAY:block;WIDTH:0px;HEIGHT:0px;}
.powered A:hover {
BACKGROUND:none transparent scroll repeat 0% 0%;}
.total-comments-div .powered IMG {
HEIGHT:1px;}
#footer {
BACKGROUND:url(http://f8.wretch.yimg.com/singlealong/8/o1937071668.jpg?2AiY7aBDfRWAl2FCQ1_hPKqbzQoKF7w.loPJ23S..lj5yaumkF7elvJYRpLK) no-repeat left BOTTOM;HEIGHT:100px;}


/*--文章標題--*/

.articletext {
BORDER-TOP-WIDTH:1px;
BORDER-LEFT-WIDTH:1px;
BORDER-BOTTOM-WIDTH:1px;
BORDER-RIGHT-WIDTH:1px;
BACKGROUND-POSITION:right center;
BACKGROUND-IMAGE:none;
BACKGROUND-REPEAT:no-repeat;
BACKGROUND-COLOR:transparent;
}

.articletext .title {
color:#333;BACKGROUND:#f6f6f6;
MARGIN-TOP:0px;PADDING-left:15px;
PADDING-top:5px;MARGIN-LEFT:12px;
FONT-WEIGHT:normal;
FONT-SIZE:10px;WIDTH:517px;
FONT-FAMILY:verdana;}

.articletext .innertext {
COLOR:#777;
FONT-SIZE:10px;
PADDING-TOP:10px;PADDING-RIGHT:10px;
PADDING-LEFT:35px;PADDING-BOTTOM:10px;
LINE-HEIGHT:200%;
FONT-FAMILY:verdana;}

.articletext .extended {
PADDING-RIGHT:10px;
FONT-SIZE:10px;
MARGIN:0px;
FONT-FAMILY:verdana;
TEXT-ALIGN:right;}

.posted {
COLOR:#999999;
PADDING-RIGHT:10px;
FONT-WEIGHT:normal;
FONT-SIZE:xx-small;
BORDER-BOTTOM-WIDTH:1px;
BORDER-BOTTOM-COLOR:#ffffff;
PADDING-BOTTOM:5px;
TEXT-TRANSFORM:uppercase;
FONT-FAMILY:verdana;TEXT-ALIGN:right;}

.total-comments-div {
MARGIN-TOP:10px;MARGIN-LEFT:0px;
PADDING-TOP:10px;TEXT-ALIGN:left;
BORDER-TOP-STYLE:none;
BORDER-RIGHT-STYLE:none;
BORDER-LEFT-STYLE:none;
BORDER-BOTTOM-STYLE:none;}

.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
BACKGROUND:none;
PADDING-RIGHT:3px;PADDING-LEFT:20px;
PADDING-BOTTOM:3px;PADDING-TOP:3px;}

.total-comments-div .comments-head {
BACKGROUND:none;
PADDING-RIGHT:3px;PADDING-LEFT:20px;
PADDING-BOTTOM:3px;PADDING-TOP:3px;}

.total-comments-div .comments-bottom .comments-head {
BACKGROUND:none;
PADDING-RIGHT:3px;PADDING-LEFT:20px;
PADDING-BOTTOM:3px;PADDING-TOP:3px;}

.total-comments-div .comments-body {
MARGIN:0px 0px 10px 40px;
WIDTH:450px;COLOR:#777;
BACKGROUND:#f3f3f3;
PADDING-RIGHT:0px;
PADDING-TOP:15px;
PADDING-LEFT:20px;
PADDING-BOTTOM:0px;
BORDER-RIGHT:#e8e8e8 1px solid;
BORDER-TOP:#e8e8e8 1px solid;
BORDER-LEFT:#e8e8e8 1px solid;
BORDER-BOTTOM:#e8e8e8 1px solid;
LINE-HEIGHT:15px;}

.total-comments-div .comments-body .comments-post {
PADDING-RIGHT:0px;PADDING-LEFT:0px;
PADDING-BOTTOM:0px;PADDING-TOP:0px;TEXT-ALIGN:right;}

.total-comments-div .comments-body FORM {
TEXT-ALIGN:left;}

.trackback-url {
PADDING-LEFT:20px;}

.comments-post IMG {
VISIBILITY:hidden;WIDTH:17px;COLOR:#777;}

.comments-reply .comments-author p {
TEXT-ALIGN:center;color:#666;
font-size:xx-small;font-weight:normal;
FONT-FAMILY:verdana;
}

.comments-reply .comments-author {
background:#FFF;filter:alpha(opacity=100);
}
.comments-reply .comments-author .comments-post a {color:#999;}
.postuser {
PADDING-RIGHT:20px;BACKGROUND:none transparent scroll repeat 0% 0%;}

.postuser:hover {}
.postemail {BACKGROUND:none transparent scroll repeat 0% 0%;}
.postemail:hover {}
.postweb {
BACKGROUND:none transparent scroll repeat 0% 0%;}
.postweb:hover {}

#do_comments-reply-edit {
width:250px!important;
height:50px!important;
color:#666!important;
font-size:10px;
font-family:verdana;
}

#text {
WIDTH:400px;HEIGHT:100px;
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#E8E8E8;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#E8E8E8;}

TEXTAREA {
COLOR:#666;border:0px #f6f6f6 double !important;WIDTH:280px;}

#article_counter {BACKGROUND:#F6F6F6;PADDING-RIGHT:20PX;}

/*--最新文章、分類、回應--*/

#boxNewArticle {}
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {OVERFLOW-x:hidden;width:262px;}

#boxNewArticle .boxNewArticle1 .side {
LINE-HEIGHT:6px;HEIGHT:160px;}

#boxNewArticle .boxNewArticle1 .side A {
LINE-HEIGHT:12px;DISPLAY:block;
PADDING-RIGHT:5px;PADDING-LEFT:5px;
BACKGROUND:#f6f6f6;PADDING-BOTTOM:1px;PADDING-TOP:5px;}

#boxNewArticle .boxNewArticle1 .side A:hover {
DISPLAY:block;
BACKGROUND:#fff;COLOR:#7CA1FF;
PADDING-RIGHT:5px;
PADDING-LEFT:5px;
PADDING-BOTTOM:1px;PADDING-TOP:5px;}

#boxCategory {}
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory A IMG {DISPLAY:none;}

#boxCategory A {
PADDING-LEFT:20px;
BACKGROUND:url(http://f8.wretch.yimg.com/singlealong/5/1132518581.jpg?mWIBEW9DdRUOxwu0NOGdG1GLt2fK3og0fl_zxILam4lm9safAbTqqQRM7mMn) no-repeat left center;}

#boxCategory .boxCategory1 {
PADDING-TOP:0px;
PADDING-bottom:1px;
}

#boxCategory .boxCategory1 .side div a {background:none !important;}
#boxCategory .boxCategory1 {}

#boxNewComment {}
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment0 .sidetitle IMG {DISPLAY:none;}
.boxNewComment0 .syndicate {DISPLAY:none;}
#boxNewComment .boxNewComment1 {OVERFLOW-X:hidden;width:259px;}

#boxNewComment .boxNewComment1 .side {
PADDING-LEFT:12px;FONT-SIZE:9px;COLOR:#ccc;
BACKGROUND:none transparent scroll repeat 0% 0%;LINE-HEIGHT:8px;}

#boxNewComment .boxNewComment1 .side A {
BORDER-top:#ccc 0px solid;
PADDING-top:1px;FONT-SIZE:10px;
BACKGROUND:#f6f6f6;PADDING-right:1px;PADDING-left:1px;}

#boxNewComment .boxNewComment1 .side A:hover {
BORDER-top:#999 0px solid;
PADDING-top:1px;FONT-SIZE:10px;color:#7CA1FF;
BACKGROUND:#fff;PADDING-right:1px;PADDING-left:1px;}

.boxNewComment1 .side{
text-align:right;font-size:0px;color:#04020F;
line-height:1px;padding:0px 0px 0px 0px;}


#boxNewComment .boxNewComment1 .side {
background:#none;color:#CCC;}

.boxNewComment1 .side a{
background:#eee;display:block;width:auto;
font-size:10px;line-height:17px;text-align:left;}

.boxNewComment1 .side img{display:none;}

.boxNewComment1 .side {
PADDING-TOP:1px;
FONT-SIZE:0px;COLOR:#999;
LINE-HEIGHT:2px;TEXT-ALIGN:right;}

.boxNewComment1 .side A {
FONT-SIZE:8pt;WIDTH:auto;
LINE-HEIGHT:18px;TEXT-ALIGN:left;}


/*--日曆--*/

.calendar {
FONT-WEIGHT:normal;
FONT-SIZE:10px;BACKGROUND:none;
MARGIN-BOTTOM:10px;WIDTH:260px;
FONT-FAMILY:verdana, arial;}

.calendartable {
BACKGROUND:#000;}

.calendarhead {
FONT-WEIGHT:bold;FONT-SIZE:12px;
COLOR:#999;FONT-FAMILY:arial;}

.calendarhead A {
FONT-WEIGHT:bold;FONT-SIZE:12px;
COLOR:#999;FONT-FAMILY:arial;}

.calendarweek {
FONT-WEIGHT:bold;FONT-SIZE:10px;
COLOR:#999;FONT-FAMILY:arial;}

#links td .calendar a{
background-color:#f3f3f3;
height:15px;width:15px;
color:#333;
font-weight:normal;display:block;
margin-left:3px;}

#links .calendar td a{text-align:center;}
span.calendar {color:#999;}


/*--隱藏--*/

IMG {
BORDER-TOP-WIDTH:0px;
BORDER-LEFT-WIDTH:0px;
BORDER-BOTTOM-WIDTH:0px;
BORDER-RIGHT-WIDTH:0px;}
.boxMySpaceImg{display:none;}
.powerlogo{display:none;}
.boxNewArticle1 img {display:none!important;}
.boxNewComment1 img{display:none!important;}
.title img {display:none!important;}
#boxDate {DISPLAY:none!important;}
#boxRssList {DISPLAY:none!important;}
#scupioSearch {DISPLAY:none!important;}
#boxSearch {display:none!important;}
#linkVideo {DISPLAY:none!important;}
div #blogCategory span{display:none!important;}
div #blogCategory a{display:none!important;}
LI.boxAddFriendLink A {DISPLAY:none!important;}

/*--連結--*/

#boxMySpace .boxMySpace0 .sidetitle {DISPLAY:none;}
#boxMySpace .boxMySpace1 {}
#boxMySpace .boxMySpace1 .side {}
#boxMySpace A {FONT-SIZE:10px;COLOR:#666;}
.boxMySpaceImg{display:none;}
#service {WIDTH:400px;PADDING-LEFT:0px;position:absolute;top:200px;right:100px;}
#service LI {FLOAT:left;MARGIN:0px 5px 5px;}

#service LI A {
DISPLAY:block;FONT-SIZE:8pt;WIDTH:50px;COLOR:#444;
LETTER-SPACING:1px;HEIGHT:2px;TEXT-ALIGN:center;FILTER:alpha(opacity=50);
BACKGROUND:#ececec;}

#service LI A:hover {
COLOR:#6C7AFA;BACKGROUND:#fff;FILTER:alpha(opacity=80);}

#linkMypage{BORDER-LEFT:#ccc 3px!important;}
#linkBlog{BORDER-LEFT:#ccc 3px!important;}
#linkAlbum{BORDER-RIGHT:#ccc 3px!important;}
#linkGbook{BORDER-RIGHT:#ccc 3px!important;}
#linkUser{BORDER-LEFT:#ccc 3px!important;}
#linkFriend{BORDER-RIGHT:#ccc 3px!important;}

/*---------------誰來我家----------------------*/

#boxWho .sidetitle {display:none;}
#boxWho{position:absolute;top:220px;right:100px;}
#boxWho div#whowrapper{padding-left:320px;padding-right:320px;}
#boxWho li{
border:3px #e8e8e8 double !important;WIDTH:40px!important;HEIGHT:40px!important;}

#boxWho input{margin-top:6px;position:absolute;top:0px;left:-500px;
font:0pt verdana;color:#333;background:none;border:1px #fff solid;}
#boxWho #whowrapper li a {}
#boxWho #whowrapper li a img {FILTER:alpha(opacity=50);}
#boxWho #whowrapper li a:hover img {FILTER:alpha(opacity=90);}
#boxWho img , #boxWho a{}
#boxWho .sidetitle {display:none;text-align:right;letter-spacing:-3px;}