/*****************************************
作者：rainer35509
主題：【網】灰色漸層
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{SCROLLBAR-FACE-COLOR:#eee;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#aaa;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;
OVERFLOW:hidden;
}

#boxMySpace .sidetitle{DISPLAY:none;}
.boxGiftLink {DISPLAY:none;}
.boxAddFriendLink {DISPLAY:none;}

#blogCategory{display:none;}
.boxMySpace1 select{
FONT-SIZE:10px;right:240px;
BACKGROUND:#fff;WIDTH:150px;
CLIP:rect(2px 80px 16px 2px);
COLOR:#888;FONT-FAMILY:verdana;
POSITION:absolute;TOP:0px;}

#boxMySpace .side a img{
FILTER:alpha(opacity=70);
position:absolute;
top:0px;
left:720px;
border:#ddd 8px solid;
}
#boxMySpace .side a:hover img{
FILTER:alpha(opacity=100);
border:#888 8px solid;cursor:move;}
#links #serviceList {
position:absolute;
top:0px;
left:215px;
width:800px;
}
#serviceList li{
float:left;
margin:0px 1px 30px 1px;
}

#serviceList li a{
display:block;
color:#fff;
width:50px;
height:20px;
font-size:7pt;
text-align:center;
letter-spacing:1px;
}

a#linkMypage{background:#e3e3e3;}
a#linkAlbum{background:#ddd;}
a#linkBlog{background:#ccc;}
a#linkGbook{background:#bbb;}
a#linkUser{background:#aaa;}
a#linkFriend{background:#999;}
a#linkVideo{background:#888;display:none!important;}

a#linkMypage:hover{background:#ccc;}
a#linkAlbum:hover{background:#bbb;}
a#linkBlog:hover{background:#aaa;}
a#linkGbook:hover{background:#999;}
a#linkUser:hover{background:#888;}
a#linkFriend:hover{background:#777;}
a#linkVideo:hover{background:#666;}

#container1 {MARGIN:auto;WIDTH:935px;POSITION:relative;}
body{
BACKGROUND:#fff no-repeat left top;
margin-top:30px;
FONT-FAMILY:verdana;
FONT-SIZE:7pt;
COLOR:#888;
line-height:13pt;
letter-spacing:1px;
}

br{letter-spacing:0px;}

a{COLOR:#888;TEXT-DECORATION:none;}
a:hover{CURSOR:w-resize;COLOR:#000;TEXT-DECORATION:none;}




#banner{width:200px;}
#pageheader h1{text-align:right;
FONT-SIZE:7pt;COLOR:#888;
FONT-WEIGHT:normal;}
#pageheader h1 a{
height:17px;padding:2px 5px 2px 0px;
color:#555;background:#eee;
display:block;FONT-WEIGHT:normal;
FONT-SIZE:7pt;FONT-FAMILY:verdana;
text-align:right;}
#pageheader .description{
text-align:left;position:absolute;
left:-30px;
FONT-SIZE:0pt;COLOR:#fff;
FONT-WEIGHT:normal;width:17px;height:493px;}
#pageheader h1 a:hover{color:#fff;background:#000;}
#pageheader #description2 .description{
border:1px #ddd solid;font:7pt verdana;
height:50px;width:188px;line-height:13pt;
background:#fff;color:#666;
position:absolute;top:40px;left:5px;
overflow:auto;padding:3px 0px 0px 5px;
SCROLLBAR-FACE-COLOR:#eee;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#aaa;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;}


#boxCounter {left:715px;WIDTH:200px;height:18px;position:absolute;top:430px;}
#boxCounter .boxCounter0 {DISPLAY:none;}
#boxCounter .boxCounter0 .sidetitle{DISPLAY:none;}
#boxCounter .boxCounter1 .side{
padding-left:5px;border-left:#aaa 10px solid;
TEXT-ALIGN:left;color:#555;background:#eee;line-height:17px;}

.extended{text-align:right;margin-bottom:10px;}
.date {font-family:impact;font-size:15px;TEXT-ALIGN:right;}
.title{
FONT-WEIGHT:normal;
FONT-SIZE:7pt;
border-left:#aaa 10px solid;
padding:2px 0px 2px 5px;TEXT-ALIGN:left;}
.innertext{PADDING-BOTTOM:10px;COLOR:#888;LINE-HEIGHT:15pt;LETTER-SPACING:1px;}
.innertext a{TEXT-DECORATION:underline;}
.posted {FONT-SIZE:0px;MARGIN-BOTTOM:30px;PADDING-BOTTOM:2px;COLOR:#fff;BORDER-BOTTOM:#ddd 1px solid;FONT-FAMILY:verdana;LETTER-SPACING:-1px;TEXT-ALIGN:left;}
.posted a{FONT-SIZE:10px;MARGIN-RIGHT:5px;FONT-FAMILY:verdana;LETTER-SPACING:1px;}
.total-comments-div {PADDING-LEFT:15px;border:none;TEXT-ALIGN:left;}
.total-comments-div .comments-head {PADDING-RIGHT:15px;MARGIN-TOP:10px;PADDING-LEFT:15px;FONT-SIZE:xx-small;BACKGROUND:#e3e3e3;MARGIN-BOTTOM:10px;PADDING-BOTTOM:1px;WIDTH:25px;COLOR:#333;PADDING-TOP:1px;FONT-FAMILY:verdana;TEXT-ALIGN:left;}
.total-comments-div .comments-bottom .comments-head{PADDING-RIGHT:15px;MARGIN-TOP:10px;PADDING-LEFT:15px;FONT-SIZE:xx-small;BACKGROUND:#e3e3e3;MARGIN-BOTTOM:10px;PADDING-BOTTOM:1px;WIDTH:55px;COLOR:#333;PADDING-TOP:1px;FONT-FAMILY:verdana;TEXT-ALIGN:left;}
.total-comments-div .comments-body {PADDING-RIGHT:2px;PADDING-LEFT:2px;BACKGROUND:#fff;PADDING-BOTTOM:2px;MARGIN:5px;COLOR:#777;LINE-HEIGHT:15pt;PADDING-TOP:2px;BORDER-BOTTOM:#ddd 1px solid;}
.total-comments-div .comments-body .comments-post {PADDING-RIGHT:4px;PADDING-LEFT:2px;FONT-SIZE:10px;COLOR:#888;FONT-FAMILY:verdana;LETTER-SPACING:0px;HEIGHT:5px;TEXT-ALIGN:right;}
.total-comments-div .comments-body form{TEXT-ALIGN:center;}
div.comments-body #text {padding:5px 0px 0px 5px;border:none;BACKGROUND:#e3e3e3;OVERFLOW:hidden;COLOR:#333;}
#email {DISPLAY:block;PADDING-LEFT:6px;WIDTH:300px;BORDER-TOP-STYLE:none;PADDING-TOP:4px;BORDER-BOTTOM:#ddd 1px solid;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;HEIGHT:14px;}
#url{DISPLAY:block;PADDING-LEFT:6px;WIDTH:310px;BORDER-TOP-STYLE:none;PADDING-TOP:4px;BORDER-BOTTOM:#ddd 1px solid;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;HEIGHT:14px;}
#name_id {DISPLAY:block;PADDING-LEFT:6px;WIDTH:300px;BORDER-TOP-STYLE:none;PADDING-TOP:4px;BORDER-BOTTOM:#ddd 1px solid;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;HEIGHT:14px;}

.calendar a{WIDTH:17px;COLOR:#333;TEXT-ALIGN:center;}
.calendar a:hover {color:#333;background:#eee;}

.sidetitle{
PADDING:1px 0px 1px 5px;
MARGIN:10px 0px;COLOR:#555;
border-left:#aaa 10px solid;
HEIGHT:16px;TEXT-ALIGN:left;}

#content {
FLOAT:left;position:absolute;
top:50px;left:220px;WIDTH:480px;
HEIGHT:450px;overflow:auto;}
#links {
FLOAT:right;
WIDTH:200px;HEIGHT:320px;
overflow:auto;overflow-X:hidden;
margin:60px 10px 0px 0px;}
#links br{line-height:2px;}
.side{line-height:15pt;}
.boxFolder1 .side{text-align:center;}
#boxCategory a img{DISPLAY:none;}
#boxCategory a{PADDING-LEFT:15px;BACKGROUND:url(http://f6.wretch.yimg.com/rainer35509/2/1549525830.jpg?GjItynRDcRKsNYME4OtGXId28XAbW7uomD0Ro2nbGneb7Vj7QHIgaiF.CxZe) no-repeat left top;}

#boxNewArticle{position:absolute;left:5px;top:120px;}
.boxNewArticle1{
height:230px;overflow:auto;
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;
}
.boxNewArticle0 .sidetitle{display:none;}
#boxNewArticle a{
width:190px;padding-left:5px;
DISPLAY:block;border-bottom:1px #ddd solid;
text-align:left;color:#888;background:#fff;}
#boxNewArticle a:hover{TEXT-ALIGN:right;DISPLAY:block;color:#fff;background:#000;}


#boxNewComment{position:absolute;left:5px;top:365px;}
.boxNewComment1{
OVERFLOW:auto;HEIGHT:110px;
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;}
#boxNewComment .side{font:0pt verdana;COLOR:#fff;TEXT-ALIGN:right;}
#boxNewComment .boxNewComment0 img, #boxNewComment .side br, .boxNewComment0 .sidetitle{DISPLAY:none;}
.boxNewComment1 .side a{
LINE-HEIGHT:15pt;color:#888;
width:190px;padding-left:5px;
border-bottom:#ddd 1px solid;
background:#fff;DISPLAY:block;
FONT-SIZE:7pt;TEXT-ALIGN:left;}
.boxNewComment1 .side a:hover{
TEXT-ALIGN:right;DISPLAY:block;BACKGROUND:#50732d;COLOR:#fff;}
.syndicate img, #Exobud{filter:gray;}
.powered input{FONT-SIZE:7pt;FONT-FAMILY:verdana;}
.powered img{display:none;}
TEXTAREA {FONT-SIZE:7pt;BACKGROUND:#eee;COLOR:#555;FONT-FAMILY:verdana;}
input{border:1px #e3e3e3 solid;FONT-SIZE:7pt;BACKGROUND:#fff;color:#888;FONT-FAMILY:verdana;}
.boxGiftLink, #boxDate, #boxSearch, #scupioSearch{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;}