/*****************************************
作者：rainer35509
主題：【網】灰色禁界
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{overflow:hidden;}

body{
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620152861.jpg?gjDCtRdDchTABRxs4.Jzn.gCdu.lH7TkcWnRKFBbPp3IJBH7vosaEOVT4MHyOA--) #fff no-repeat right top;
background-position:780px 40px;
cursor:url(http://sky.geocities.jp/starmei617/80.ani);
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;cursor:w-resize;}

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

#pageheader h1 a{
position:absolute;top:7px;left:10px;
width:200px;background:#ccc;color:#000;
text-align:left;padding:5px 0px 5px 10px;
border:1px #ccc solid;border-bottom:none;
display:block;font:7pt verdana;}
#pageheader h1 a:hover{background:#555;color:#fff;}

#pageheader #description2 .description{
height:20px;width:200px;
padding:2px 0px 2px 10px;
font:7pt verdana;color:#555;background:#eee;
position:absolute;top:32px;left:10px;overflow:auto;
overflow-X:hidden;
SCROLLBAR-FACE-COLOR:#eee;
SCROLLBAR-HIGHLIGHT-COLOR:#eee;
SCROLLBAR-SHADOW-COLOR:#eee;
SCROLLBAR-3DLIGHT-COLOR:#eee;
SCROLLBAR-ARROW-COLOR:#888;
SCROLLBAR-TRACK-COLOR:#eee;
SCROLLBAR-DARKSHADOW-COLOR:#eee;
line-height:15pt;
border:1px #ccc solid;border-top:none;}


#serviceList{
position:absolute;top:7px;left:230px;width:360px;
border:1px #ccc solid;border-bottom:none;background:#eee;}
#serviceList li{float:left;margin:0px 0px 30px 0px;}
#serviceList li a{
display:block;width:45px;height:18px;
font:7pt verdana;color:#555;background:#eee;
letter-spacing:0px;text-align:center;padding-top:4px;}
#serviceList li a:hover{background:#888;color:#fff;cursor:crosshair;}
a#linkBlog{background:#888!important;color:#fff!important;}
a:hover#linkBlog{background:#ddd;color:#000;}
a#linkVideo{display:none!important;}

.boxMySpace1 .side{text-align:center;}
.boxMySpace1 .side a img{
border-top:5px #ccc dashed;
border-bottom:5px #ccc dashed;
border-left:5px #ccc solid;
border-right:5px #ccc solid;}
.boxMySpace1 .side a:hover img{
filter:gray;cursor:default;}

.boxMySpace1 select{
position:absolute;top:8px;left:500px;
clip:rect(2px 80px 16px 2px);
font:7pt verdana;background:#eee;color:#555;width:180px;}
.boxMySpace1 select optgroup{
background:#eee;color:#555;}

#boxCounter{position:absolute;top:392px;left:60px;}
.boxCounter0 .sidetitle{display:none;}
.boxCounter1 .side{color:#000;background:none;line-height:13pt;
padding:5px 0px 5px 20px;}

#main2{width:800px;height:480px;
margin:30px 0px 0px 230px;}
#content{
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:#aaa;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
width:500px;height:440px;
padding:10px 0px 10px 20px;
border:#ccc 1px solid;}

.date{text-align:right;}
.datediv{width:150px;height:15px;
font:7pt verdana;color:#000;background:#ddd;
padding:4px 0px 2px 10px;text-align:center;}
.title{color:#555;font:16px simhei;}

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

.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:#aaa;
text-align:center;width:80px;}

.total-comments-div .comments-body {
font:7pt verdana;color:#555;background:#eee;
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;}
#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;}

.cmt_floor{display:none;}
.cmt_floor_hide{filter:gray;font-size:7pt;color:#000;
display:block;width:87px;height:18px!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{height:auto!important;}
.comments-body .comments-reply ul.comments-author{height:auto!important;}

#links{overflow:auto;overflow-X:hidden;
padding:10px;background:#eee;
width:200px;height:440px;
scrollbar-face-color:#eee;
scrollbar-highlight-color:#eee;
scrollbar-shadow-color:#eee;
scrollbar-3dlight-color:#eee;
scrollbar-arrow-color:#888;
scrollbar-track-color:#eee;
scrollbar-darkshadow-color:#eee;
border:#ccc 1px solid;}

.sidetitle{
padding:1px 0px 1px 5px;margin:10px 0px;
color:#000;border-bottom:#bbb 1px solid;
height:16px;text-align:left;}

#boxNewArticle{
border:#ccc 1px solid;border-top:none;
position:absolute;top:57px;left:10px;width:210px;}
.boxNewArticle0 .sidetitle{display:none;}
.boxNewArticle1{line-height:0px;padding-top:5px;}
.boxNewArticle1 .side a{
display:block;text-align:right;
line-height:15pt;color:#555;padding-right:10px;
background:#fff;}
.boxNewArticle1 .side a:hover{
display:block;background:#888;
color:#fff;}

.boxCategory1{line-height:2px;}
.boxCategory1 .side{text-align:left;}
#boxCategory a img{filter:alpha(opacity=60);margin-top:3px;}
.boxCategory1 .side a{
line-height:15pt;color:#555;
padding-left:5px;display:block;}
.boxCategory1 .side a:hover{
text-align:left;display:block;
background:#888;color:#fff;}

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

#boxWho{position:absolute;top:310px;left:10px;width:210px;}
#boxWho .sidetitle{display:none!important;}
#boxWho li img{
width:35px!important;height:35px!important;}
#boxWho #whowrapper li a img{
filter:alpha(opacity=100);}
#boxWho #whowrapper li a:hover img{
filter:alpha(opacity=60);cursor:default;}
#boxWho li{
width:35px!important;height:35px!important;
border:1px solid #888;}

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

#boxMusic{position:absolute;top:0px;left:577px;width:200px;}
.boxMusic0 .sidetitle{display:none;}
.boxMusic1 .side{padding:5px 0px 0px 20px;}
#boxDate, #boxSearch, #blogCategory, 
.boxAddFriendLink, #scupioSearch{display:none;}