/*****************************************
作者：rainer35509
主題：【網】崇尚蔚藍
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{overflow:hidden;}
body{
font:7pt verdana;background:#fff;
margin:10px 0px 0px 60px;color:#888;
letter-spacing:1px;cursor:url(http://w1.hc.edu.tw/ttpss92062/link.cur);}
a{color:#555;text-decoration:none;}
a:hover{color:#48b4fc;text-decoration:none;cursor:default;}
br{letter-spacing:0px;}
#container1{
width:700px;position:relative;
margin:0 auto;margin:0px;}

#banner{border:1px solid #ccc;background:url(http://f6.wretch.yimg.com/rainer35509/41/o1620181167.jpg?pxwE0ilDchRbycDXFm2Tb3u_uEE5aQeqZS_5LNo7SXBgRYoqT1E28SL4v.BhJg--);
border-bottom:none;height:90px;}

#pageheader .description{
position:absolute;top:0px;left:720px;
font:0pt verdana;color:#fff;}

#pageheader h1 a{
position:absolute;top:0px;left:0px;
width:198px;color:#fff;filter:gray;
background:#888;filter:alpha(opacity=80);
display:block;font:7pt verdana;
padding:5px 0px 5px 10px;}
#pageheader h1 a:hover{filter:alpha(opacity=50);}

#pageheader #description2 .description{
height:60px;width:198px;filter:alpha(opacity=50);
padding:5px 0px 2px 10px;
font:7pt verdana;color:#000;background:#fff;
position:absolute;top:24px;left:1px;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;
line-height:15pt;}


#links #serviceList{
filter:alpha(opacity=65);
position:absolute;top:72px;left:209px;width:600px;}

#serviceList li{float:left;}
#serviceList li a{
display:block;width:40px;height:15px;
font:7pt verdana;color:#000;background:#fff;
letter-spacing:0px;text-align:center;padding-top:4px;}
#serviceList li a:hover{background:#48b4fc;color:#fff;}
a#linkBlog{background:#48b4fc!important;color:#fff!important;}
a#linkVideo{display:none!important;}

.boxMySpace1 .side{text-align:center;}
.boxMySpace1 .side a img{
border:#ddd 4px double;}
.boxMySpace1 .side a:hover img{
border:#48b4fc 4px double;}

.boxMySpace1 select{
position:absolute;top:10px;left:540px;
font:7pt verdana;background:#fff;
color:#000;width:150px;}

.boxMySpace1 select optgroup{
background:#48b4fc;color:#fff;}

#boxCounter{position:absolute;top:10px;left:700px;}
.boxCounter0 .sidetitle{display:none;}
#boxCounter .boxCounter1 .side{
color:#000;width:180px;
background:#eee;padding:10px;
text-align:left;line-height:13pt;}


#content{
float:right;overflow:auto;
background:#fff;
overflow:auto;overflow-x:hidden;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#48b4fc;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
width:480px;height:420px;
padding:10px 0px 0px 10px;
border:1px #ccc solid;
border-left:none;}

.date{float:right;color:#555;background:#ddd;
line-height:13pt;width:150px;
margin:0px;padding:2px 0px 2px 0px;
border:#ccc 1px solid;
border-bottom:none;text-align:center;}

.title{font:7pt verdana;color:#000;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620144771.jpg?HEFmHqNDchRuB9eErrSx4PuzynflZ3A18a28uQ2ymsR5K6_5btnQ7CXHqSTeIA--) #fff fixed no-repeat left center;
line-height:13pt;padding:5px 0px 2px 17px;
margin:0px;
border-bottom:#ccc 1px solid;}

.innertext{padding-bottom:10px;color:#555;line-height:15pt;}
.innertext a{color:#48b4fc;text-decoration:underline;}
.extended{text-align:right;}
.posted{font:0pt verdana;margin-bottom:20px;
color:#fff;background:#fff;padding:3px 0px 3px 0px;
border-bottom:1px #ccc solid;
letter-spacing:-1px;text-align:center;}
.posted a{color:#555;font:7pt verdana;
letter-spacing:1px;margin-right:5px;}
div#article_counter{
padding-left:5px;width:250px!important;
color:#fff;background:#48b4fc;text-align:center;}

.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;}

.total-comments-div .trackbacks-head .comments-head, 
.total-comments-div .comments-head, 
.total-comments-div .comments-bottom .comments-head{
margin:15px 0px 0px 10px;padding:5px;
font:7pt verdana;color:#fff;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620181166.jpg?rkmkWcdDchSLOJoRks8ga0tZ2NsJmUU8qiXoGlghawxl6NLx3wNx1OVxw6oPBQ--) #fff no-repeat center center;
text-align:center;width:80px;}

.total-comments-div .comments-body {
font:7pt verdana;color:#555;background:#eee;border:1px #ccc solid;
letter-spacing:1px;line-height:13pt;text-align:left;
margin:10px;padding:5px;border:none;}

.total-comments-div .comments-body .comments-post {
color:#555;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;}
.total-comments-div .comments-body .comments-user p {float:left;}

.cmt_floor{display:none;}
.cmt_floor_hide{
background:url(http://tw.yimg.com/i/tw/wretch/waiting/floor_long.gif) no-repeat left top;
font-size:7pt;display:block;width:87px;height:18px!important;
color:#48b4fc;text-align:center;float:right!important;}


#name_id, #email, #url{
width:350px;background:#fff;
border:none;padding:3px 0px 0px 3px;}

#text{color:#888;font:7pt verdana;
line-height:13pt;letter-spacing:1px;
width:350px!important;height:120px;
border:1px solid #ddd;overflow:hidden;
padding:3px 0px 0px 3px;}

#links{
float:left;
overflow:auto;overflow-x:hidden;
padding:10px 0px 0px 10px;background:#eee;
width:197px;height:420px;
border:1px #ccc solid;
scrollbar-face-color:#eee;
scrollbar-highlight-color:#eee;
scrollbar-shadow-color:#eee;
scrollbar-3dlight-color:#eee;
scrollbar-arrow-color:#48b4fc;
scrollbar-track-color:#eee;
scrollbar-darkshadow-color:#eee;}

.sidetitle{
line-height:15pt;margin:0px 0px 5px 0px;
padding:3px 0px 0px 7px;height:14px;
color:#000;
border-left:13px #ccc solid;
border-bottom:1px #ccc solid;
font:7pt verdana;text-align:left;}

#boxNewArticle {position:absolute;left:700px;top:100px;width:200px;}
.boxNewArticle0 .sidetitle{
color:#fff;background:url(http://f6.wretch.yimg.com/rainer35509/41/1620181166.jpg?rkmkWcdDchSLOJoRks8ga0tZ2NsJmUU8qiXoGlghawxl6NLx3wNx1OVxw6oPBQ--) #fff no-repeat;
padding:4px 0px 0px 7px;height:16px;border:none;}
.boxNewArticle1{line-height:2px;}

.boxNewArticle1 .side a{
display:block;padding-left:15px;
line-height:15pt;color:#555;background:#eee;
text-align:left;}

.boxNewArticle1 .side a:hover{
border-left:#48b4fc 17px solid;
background:#fff;color:#000;}

.boxCategory1{line-height:2px;}
.boxCategory1 .side{text-align:left;}

.boxCategory1 .side a{
line-height:13pt;color:#555;
background:#eee;padding:2px 0px 2px 0px;
padding-left:5px;display:block;}

.boxCategory1 .side a:hover{
border-left:#48b4fc 17px solid;
background:#fff;color:#000;}


#boxNewComment .side, #boxNewTrackback .side{
font:0pt verdana;color:#eee;text-align:right;}

#boxNewComment .boxnewcomment0 img, 
#boxNewComment .side br, #boxNewTrackback1 .side br{display:none;}
.boxNewComment1 .side a, .boxNewTrackback1 .side a{
line-height:15pt;color:#555;
background:#eee;
padding-left:5px;
line-height:15pt;display:block;
font-size:7pt;text-align:left;}

.boxNewComment1 .side a:hover, 
.boxNewTrackback1 .side a:hover{
border-left:#48b4fc 17px solid;
background:#fff;color:#000;}
.boxNewTrackback1 span{display:none;}


#boxWho{width:200px;height:50px;
position:absolute;top:410px;left:700px;}
#boxWho .sidetitle{display:none;}
#boxWho div#whowrapper{
padding:10px 0px 0px 5px;
margin-bottom:0px!important;
width:auto !important;text-align:center;}
#boxWho #whowrapper li a img{
width:30px!important;height:30px!important;}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=30);}
#boxWho li{
background:#5aa7ff;border:1px solid #ccc;
width:30px!important;height:30px!important;}

#boxMusic{position:absolute;top:65px;left:690px;width:200px;}
.boxMusic0 .sidetitle{display:none;}
.boxMusic1 .side{padding:5px 0px 0px 20px;}

textarea{font:7pt verdana;color:#000;}
input{font:7pt verdana;color:#555;
border:1px #ddd solid;}

.syndicate img{filter:gray;}
.boxGiftLink, .boxAddFriendLink, #blogCategory, 
#boxDate, #boxSearch, #scupioSearch{display:none;}