/*****************************************
作者：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:#222;
SCROLLBAR-TRACK-COLOR:#000;
SCROLLBAR-DARKSHADOW-COLOR:#000;}

BODY {
BACKGROUND:url(http://f4.wretch.yimg.com/mimi579/51/1515694812.jpg?.v2M8xFDcRcrOSBwg1RVMigKA3mUJz_oDIxLXWhgR2JyIJj688.RXzrO) #000 fixed no-repeat 585px 195px;
color:#fff;font:7pt verdana;letter-spacing:2px;
}


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

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

#pageheader .description{
position:absolute;left:-149px;font:0pt verdana;font-weight:normal;color:#fff;
text-align:left;display:block;padding-left:5px;}

#banner a {
width:623px;
color:#fff;
border:#000 0px solid;
background:#000;
text-align:center;
position:absolute;
top:1px;left:50px;
font-size:7pt;
display:block;
font-family:verdana;
padding:5px 0px;
font-weight:normal;
}

#banner a:hover {
display:block;
color:#ccc;
background:#000;
}

#pageheader #description2 .description{
position:absolute;top:30px;left:2px;text-align:left;
height:20px;width:330px;padding:2px 0px 2px 10px;
font:7pt verdana;color:#fff;background:#000;filter:alpha(opacity=100);
border:0px #555 solid;border-right:none;
overflow:auto;SCROLLBAR-FACE-COLOR:#000;
SCROLLBAR-HIGHLIGHT-COLOR:#000;
SCROLLBAR-SHADOW-COLOR:#000;
SCROLLBAR-3DLIGHT-COLOR:#000;
SCROLLBAR-ARROW-COLOR:#222;
SCROLLBAR-TRACK-COLOR:#000;
SCROLLBAR-DARKSHADOW-COLOR:#000;
line-height:15pt;letter-spacing:1px;}

#links #serviceList {
left:14px;
width:200px;
position:absolute;
top:78px;}

#serviceList li {
float:left;margin:0px 0px 0px;}

#serviceList li a {
display:block;
font-size:7pt;
color:#fff;
width:10px;
padding-left:13px;
padding-right:13px;
padding-top:10px;
letter-spacing:1px;
text-align:center;
margin-top:2px;
margin-right:2px;
border:#555 1px solid;
filter:alpha(opacity=60);}

a#linkAlbum{background:#222;}
a#linkBlog{background:#000;}
a#linkGbook{background:#222;}
a#linkUser{background:#222;}
a#linkFriend{background:#222;}
a#linkMypage{background:#222;}

A#linkAlbum:hover {COLOR:#fff;background:#000;}
A#linkBlog:hover {COLOR:#fff;background:#000;}
A#linkGbook:hover {COLOR:#fff;background:#000;}
A#linkUser:hover {COLOR:#fff;background:#000;}
a#linkFriend:hover {COLOR:#fff;background:#000;}
a#linkMypage:hover {COLOR:#fff;background:#000;}

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



#container1{
margin-left:2px;
width:800px;

margin-top:60px;
background:#222;
border:#555 1px solid;filter:alpha(opacity=60);}

#links{
overflow:auto;
overflow-x:hidden;float:left;margin:5px;
margin-top:70px;
margin-bottom:50px;
margin-left:5px;
padding-top:0px;
padding-bottom:50px;
padding-left:5px;
padding-right:5px;
width:240px;
border:#ccc 0px solid;
background:#fff;
background:#222 no-repeat fixed center bottom;}

#links a {
padding-left:8px;
font-size:7pt;
font-family:verdana;
letter-spacing:2px;}

#content{
float:right;
margin-right:0px;
margin-bottom:20px;
margin-top:5px;
overflow:auto;
overflow-x:hidden;
width:530px;
padding:10px 5px 10px 5px;
border-bottom:#555 8px solid;}


.date{
margin-top:0px;
padding:5px;
padding-top:6px;
float:right;
width:150px;height:17px;
color:#fff;font:8pt Comic Sans MS;text-align:center;
letter-spacing:1px;border:#555 0px solid;}

.title{margin-top:0px;
padding:5px;
padding-top:8px;
padding-left:10px;
color:#fff;
font:10pt SimHei;
line-height:12pt;
text-align:left;border:#555 1px solid;}

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


.boxMySpace1 .side{text-align:center;}
.boxMySpace1 .side a img{border:0px #fff solid;background:#222;filter:alpha(style=2);}
.boxMySpace1 .side a:hover img{filter:alpha(style=2);border:0px #333 solid;border-left:60px #333 solid;border-right:60px #333 solid;}
.boxMySpace1 select{position:absolute;top:57px;left:800px;
font:7pt verdana;background:#222;color:#fff;clip:rect(2px 80px 15px 2px);border:#ccc 1px solid;border-right:none;}
.boxMySpace1 select optgroup{background:#222;color:#fff;}


#boxCounter{width:30px;position:absolute;top:65px;left:807px;}
.boxCounter0 .sidetitle{display:none;}
.boxCounter1 .side{writing-mode:tb-rl;line-height:12pt;width:35px;height:185px;
padding-left:5px;color:#fff;
border-top:#000 0px double;cursor:help;
border-left:#000 0px double;cursor:help;
border-right:#000 0px double;cursor:help;
border-bottom:#000 0px double;cursor:help;}

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

#boxWho .sidetitle {text-align:center;}
#boxWho{position:absolute;top:30px;left:348px;}
#boxWho input {}
#boxWho div#whowrapper{width:235px !important;}
#boxWho li, #boxWho li img{width:19px !important;height:19px !important;border:1px #555 solid;}
#boxWho #whowrapper li a {}
#boxWho #whowrapper li a img {}
#boxWho #whowrapper li a:hover img {}
#boxWho a img {filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img{width:50px!important;height:50px!important;filter:alpha(opacity=70);position:relative;border:1px #000 solid;}
#boxWho img , #boxWho a{}
#boxWho .sidetitle {display:none;}

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

position:absolute;left:230px;top:5px;}

#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:#ccc;}

.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:#ccc;}


#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:#ccc;}

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{
text-align:left;
border:none;
padding-top:10px;
margin-top:10px;
margin-left:0px;}

.total-comments-div .trackbacks-head .comments-head{
color:#fff;
FONT-FAMILY:SimHei;
font-size:0px;
line-height:45px;
letter-spacing:-1pt;
padding:5px;
padding-left:15px;
margin:10px;
text-align:left;
background:top left no-repeat;}

.total-comments-div .comments-head{
color:#ff3366;
FONT-FAMILY:SimHei;
font-size:0px;
line-height:45px;
letter-spacing:-1pt;
padding:5px;
padding-left:15px;
margin:10px;
text-align:left;
background:top left no-repeat;}

.total-comments-div .comments-body{
color:#fff;
line-height:17px;
letter-spacing:1pt;
padding:20px;
background:#222;
border:1px solid #555;
}

.total-comments-div .comments-body .comments-post{
text-align:right;
color:#fff;
padding-top:20px;
padding-bottom:10px;}

.total-comments-div .comments-body .comments-post a{
color:#ccc;}
.total-comments-div .comments-body .comments-post a:hover{
color:#fff;}
.total-comments-div .comments-body form{
text-align:left;}


#text{
scrollbar-face-color:#000;
scrollbar-track-color:#000;
scrollbar-3dlight-color:#000;
scrollbar-darkshadow-Color:#000;
scrollbar-arrow-color:#555;
scrollbar-shadow-color:#000;
scrollbar-highlight-color:#000;
width:400px !important;
height:100px !important;
color:#fff;
font-size:10px;
font-family:verdana;
border:1px solid #555;
letter-spacing:2px !important;
background:center bottom no-repeat #222;}

#url, #email, #name_id{
display:block;
letter-spacing:1px !important;
background:#222;
width:400px;
height:15px;
padding-top:4px;
padding-left:5px;
font-size:10px;
font-family:verdana;
color:#fff;
border-bottom:1px solid #555;

}
.comments-post img{
visibility:hidden;
width:10px !important;
height:10px !important;}



.comments-reply .comments-author{
background:#222;
border:1px solid #555;
padding-top:20px;
padding-left:20px;
color:#ccc;
letter-spacing:2px;}

.cmt_floor{
color:#fff;
background:#222;
width:50px;
line-height:17px;
letter-spacing:2pt;
border:1px solid #555;
text-align:center;
}
.total-comments-div .comments-body .comments-user p{float:left;}
.total-comments-div .comments-body .comments-user p.cmt_floor{float:right;}
.comments-body form input{border:none;background:#none;}

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


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