/*****************************************
作者：rainer35509
主題：【網】科幻湛藍
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{
overflow:hidden;
SCROLLBAR-FACE-COLOR:#f1efea;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#336699;
SCROLLBAR-TRACK-COLOR:#6085ca;
SCROLLBAR-DARKSHADOW-COLOR:#bbb;}

body{font:7pt verdana;color:#333;
background:url(http://f6.wretch.yimg.com/rainer35509/41/o1620487697.jpg?Wvltff1DchRfrjuHHz1kajKs8pHBH_koC8F5zpMDuRY8mFQR2Mhh8t896z0dfg--) #fff no-repeat 20px 0px;
margin:0px;letter-spacing:1px;cursor:url(http://w1.hc.edu.tw/ttpss92062/new2.cur);}

br{letter-spacing:0px;}
a{color:#000;text-decoration:none;}
a:hover{color:#224466;text-decoration:none;
cursor:url(http://w1.hc.edu.tw/ttpss92062/new2.cur);}


#pageheader .description{display:none;}
#pageheader h1 a{position:absolute;left:75px;top:9px;
width:20px;height:190px;padding:5px 6px 5px 1px;
writing-mode:tb-rl;color:#fff;display:block;background:#336699;
font:7pt verdana;text-align:left;filter:alpha(style=1);}
#pageheader h1 a:hover{color:#fff;background:#224466;}

#pageheader #description2 .description{
position:absolute;top:56px;left:710px;
height:55px;width:240px;display:inline;
padding:2px 0px 2px 10px;
font:7pt verdana;color:#333;
filter:Chroma(Color=#ffffff);
background:#fff;text-align: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:#336699;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;
line-height:14pt;}

#serviceList{position:absolute;top:230px;left:80px;
filter:alpha(opacity=60);float:left;}
#serviceList li{margin-bottom:7px;}
#serviceList li a{display:block;
font:7pt verdana;color:#224466;background:#fff;
width:22px;height:35px;padding-top:12px;text-align:center;}
#serviceList li a:hover{color:#fff;background:#336699;}
a#linkBlog{background:#224466!important;color:#fff!important;}
a#linkVideo, a#linkMypage{display:none!important;}

.boxMySpace1 .side a img{border:4px #ddd solid;}
.boxMySpace1 .side a:hover img{
filter:alpha(opacity=50);border:4px #336699 solid;}
.boxMySpace1 select{
position:absolute;left:665px;top:25px;
clip:rect(2px 35px 16px 10px);
font:7pt verdana;background:#94A5BB;color:#fff;}

#boxMusic{position:absolute;top:25px;left:540px;width:200px;}
.boxMusic0 .sidetitle{display:none;}

#boxCounter{position:absolute;top:35px;left:730px;}
.boxCounter0 .sidetitle, .boxCounter1 .side br{display:none;}
#boxCounter .boxCounter1 .side{color:#000;width:230px;}

#main2{width:840px;margin:40px 0px 0px 120px;}
#content{float:left;overflow:auto;overflow-x:hidden;
width:560px;height:490px;
margin-top:20px;padding-right:20px;}
#links{float:right;overflow:auto;overflow-x:hidden;
width:230px;height:400px;
margin-top:80px;padding-right:10px;}

.sidetitle{
color:#fff;font:7pt verdana;background:#224466;
padding:4px 0px 0px 10px;margin:7px 0px;
height:15px;filter:alpha(style=1);}

.date{text-align:left;font-size:22px;
color:#000;letter-spacing:-1px;
margin-top:5px;padding-right:10px;float:left;}

.title{display:block;
padding:3px 10px 3px 10px;color:#fff;background:#224466;
filter:alpha(opacity=80);font:7pt verdana;
float:left;margin-top:7px;}

.innertext{line-height:15pt;clear:both;}
.innertext a{color:#ff0000;text-decoration:underline;}
.extended{text-align:right;}

div#article_counter{width:520px!important;
color:#fff;background:#336699;
padding:2px 0px 2px 10px;margin:3px 0px 3px 0px;
text-align:left;filter:alpha(style=1);}
.list-linkcontrol{display:none;}

.posted{padding:7px;text-align:left;color:#6788b5;
font:0pt verdana;margin-bottom:20px;
padding:5px 0px 5px 7px;letter-spacing:-1px;}
.posted a{font:7pt verdana;letter-spacing:1px;margin-right:4px;}

.total-comments-div .trackbacks-head .comments-head, 
.total-comments-div .comments-head, 
.total-comments-div .comments-bottom .comments-head{
margin:10px 0px 0px 10px;padding-left:10px;
font:20px simhei;color:#000;}

.total-comments-div .comments-body {
width:520px;border:0px;font:7pt verdana;color:#000;
letter-spacing:1px;line-height:13pt;text-align:left;
margin:10px;padding:10px;}

.total-comments-div .comments-body .comments-post {
color:#333;font:7pt verdana;line-height:13pt;
letter-spacing:1px;text-align:right;padding:2px;}

.total-comments-div .comments-body form{
font:7pt verdana;text-align:center;}
#name_id, #email, #url{width:400px;border:none;
background:#fff;filter:alpha(opacity=60);}

#text{color:#224466;background:#fff;
filter:alpha(opacity=60);
font:7pt verdana;line-height:13pt;
letter-spacing:1px;border:none;
width:400px!important;height:200px;
overflow:hidden;margin-top:7px;
padding:7px 0px 0px 7px;}

.cmt_floor{display:none;}
.cmt_floor_hide{font-size:7pt;color:#000;
display:block;width:87px;height:25px!important;
background:url(http://tw.yimg.com/i/tw/wretch/waiting/floor_long.gif) no-repeat left top;
text-align:center;float:right!important;display:inline;}
.total-comments-div .comments-body .comments-user p.cmt_floor{float:none;}
.total-comments-div .comments-body .comments-user p{float:left;}
.comments-body li p{margin:0px;height:auto!important;}
.comments-body li.comments-post{color:#fff;height:auto!important;}
.comments-body .comments-reply ul.comments-author{
filter:alpha(opacity=70);background:#336699;color:#fff;
height:auto!important;width:500px;}
.comments-body .comments-reply ul.comments-author a{color:#fff;text-decoration:none;}
.comments-body .comments-reply ul.comments-author a:hover{text-decoration:none;}
.comments-body .comments-reply ul.comments-author .comments-post{color:#fff;}

#boxNewArticle{filter:alpha(opacity=70);width:210px;}
.boxNewArticle1{line-height:0px;background:#fff;}
.boxNewArticle1 .side a{display:block;color:#224466;
padding-left:10px;line-height:16pt;border-bottom:1px #888 solid;}
.boxNewArticle1 .side a:hover{background:#336699;color:#fff;}

#boxCategory{filter:alpha(opacity=70);width:210px;}
.boxCategory1{line-height:0px;background:#fff;}
.boxCategory1 .side a{display:block;padding:3px 0px 3px 10px;color:#224466;
padding-left:10px;line-height:15pt;border-bottom:1px #888 solid;}
.boxCategory1 .side a:hover{background:#336699;color:#fff;}

#boxNewComment, #boxNewTrackback{filter:alpha(opacity=70);width:210px;}
.boxNewComment1, .boxNewTrackback1{line-height:0px;}
#boxNewComment .side, #boxNewTrackback .side{
color:#fff;background:#fff;font:0pt vredana;text-align:right;}
.boxNewComment1 .side a, .boxNewTrackback1 .side a{
display:block;font:7pt verdana;text-align:left;
color:#224466;
padding-left:10px;line-height:15pt;border-bottom:1px #888 solid;}
.boxNewComment1 .side a:hover, 
.boxNewTrackback1 .side a:hover{background:#336699;color:#fff;}

.boxFolder1{line-height:2px;padding-left:10px;}
.boxFolder1 .side a{display:block;line-height:15pt;}

#boxWho{position:absolute;top:10px;left:115px;}
#boxWho .sidetitle{display:none;}
#boxWho li, #boxWho li a img{
border:2px #fff solid;
width:35px!important;height:35px!important;
filter:alpha(opacity=100);}
#boxWho div#whowrapper{width:390px!important;height:50px;}
#boxWho #whowrapper li a:hover img{}
#boxWho input{position:absolute;top:20px;left:860px;
writing-mode:tb-rl;width:20px;height:90px;}

textarea{font:7pt verdana;color:#000;}
input{font:7pt verdana;color:#000;filter:alpha(opacity=70);
background:#eee;border:1px #ccc solid;}
#boxDate, #boxSearch, #blogCategory, .boxNewTrackback1 span, 
.boxAddFriendLink{display:none;}
