/*--------------------------------------------------------------------------------------
【網】灰視界
http://www.wretch.cc/blog/j5639775
---------------------------------------------------------------------------------------*/

#boxProfile .boxProfile1 .side  select {
position:absolute;

left:0px;
}




/* General Set
-----------------------------------------**/
html {
CURSOR:url(http://hk.geocities.com/j5639775/ani/cu_sprout_09.ani);
}
#text {
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#eeeeee;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
}



body {
CURSOR:url(http://hk.geocities.com/j5639775/ani/cu_sprout_09.ani);
font-size:.8em;
font-family:"verdana";
color:#444;
background:#fff;
margin:0px;
}

a {
color:#888;font-size:10px;font-family:verdana;text-decoration:none;}

a:hover {
CURSOR:url(http://hk.geocities.com/j5639775/ani/cu_sprout_09.ani);color:#999;text-decoration:none;}



/* container
-----------------------------------------**/
#container1 {
width:1020px;
font-size:10px;
position:relative;

color:#777;
}
#container2 {}

/* banner and pageheader
-----------------------------------------**/
h1 .description{display:none;}

#banner {
border:1px solid #ddd;

height:448px;width:201px;
background:url(http://f5.wretch.yimg.com/j5639775/17/1193908596.jpg) #ffffff repeat-x left bottom;
LEFT:40px;POSITION:absolute;TOP:70px;
padding:5px 5px;}

#pageheader .description{
position:absolute;left:10px;
padding-left:5px;font:7pt verdana;
color:#555;width:201px;}

#pageheader h1{
FONT-SIZE:7pt;
COLOR:#888;FONT-WEIGHT:normal;}

#pageheader h1 a{
display:block;font:7pt verdana;
color:#555;background:#ddd;
line-height:15pt;
padding:2px 0px 2px 5px;

}

#pageheader h1 a:hover{
color:#aaa;background:#eee;

}

#pageheader #description2 .description{
width:201px;color:#555;overflow:auto;
position:absolute;top:50px;left:10px;}

/* main
-----------------------------------------**/
#main2 {
overflow:hidden;
height:530px;
LEFT:40px;POSITION:absolute;
}

/* content
-----------------------------------------**/
#content {
TOP:70px;
border:1px solid #ddd;
FLOAT:right;
OVERFLOW-X:hidden;
POSITION:absolute;
width:490px;
MARGIN-LEFT:217px;
overflow:auto;
height:448px;
background:#fff;


SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#eeeeee;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;


PADDING-TOP:10px;
PADDING-left:10px;

}
.date {
font-size:.9em;BACKGROUND:#eee;MARGIN-TOP:10px;MARGIN-LEFT:10px;BORDER-LEFT:#ccc 10px solid;WIDTH:130px;HEIGHT:15px;TEXT-ALIGN:center;}


.blogbody {
padding:10px;
margin-bottom:15px;
}

.articletext .title {color:#666;font-size:13px;}

.articletext .extended A {
DISPLAY:block;BACKGROUND:url(http://f5.wretch.yimg.com/j5639775/17/1193862304.jpg) no-repeat right bottom;WIDTH:59px;HEIGHT:20px;}

.extended A {
FONT-SIZE:0px;COLOR:#ffffff;}

.articletext .title {
background:url(http://f5.wretch.yimg.com/j5639775/17/1193891817.jpg) left no-repeat;padding-left:20px;}

.posted {
FONT-SIZE:0px;MARGIN-BOTTOM:30px;PADDING-BOTTOM:2px;COLOR:#fff;FONT-FAMILY:verdana;LETTER-SPACING:-1px;TEXT-ALIGN:left;}

.posted a{
background:none;FONT-SIZE:7pt;COLOR:#888;MARGIN-RIGHT:5px;FONT-FAMILY:verdana;LETTER-SPACING:1px;}

/* comments
-----------------------------------------**/
.total-comments-div {
WIDTH:400px;PADDING-TOP:10px;}

.total-comments-div {
margin-top:10px;padding-top:10px;}

.total-comments-div .trackbacks-head .comments-head {
font-size:11px;LETTER-SPACING:5pt;BACKGROUND:#eee;border-right:#eee 1px solid;padding-right:7px;padding-left:7px;margin-bottom:10px;padding-bottom:7px;border-left:#eee 1px solid;padding-top:7px;border-bottom:#eee 1px solid;}

.total-comments-div .comments-head {
font-size:11px;LETTER-SPACING:5pt;BACKGROUND:#eee;border-right:#eee 1px solid;padding-right:7px;border-top:#eee 1px solid;padding-left:7px;padding-bottom:7px;border-left:#eee 1px solid;padding-top:7px;border-bottom:#eee 1px solid;text-align:center;}

.total-comments-div .comments-bottom .comments-head {
font-size:11px;LETTER-SPACING:5pt;BACKGROUND:#eee;border-right:#eee 1px solid;padding-right:7px;border-top:#eee 1px solid;margin-top:10px;padding-left:7px;padding-bottom:7px;border-left:#eee 1px solid;padding-top:7px;border-bottom:#eee 1px solid;text-align:center;}

.total-comments-div .comments-body {
}

.total-comments-div .comments-body .comments-post {
color:#aaaaaa;text-align:right;}

.total-comments-div .comments-body .comments-post a {
background:none;}

.total-comments-div .comments-body .comments-post {
color:#fff;}

.comments-reply .comments-author .comments-post a {
color:#777;}
#text {width:400px;}


/* links 選單
-----------------------------------------**/
#links {
border:1px solid #ddd;
margin-TOP:70px;

OVERFLOW-X:hidden;
width:190px;
background:#fff;
overflow:auto;
height:448px;
float:right;
margin-right:61px;
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#eeeeee;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;


PADDING-TOP:10px;
PADDING-left:5px;

}

.sidetitle {
PADDING-LEFT:37px;BACKGROUND:#FFF;COLOR:#777;font-weight:NORMAL;FONT-SIZE:12PX;border-bottom:#eee 1px solid;}

.side {
padding:10px;
}

/* links 選單進階設定
-----------------------------------------**/
select {
top:50px;left:10px;clip:rect(2px 85px 16px 2px);background:#FFFFFF;color:#aaa;FONT:8pt "verdana";position:absolute;}

.boxMySpaceImg {margin-bottom:5px;margin-left:0px;}

.boxMySpaceImg a img{
filter:alpha(opacity=60);BORDER:#aaa 8px double;}

.boxMySpaceImg a:hover img{
filter:alpha(opacity=100);BORDER:#aaa 10px double;}

#links a:hover {BACKGROUND:#eee;}

#linkMypage {
margin-bottom:2px;width:100px;COLOR:#888;BACKGROUND:#ccc;BORDER-RIGHT:#aaa 1px solid;BORDER-TOP:#eee 1px solid;DISPLAY:block;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#aaa 1px solid;TEXT-ALIGN:center;LINE-HEIGHT:2;}

#linkAlbum {
margin-bottom:2px;width:100px;COLOR:#888;BACKGROUND:#ccc;BORDER-RIGHT:#aaa 1px solid;BORDER-TOP:#eee 1px solid;DISPLAY:block;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#aaa 1px solid;TEXT-ALIGN:center;LINE-HEIGHT:2;}

#linkBlog {
margin-bottom:2px;width:100px;COLOR:#888;BACKGROUND:#ccc;BORDER-RIGHT:#aaa 1px solid;BORDER-TOP:#eee 1px solid;DISPLAY:block;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#aaa 1px solid;TEXT-ALIGN:center;LINE-HEIGHT:2;}

#linkGbook {
margin-bottom:2px;width:100px;COLOR:#888;BACKGROUND:#ccc;BORDER-RIGHT:#aaa 1px solid;BORDER-TOP:#eee 1px solid;DISPLAY:block;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#aaa 1px solid;TEXT-ALIGN:center;LINE-HEIGHT:2;}

#linkUser {
margin-bottom:2px;width:100px;COLOR:#888;BACKGROUND:#ccc;BORDER-RIGHT:#aaa 1px solid;BORDER-TOP:#eee 1px solid;DISPLAY:block;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#aaa 1px solid;TEXT-ALIGN:center;LINE-HEIGHT:2;}

#linkFriend {
margin-bottom:2px;width:100px;COLOR:#888;BACKGROUND:#ccc;BORDER-RIGHT:#aaa 1px solid;BORDER-TOP:#eee 1px solid;DISPLAY:block;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#aaa 1px solid;TEXT-ALIGN:center;LINE-HEIGHT:2;}

#linkVideo {
display:none;}

.calendar {font-size:10px;line-height:20px;}/* 行事曆 */

#boxProfile {
position:absolute;
top:64px;left:0px;
width:1024px;
}
#boxProfile .boxProfile0 {display:none;}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {padding:0px;}
#boxProfile .boxProfile1 .side a {text-decoration:none;}
#boxProfile .boxProfile1 .side br {display:none;}
#boxProfile .boxProfile1 .side .boxProfileImg {display:none;}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink {
margin-left:10px;
}






.boxNewArticle1 .side A {
background:none;}

#boxNewArticle img{
display:none;}

.boxNewArticle1 {
OVERFLOW-X:hidden;OVERFLOW:auto;WIDTH:180px;HEIGHT:190px;BACKGROUND-COLOR:transparent;}

.boxNewArticle1 .side A:hover {
DISPLAY:block;BACKGROUND:#eee;COLOR:#999;}

.boxNewArticle1 .side A {
COLOR:#888;BACKGROUND:#ccc;BORDER-RIGHT:#aaa 1px solid;BORDER-TOP:#eee 1px solid;DISPLAY:block;PADDING-LEFT:5px;BORDER-LEFT:#eee 1px solid;BORDER-BOTTOM:#aaa 1px solid;TEXT-ALIGN:left;LINE-HEIGHT:2;}

#boxCategory a {
background:none;LINE-HEIGHT:240%;}

#boxCategory A IMG {
DISPLAY:none;}

#boxCategory .boxCategory1 .side A {
PADDING-LEFT:17px;BACKGROUND:url(http://f5.wretch.yimg.com/j5639775/17/1193891816.jpg) no-repeat left 50%;}

#boxCategory .boxCategory1 .side A:hover {
PADDING-LEFT:17px;BACKGROUND:url(http://f5.wretch.yimg.com/j5639775/17/1193891816.jpg) no-repeat left 50%;}

#boxCategory .boxCategory1 .side DIV A {
BACKGROUND:none transparent scroll repeat 0% 0%;}


.boxNewComment1 {
OVERFLOW-X:hidden;
OVERFLOW:auto;
WIDTH:180px;
HEIGHT:190px;
BACKGROUND-COLOR:transparent;
COLOR:#fff;
font-size:0px;

}
.boxNewComment1 .side A {
COLOR:#888;BACKGROUND:#ccc;BORDER-RIGHT:#aaa 1px solid;BORDER-TOP:#eee 1px solid;DISPLAY:block;PADDING-LEFT:5px;BORDER-LEFT:#eee 1px solid;LINE-HEIGHT:13pt;BORDER-BOTTOM:#aaa 1px solid;TEXT-ALIGN:left;}

.boxNewComment1 .side  A:hover {
DISPLAY:block;BACKGROUND:#eee;COLOR:#999;}

#boxNewComment A {
LINE-HEIGHT:2;

}


#boxCounter {
left:10px;width:500px;position:absolute;top:470px;font-size:10px;color:#fff;}



.boxCounter0 {
display:none;}


.syndicate {padding:10px;}/*RSS*/

/* input
-----------------------------------------**/
input {
color:#777;border-right:#fff 0px solid;border-top:#fff 0px solid;font-size:10px;border-left:#fff 0px solid;border-bottom:#fff 0px solid;height:20px;background-color:#fff;}

#url{background-color:#eee;height:15px;width:300px;}
#email{background-color:#eee;height:15px;width:300px;}
#name_id{background-color:#eee;height:15px;width:300px;}

.boxAddFriendLink {
DISPLAY:none;}

#boxSlideShow .boxSlideShow0 {
DISPLAY:none;}

#boxSearch {
DISPLAY:none;}

#boxRssList {
DISPLAY:none;}

DIV.calendar A {
DISPLAY:none;}

#blogCategory {
DISPLAY:none;}

#blogCategory SPAN {
DISPLAY:none;}

.postisAuth {
DISPLAY:none;}

#boxDate {
DISPLAY:none;}

.syndicate {
DISPLAY:none;}

.postemail img, .postweb img {
height:8px;}

.blogbody textarea {
border:#eee 0px solid;background:#eee;color:#777;font-size:13px;font-family:verdana;text-decoration:none;}

/* boxWho
-----------------------------------------**/

#boxWho #whowrapper img {
width:42px!important;height:42px!important;}

#boxWho #whowrapper li a img {
filter:alpha(opacity=10);}

#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);}

#boxWho .sidetitle {
display:none;}

#whowrapper ul li a {
display:block;}

#whowrapper ul li a{
border:4px #ddd solid;}