/*****************************************
作者：mimi579(小菁)
主題：【網】層次
網址：http://www.wretch.cc/blog/mimi579
******************************************/

HTML {
overflow-x:hidden;
SCROLLBAR-FACE-COLOR:#000;
SCROLLBAR-HIGHLIGHT-COLOR:#000;
SCROLLBAR-SHADOW-COLOR:#000;
SCROLLBAR-3DLIGHT-COLOR:#000;
SCROLLBAR-ARROW-COLOR:#000;
SCROLLBAR-TRACK-COLOR:#f000;
SCROLLBAR-DARKSHADOW-COLOR:#000;}


BODY {
BACKGROUND:#000 fixed no-repeat 10px 521px;
color:#fff;font:7pt verdana;letter-spacing:2px;
}



INPUT {
padding:2px;
margin:2px 0 3px 0;
BORDER:none;
font:8pt MS mincho;
COLOR:#555;
BACKGROUND:#fff;
filter:alpha(opacity=50);}


a{color:#fff;text-decoration:none;}
a:hover{color:#222;text-decoration:none;}

textarea{font:7pt verdana;color:#000;}
input{margin-bottom:5px;padding-top:3px;padding-bottom:1px;
font:7pt verdana;color:#ff3366;background:#000;border:1px #555 solid;}


#banner {
width:100%;
background:#000 url(http://f4.wretch.yimg.com/mimi579/89/1930599319.jpg?r_HALOVDfRWE8okU27dzv8xUxqSzR403v3Bcgu6OpudMjz3BTTPmxSz1) no-repeat right bottom;padding-bottom:50px;}

#pageheader h1 a {
display:block;
color:#ffc6ca;
background:#222;
border-bottom:#550055 30px solid;
border-top:#de617a 30px solid;

margin:30px 0 25px 0;
padding:3px 0 2px 35px;
line-height:28px!IMPORTANT;font:15pt Tahoma;}

#pageheader h1 a:hover {
color:#6F4157;}

#pageheader H1 A:hover {
COLOR:#222;background:#fff;}

#pageheader .description {
}
#pageheader #description2 .description {
color:#555;
font-family:verdana;
font-size:7pt;
position:absolute;
letter-spacing:2px;
top:122px;
LEFT:0px;
width:1095px;
height:15px;
padding:8px;
overflow:auto;
line-height:20px;
background:#ff0080;
border-BOTTOM:0px dashed #a63a26;
overflow:auto;
SCROLLBAR-FACE-COLOR:#ff0080;
SCROLLBAR-HIGHLIGHT-COLOR:#ff0080;
SCROLLBAR-SHADOW-COLOR:#ff0080;
SCROLLBAR-3DLIGHT-COLOR:#ff0080;
SCROLLBAR-ARROW-COLOR:#a63a26;
SCROLLBAR-DARKSHADOW-COLOR:#ff0080;}


#pageheader #description2 .description a{
color:#AAA;
}


#content {
font-size:7pt;
float:left;
overflow:auto;
font-family:verdana;
width:850px;
background-color:#000;
overflow-y:hidden;
margin-left:5px;
margin-top:0px;
}
.blogbody2 {
margin-bottom:15px;
margin-right:1px;
margin-left:0px;
color:#fff;
}
.datediv{width:150px;height:15px;
font:10pt Century Gothic;color:#550055;
background:#000;padding:3px 40px 0px 0px;text-align:center;}
.date{border-left:3px #550055 solid;text-align:right;padding:0px 0px 3px 0px;}
.title{font:10pt verdana;color:#fff;
background:no-repeat left top;border-left:3px #f4a4ac solid;
text-align:left;margin-top:0px;padding:4px 10px 3px 660px;}

.articletext .innertext br {
letter-spacing:0pt;
}

h3.title img {margin-left:2px;filter:alpha(style=1);}


.extended {FONT:9pt verdana;text-align:center;}
.extended span {display:none;}

.extended br {display:none;}
.extended a {
background:#000;
padding:3px;FONT:10pt Tahoma;color:#de617a;}


.innertext{margin-bottom:5px;padding:10px;padding-top:10px;padding-bottom:15px;line-height:20pt;color:#fff;background:#000;border-bottom:#555 0px solid;}
.innertext a{color:#fff;text-decoration:none;}
.extended{text-align:right;}
.posted{font:0pt verdana;margin-bottom:8px;line-height:15pt;
padding:3px 0px 3px 7px;color:#000;
letter-spacing:-1px;text-align:right;border-bottom:#555 1px dotted;}
.posted a{color:#fff;font:7pt verdana;
letter-spacing:1px;margin-right:5px;}
div#article_counter {padding:5px;line-height:11pt;color:#ff3366;text-align:right;}


#links {
overflow:auto;
width:230px;
top:0px;
overflow-x:hidden;
float:right;
background:#000;

}
#links .sidetitle {
margin-bottom:5px;
margin-top:5px;
}
#links #boxCategory A {
LINE-HEIGHT:20px;
DISPLAY:inline;
}
#links a {
letter-spacing:1px;
FONT-SIZE:13px;
top:0px;
FONT-FAMILY:MS Mincho;
color:#fff;
}
#links a:hover {
color:#aaa;
}
.side a {
display:block;
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
}
.sidetitle {
font-weight:NORMAL;
letter-spacing:1px;
FONT-SIZE:10px;
color:#fff;
padding:3px;
padding-left:10px;
border-BOTTOM:0px dashed #fff;
margin-right:10px;
}



#boxNewArticle .side a{letter-spacing:3px;}
.boxNewArticle1{line-height:2px;}
.boxNewArticle1 .side a{
display:block;padding-left:10px;line-height:17pt;color:#fff;}
.boxNewArticle1 .side a:hover{
display:block;padding-left:10px;color:#222;}

.boxCategory1{line-height:2px;}
#boxCategory a img{filter:alpha(opacity=70);margin-top:3px;}
.boxCategory1 .side a{
display:block;color:#fff;
line-height:15pt;padding-left:10px;}
.boxCategory1 .side a:hover{
display:block;padding-left:10px;color:#222;}


#boxNewComment .side{
color:#222;font:0pt vredana;text-align:right;}
.boxNewComment1 .side a{
display:block;font:7pt verdana;color:#fff;text-align:left;
line-height:15pt;padding-left:10px;}
.boxNewComment1 .side a:hover{
padding-left:10px;color:#222;}


.boxMySpace1 .side {line-height:0px;}

#serviceList {
position:absolute;top:95px;left:5px;}
#serviceList li {float:left;margin:5px 5px 5px 0;}
#serviceList li a {padding:3px;font:8pt verdana;color:#fff;letter-spacing:2px;}
#serviceList li a:hover {color:#ffc6ca;}

#linkVideo, #linkMypage, #linkFriend {display:none!important;}

div#article_counter{
color:#fff;
line-height:25px;
width:558px;
border:0px solid #ccc;
text-align:left;
padding-left:15px;
margin-top:5px;}

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

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

.total-comments-div .comments-body .comments-post {
color:#ff3366;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;border:none;
background:#000;border-bottom:1px #ccc solid;}

#text{color:#fff;background:#222;border:1px #ccc solid;
font:7pt verdana;line-height:13pt;
letter-spacing:1px;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:#ff3366;filter:gray;
display:block;width:87px;height:25px!important;
background: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{
background:#000;color:#fff;height:auto!important;}#footer{
margin:0;padding:0;clear:both;height:50px;
background:#000;filter:alpha(opacity=100);}


#boxDate, #boxSearch, #blogCategory, .boxNewTrackback1 span, .calendar, #boxNewTrackback, 
.boxAddFriendLink, #scupioSearch, .boxNewArticle1 img, .boxNewComment1 img, 
#boxRssList{display:none;}



#boxCounter{position:absolute;top:30px;left:1px;width:261px;height:30px;
background:no-repeat left top;border-right:0px #ccc solid;
border-bottom:0px #ccc solid;border-BOTTOM:0px dashed #a63a26;
border-left:0px #ccc solid;}
.boxCounter0 .sidetitle, .boxCounter1 .side br{display:none;}
#boxCounter .boxCounter1 .side{
color:#000;text-align:left;padding:13px 0px 0px 10px;}



#friendlist {
background:#000;filter:alpha(opacity=30);
color:#fff;
font-size:7pt;
font-family:verdana;
top:35px;
left:820px;
position:absolute;
clip:rect(2px 75px 16px 2px);
}

#boxWho input {display:none!important;}
#boxWho .sidetitle {display:none;}
#boxWho {position:absolute;top:35px;left:265px;width:200px;}
#boxWho div#whowrapper {float:left;width:200px!important;}
#boxWho li, #boxWho li img {width:15px!important;height:15px!important;}
#boxWho li a img {filter:alpha(opacity=50);}
#boxWho li a:hover img {filter:alpha(opacity=100);}
#boxWho #whowrapper li a:hover img {position:relative;width:30px!important;height:30px!important;}

#boxWho INPUT {
BORDER-RIGHT:#555 1px solid;
BORDER-TOP:#555 1px solid;
FONT-SIZE:7pt;
BACKGROUND:#000;
BORDER-LEFT:#555 1px solid;
COLOR:#aaa;
BORDER-BOTTOM:#555 1px solid;
FONT-FAMILY:verdana;
width:100px;

position:absolute;left:90px;top:1px;}


#footer{
margin:0;padding:0;clear:both;height:50px;
background:#000 fixed no-repeat center;}