/*-----------------------------------------------------------
歡迎使用本樣式：彩色主調 / Colorful Tone
 
導覽列的顏色請改成#ffffff，這樣整體會比較搭
 
除游標、字體顏色大小和卷軸顏色外，其他不得擅自修改
 
我的無名：http://www.wretch.cc/blog/icrystal2010
 
我的網站：http://www.infocrystal.com
-----------------------------------------------------------*/


HTML {
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#cccccc;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#cccccc;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
overflow-x:hidden;
}


BODY {
background-color:#ffffff;
font-size:11px;
color:#a3a3a3;
font-family:verdana, arial, sans-serif;
line-height:180%;
cursor:default;}

a {color:#a8a7a6;text-decoration:none;cursor:crosshair;}
a:hover {color:#b3b3b3;text-decoration:none;cursor:crosshair;}


input, select{color:#a3a3a3;font:11px verdana;background:#ffffff;
border-top:#dfdfdf 0px solid;border-bottom:#dfdfdf 1px solid;border-left:#dfdfdf 0px solid;border-right:#dfdfdf 0px solid;}

#container1 {
background:#ffffff;
width:720px;position:relative;
margin:0px auto;
}
#container2 {}


#banner {background:#ffffff;height:70px;}
#pageheader {}

#pageheader h1 a {
DISPLAY:BLOCK;
COLOR:#a3a3a3;
position:absolute;top:0px;left:0px;width:200px;text-align:left;
text-decoration:none;
font-family:Verdana;
font-size:14px;
font-weight:bold;
letter-spacing:1px;}

#pageheader h1 a:hover{
COLOR:#b3b3b3;text-decoration:none;}

.description {
position:absolute;top:0px;left:230px;width:490px;text-align:left;
FONT-WEIGHT:normal;FONT-SIZE:11px;
COLOR:#a3a3a3;FONT-FAMILY:verdana;letter-spacing:2px;}

.description A{FONT-WEIGHT:normal;FONT-SIZE:11px;}
.description A:hover{FONT-WEIGHT:normal;FONT-SIZE:11px;}

h1 .description {display:none;}

#main2 {}

#content {
width:490px;
float:right;
margin:10px 0px 5px 30px;
}
.date {
text-align:right;
font-family:Georgia;
font-size:9px;
text-transform:uppercase;
letter-spacing:2px;
}
.datediv {}

.blogbody {
padding-top:0px;
margin-bottom:10px;
line-height:180%;}

.blogbody2 {}
.articletext {}
.articletext .title {}
.articletext .innertext {}
.title {
padding:2px 5px 2px 5px;
margin:0px 0px 5px 0px;
font-family:verdana;
font-size:12px;
font-weight:bold;
text-align:center;
letter-spacing:2px;
color:#a3a3a3;
border-top:#dfdfdf 1px solid;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 0px solid;
border-right:#dfdfdf 0px solid;}
.title a{
font-family:verdana;
font-size:12px;
font-weight:bold;
text-align:center;
letter-spacing:2px;
color:#a3a3a3;}
.more{display:block;text-align:right;}, 
.extended{text-align:left;padding-left:5px;margin-bottom:10px;}
.history{text-align:left;padding-left:5px;margin-bottom:10px;}
.posted {font-size:0px;color:#ffffff;padding:3px 3px 3px 3px;font-family:verdana;text-align:left;letter-spacing:-1px;}
.posted a {letter-spacing:1px;padding:0px 5px 0px 5px;border-right:0px solid #b3b3b3;font:11px verdana;}
.posted a:hover {font:11px verdana;}
div#article_counter {text-align:left;letter-spacing:1px;padding-left:5px;margin-bottom:10px;}
#footer {clear:both;height:30px;background:url(http://www.infocrystal.com/wretch/014-color-footer.jpg) no-repeat left bottom;}

#name_id {
width:420px;
background:#ffffff;
border-bottom:1px solid #dfdfdf;
}
#email {
width:420px;
background:#ffffff;
border-bottom:1px solid #dfdfdf;
}
#url {
width:420px;
background:#ffffff;
border-bottom:1px solid #dfdfdf;
}


#text{
font-size:11px;font-family:verdana, arial;color:#a3a3a3;
background:#ffffff;
margin-top:10px;padding:10px;width:420px;
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#cccccc;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#cccccc;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}

TEXTAREA{border:1px solid #dfdfdf;}

.comments-head {background:#e5e5e5;font-size:12px;font-family:verdana;color:#a3a3a3;font-weight:bold;}

.total-comments-div {
border-top:0px solid #dfdfdf;
padding-top:0px;
margin-top:0px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .comments-body form img {display:none;}
.trackbacks-head a {color:#a3a3a3;}
.total-comments-div .trackbacks-head .comments-head {
border:0px solid #dfdfdf;padding:7px;
margin-bottom:5px;
}
.total-comments-div .comments-head {
border:0px solid #dfdfdf;padding:7px;
}
.total-comments-div .comments-bottom .comments-head {
border:0px solid #dfdfdf;padding:7px;
margin-top:5px;
}
.total-comments-div .comments-body {
border-bottom:0px solid #dfdfdf;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#a3a3a3;
}
.total-comments-div .comments-body form {
}

.comments-reply .comments-author {
margin-top:10px;color:#a3a3a3;background:#e5e5e5;}

.comments-reply .comments-author .comments-post {
color:#a3a3a3;text-decoration:none;
}
.comments-reply .comments-author .comments-post a {
color:#a8a7a6;text-decoration:none;
}

.comments-reply .comments-author .comments-post a:hover {
color:#b3b3b3;text-decoration:none;
}

.comments-post {
text-align:right;color:#a3a3a3;
padding-bottom:3px;
border-bottom:0px solid #dfdfdf;
margin-left:0px;}

.comments-post img{visibility:hidden;width:10px;height:10px;}
.postisAuth {display:none;}
.postuser{}
.postuser:hover{}
.postemail{color:#a3a3a3;background:#a8a7a6;}
.postemail:hover{background:#e5e5e5;}
.postweb{color:#a3a3a3;background:#a8a7a6;}
.postweb:hover{background:#e5e5e5;}

.comments-user p.cmt_floor {float:none;}
.cmt_floor {display:none;}
.cmt_floor_hide {float:right!important;display:block;color:#a3a3a3;width:100px;font:11px verdana;text-align:right;

background:#ffffff;}


#links {width:200px;float:left;margin:10px 0px 5px 0px;}

#links a {color:#a8a7a6;text-decoration:none;text-align:left;
font:11px verdana;line-height:180%;}

#links a:hover {color:#b3b3b3;text-decoration:none;}

#links2 {}

.sidetitle {
padding:2px 5px 2px 5px;
font-family:verdana;
font-size:12px;
font-weight:bold;
text-align:center;
letter-spacing:2px;
color:#a3a3a3;
border-top:#dfdfdf 1px solid;
border-bottom:#dfdfdf 1px solid;
border-left:#dfdfdf 0px solid;
border-right:#dfdfdf 0px solid;
}
.side {padding-left:10px;}

.calendar {display:none;}

#boxMySpace {}
#boxMySpace .boxMySpace0 {}
#boxMySpace .boxMySpace0 .sidetitle {}
#boxMySpace .boxMySpace1 {}
#boxMySpace .boxMySpace1 br {}
#boxMySpace .boxMySpace1 .side {}
#boxMySpace .boxMySpace1 .side .boxMySpaceImg {margin-top:5px;}
#boxMySpace .boxMySpace1 .side .boxMySpaceLink {}
#links #serviceList {position:absolute;top:35px;left:230px;width:490px;}
#serviceList li {float:left;margin:0px 5px 0px 0px;}
#serviceList li a {display:block;padding:3px;width:58px;height:17px;color:#ffffff;font:11px verdana;text-align:center;}
#serviceList li a:hover {color:#ffffff;height:17px;}
#linkAlbum {background:#ffaa4e;}
#linkAlbum:hover {background:#ffaa4e;opacity:0.6;filter:alpha(opacity=60);}
#linkBlog {background:#ff6aa6;}
#linkBlog:hover {background:#ff6aa6;opacity:0.6;filter:alpha(opacity=60);}
#linkGbook {background:#cf64fc;}
#linkGbook:hover {background:#cf64fc;opacity:0.6;filter:alpha(opacity=60);}
#linkUser {background:#57bbfb;}
#linkUser:hover {background:#57bbfb;opacity:0.6;filter:alpha(opacity=60);}
#linkFriend {background:#63f7ee;}
#linkFriend:hover {background:#63f7ee;opacity:0.6;filter:alpha(opacity=60);}
#linkVideo {background:#8cd578;}
#linkVideo:hover {background:#8cd578;opacity:0.6;filter:alpha(opacity=60);}
#linkMypage {background:#f3e35d;}
#linkMypage:hover {background:#f3e35d;opacity:0.6;filter:alpha(opacity=60);}
#friendlist {width:180px;margin:10px 0px 5px 0px;}


#boxNewArticle {}
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}
.boxNewArticle1 img {display:none;}

#boxCategory {}
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}
#boxCategory a img {display:none;}


#boxDate {display:none;}
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}


#boxNewComment {}
#boxNewComment .boxNewComment0 .sidetitle img{display:none;}
#boxNewComment .boxNewComment1 br {display:none;}
#boxNewComment .boxNewComment1 .side {color:#ffffff;font-size:0px;}
#boxNewComment .boxNewComment1 .side a {display:block;font-size:11px;}
#boxNewComment .boxNewComment1 .side a:hover {color:#b3b3b3;}
.boxNewComment1 img {display:none;}

#boxFolder {}
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {}
#boxFolder .boxFolder1 {margin-top:5px;}
#boxFolder .boxFolder1 .side {}

#boxCounter
#boxCounter .boxCounter0 {}
#boxCounter .boxCounter0 .sidetitle {}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {}

#boxWho{position:absolute;top:30px;left:0px;}
#boxWho .sidetitle {display:none;}
#boxWho input{display:none!important;}
#boxWho div#whowrapper {width:200px!important;height:30px!important;}
#boxWho li {border:#b3b3b3 1px solid;background:#ffffff;padding:1px!important;}
#boxWho li, #boxWho li img {width:20px !important;height:20px !important;opacity:0.7;filter:alpha(opacity=70);}
#boxWho li a:hover img {opacity:1;filter:alpha(opacity=100);WIDTH:30px!important;height:30px!important;
position:relative;}

.boxNewArticle1, .boxNewComment1 , .boxCategory1, .boxMySpace1, .boxFolder1, .boxCollectionCategory1 {line-height:0;}
#blogCategory, #boxSearch, #boxRssList, #boxNewTrackback, #scupioSearch, #boxCollection, 
.boxGiftLink, .boxAddFriendLink {display:none;}
.powered {display:none;}
.powerlog {display:none;}
.powered input{}
.powered img{display:none;}

.syndicate {display:none;}
.syndicate img{}