/******************************
作者：s624537 笨元
主題：【網】彩漾藍綠[短版]
網址：http://www.wretch.cc/blog/s624537
*******************************/

html{overflow:hidden;}
a {text-decoration:none;}
a:hover {text-decoration:none;}

body{
BACKGROUND:url(http://f10.wretch.yimg.com/sspsjack/1/1968709737.jpg?yg3EqjdDfRCEVQ3fBTyrQrh8QiuWBnnyD.pm9AhTZb8S.tfki4DF5n0s) #fff no-repeat right top;
background-position:40px 545px;
color:#555;font:7pt verdana;margin-top:20px;letter-spacing:1px;}
br{letter-spacing:0px;}
a{color:#555;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}

#pageheader h1 a{position:absolute;top:6px;left:40px;color:#000;background:#eee;
width:870px;text-align:left;padding:5px;padding-top:8px;
display:block;font:18px simhei;}

#pageheader h1 a:hover{color:#999;}

.description{height:53px;width:240px;padding:5px;border-bottom:none !important;
font:7pt verdana;color:#000;background:#D3F1FF;
position:absolute;top:502px;left:386px;overflow:auto;
overflow-X:hidden;border:#999 1px solid;border-right:none !important;border-top:none !important;
SCROLLBAR-FACE-COLOR:#D3F1FF;
SCROLLBAR-HIGHLIGHT-COLOR:#D3F1FF;
SCROLLBAR-SHADOW-COLOR:#D3F1FF;
SCROLLBAR-3DLIGHT-COLOR:#D3F1FF;
SCROLLBAR-ARROW-COLOR:#000;
SCROLLBAR-TRACK-COLOR:#D3F1FF;
SCROLLBAR-DARKSHADOW-COLOR:#D3F1FF;
line-height:15pt;}

#serviceList LI {FLOAT:left;}
#links #serviceList {POSITION:absolute;left:40px;TOP:40px;
font-size:10px !important;WIDTH:20px;}
#serviceList LI {FLOAT:left;}
#serviceList LI A {filter:alpha(opacity=70);font-size:10px !important;display:block;width:20px;height:45px;color:#000;
font:10px verdana;letter-spacing:1px;text-align:CENTER;padding:6px;padding-top:25px;padding-RIGHT:5px;margin-top:1px;}
#serviceList LI A:hover{border-right:none;color:#fff;}

A#linkMypage {BACKGROUND:#FF7F7C;}
A#linkAlbum {BACKGROUND:#F7BC5B;}
A#linkBlog {BACKGROUND:#FFFF00;}
A#linkGbook {BACKGROUND:#9CEBAE;}
A#linkUser {BACKGROUND:#11CFFF;}
A#linkFriend {BACKGROUND:#FFC8FF;}
a#linkVideo{display:none!important;}

#main2{width:800px;height:480px;
margin:30px 0px 0px 230px;}

#content{position:absolute;left:72px;
background:#fff;float:left;
overflow:auto;overflow-x:hidden;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#999;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
width:552px;height:450px;
padding:5px;border:#999 1px solid;
margin-top:11px;}

.date{font:10px verdana;color:#BFAD7F;padding:5px;margin-left:0px;width:200px;TEXT-ALIGN:center;padding-left:350px;}

.title{padding-left:20px;font:10px verdana;color:#000;}

.posted {border-top:none !important;background:#DAFAED;FONT-SIZE:0px;MARGIN-BOTTOM:10px;PADDING-BOTTOM:2px;COLOR:#DAFAED;padding:6px;FONT-FAMILY:verdana;LETTER-SPACING:-1px;TEXT-ALIGN:right;}
.posted a{COLOR:#000;FONT-SIZE:7pt;MARGIN-RIGHT:5px;FONT-FAMILY:verdana;LETTER-SPACING:1px;}
.posted a:hover{COLOR:#999;}

div#article_counter {margin:15px;width:500px;background:#DAFAED;color:#000;font:7pt verdana !important;text-align:center;padding:5px;}

.comments-body #text {color:#999;}
.total-comments-div .comments-body {color:#999;}
.total-comments-div .comments-body {border-bottom:#000 1px solid;}
.total-comments-div .comments-head {width:80px;background:#DAFAED;color:#000;font:7pt verdana !important;text-align:center;padding:5px;}
.total-comments-div .comments-bottom .comments-head {width:80px;background:#DAFAED;color:#000;font:7pt verdana !important;text-align:center;padding:5px;}

.comments-body p {text-decoration:none;font:7pt verdana;}
.comments-post {text-decoration:none;padding:0px 0px 0px 0px;background-color:#fff;font:7pt verdana !important;color:#999;LETTER-SPACING:1px;text-align:right;}
.comments-post a{text-decoration:none;color:#999;font:7pt verdana;}
.comments-post a:hover{text-decoration:none;color:#999;}
.comments-body form input {color:#999;border:#ccc 1px solid;}
.comments-reply {background:#ddd !important;}
.total-comments-div .comments-body form {TEXT-ALIGN:left;color:#999;font:7pt verdana !important;}

#content .blog .total-comments-div .trackback-url {color:#999;}
.postuser a {color:#000;}
.postuser:hover {color:#999;}
#secret, #rem {background-color:#fff;}
#text {border:#ccc 1px solid;font:7pt verdana;OVERFLOW:hidden;COLOR:#999;}
#text {width:80%;}
.trackback-url {padding:0px 0px 0px 0px;FONT-SIZE:10px;color:#999;}
form textarea {font:7pt verdana;background-color:#FFFFFF;}

#links {
background:#eee;float:left;
overflow:auto;overflow-x:hidden;
scrollbar-face-color:#D3F1FF;
scrollbar-highlight-color:#D3F1FF;
scrollbar-shadow-color:#D3F1FF;
scrollbar-3dlight-color:#D3F1FF;
scrollbar-arrow-color:#000;
scrollbar-track-color:#D3F1FF;
scrollbar-darkshadow-color:#D3F1FF;
width:250px;height:513px;filter:alpha(opacity=80);background:#D3F1FF;
padding:5px;border:#999 1px solid;border-left:none !important;
margin-top:11px;margin-left:203px;}

.sidetitle{border-LEFT:#7EC0F0 10px solid;font:10px verdana;width:215px;TEXT-ALIGN:LEFT;border-bottom:#7EC0F0 1px solid;color:#000;padding:5px;margin-bottom:10px;}

#boxMySpace .boxMySpace0 .sidetitle {display:none;}
#boxMySpace .boxMySpace1 {TEXT-ALIGN:center;margin-bottom:10px;padding:5px;padding-top:7px;}

#boxMusic{width:230px;POSITION:absolute;right:120px;TOP:15px;}
.boxMusic0 .sidetitle{display:none;}

.boxMySpace1 select{position:absolute;right:10px;top:15px;
clip:rect(3px 70px 15px 10px);width:200px;background:#eee;
font:7pt verdana;color:#000;}

.boxNewArticle1 {height:100px;background:eee;line-height:1px;}
.boxNewArticle1 .side a{display:block;line-height:15pt;color:#000;padding-left:5px;}
.boxNewArticle1 .side a:hover{color:#999;TEXT-ALIGN:center;}

.boxCategory1 .side a{display:block;line-height:8pt;color:#000;padding-left:5px;}
.boxCategory1 .side a:hover{color:#999;}

#boxNewComment .boxnewcomment0 img, 
#boxNewComment .side br {display:none;}
.boxNewComment1 .side a{font:7pt verdana;display:block;line-height:13pt;color:#000;padding-left:5px;}
.boxNewComment1 .side a:hover{font:7pt verdana;color:#999;display:block;line-height:13pt;padding-left:5px;}
#boxNewComment .side {font:0pt verdana;color:#D3F1FF;}

#boxCounter {writing-mode:tb-rl;height:300px;width:30px;padding:1px;line-height:5px;
font:7pt verdana;color:#000;position:absolute;top:440px;right:100px;overflow:auto;TEXT-ALIGN:left;}
.boxCounter0 .sidetitle{display:none;}

#boxWho .sidetitle {display:none;}
#boxWho {position:absolute;top:18px;right:90px;WIDTH:50px;height:0px;width:20px;}
#boxWho div#whowrapper {margin-bottom:0px!important;width:auto!important;padding:20px;text-align:center;}
#boxWho li, #boxWho li img {width:20px!important;height:20px!important;filter:alpha(opacity=80);}
#boxWho #whowrapper li a:hover img{filter:alpha(opacity=100);WIDTH:60px!important;height:60px!important;
position:relative;border:1px #000 solid;}
#boxWho input{padding:3px;writing-mode:tb-rl;position:absolute;top:300px;right:10px;}

input {font:7pt verdana;color:#000;background:#fff;border:1px solid #ccc;padding-top:3px;}
textarea {font:7pt verdana;letter-spacing:1px;}

h1 .description, #blogCategory, #blogCategory A, li.boxAddFriendLink, li.boxGiftLink, #boxDate, #boxSearch, .boxNewComment1 img, .syndicate, #boxCounter .sidetitle, #boxMusic .sidetitle {display:none;}