/*--------------------------------
作者:ruby81219
網址:http://www.wretch.cc/blog/ruby81219
--------------------------------*/
body {
background:#fff;
background-image:url(http://farm4.static.flickr.com/3100/2759737290_44cc9d514b_o.png);
background-repeat:no-repeat;
background-position:180px 10px;}
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#ffff00;
text-decoration:none;
}
#links BR {
LINE-HEIGHT:1px;
}
#links {
border:#fff 1px solid;
letter-spacing:1px;
padding:5px;
font-size:7pt;
float:right;
overflow:auto;
width:200px;
margin-right:5px;
margin-top:50px;
font-family:verdana;
background-color:#fff;
overflow-x:hidden;
}
#links .sidetitle {
margin-bottom:5px;
}
#links #boxCategory A {
DISPLAY:inline;
LINE-HEIGHT:17px;
}
#links a:hover {
color:#ccc;
}
.side a {
display:block;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
}
.sidetitle {
border-bottom:#ccc 1px solid;
padding-left:5px;
font-weight:normal;
font-size:7pt;
color:#000;
font-family:verdana;
letter-spacing:1px;
padding-bottom:3px;
padding-top:3px;
}
#pageheader h1 a {
left:115px;
top:150px;
color:#000;
font-family:verdana;
font-size:7pt;
position:absolute;
letter-spacing:2px;
font-weight:normal;
padding:5px;
background-color:#ffff00;
width:741px;
text-align:center;
}

#pageheader h1 a:hover {
color:#ffff00;
background-color:#ff0000;
}
#pageheader .description {
}
#pageheader #description2 .description {
color:#000;
font-family:verdana;
font-size:7pt;
position:absolute;
letter-spacing:2px;
top:180px;
left:200px;
letter-spacing:1px;

background-repeat:no-repeat;
background-position:100% 50%;
width:350px;
height:10px;
}
html {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
}

#banner {
background:no-repeat scroll 50% 0%;
clear:both;
height:90px;
margin:0;
padding:0;
}
#container1{
width:750px;
margin:150px auto;
background:#ff0000;

background-position:0px 0px;
border:#ececec 1px solid;
}
#content {
border:#fff 1px solid;
padding:3px;
font-size:7pt;
float:left;
overflow:auto;
font-family:verdana;
width:500px;
margin-top:50px;
margin-left:5px;
background:#fff;}

.blogbody2 {
margin-left:10px;
margin-bottom:20px;
}
.date {
padding:3px;
font-weight:normal;
font-size:7pt;
color:#000;
font-family:verdana;
letter-spacing:1px;
background-attachment:fixed;
background-position:left center;
background-repeat:no-repeat;
padding-left:15px;
margin-left:320px;
background:#ffff00;
width:150px;}

.title {
letter-spacing:1px;
background-position:left center;
padding-left:15px;
font-weight:normal;
font-size:7pt;
background-attachment:fixed;
color:#000;
background-repeat:no-repeat;
font-family:verdana;
margin:5pt 0pt 0pt 0pt;
line-height:10px;
}

innertext {
padding-left:10px;
color:#000000;
line-height:20px;
letter-spacing:1px;
}
.articletext .innertext br {
letter-spacing:0pt;
}
.total-comments-div input {
border:#000 1px solid;
display:block;
font-size:7pt;
color:#000000;
font-family:verdana;
}
.total-comments-div .comments-head {
display:none;
}
.total-comments-div .comments-bottom .comments-head {
display:none;
}
.total-comments-div .comments-body form {
padding:10px;
color:#000;
line-height:20px;
text-align:left;
}
.total-comments-div .comments-body br {
letter-spacing:0pt;
}
.total-comments-div .comments-body .comments-post {
text-align:left;
}
.total-comments-div .comments-body .comments-post a {
color:#000;
}
.total-comments-div .comments-body .comments-post a:hover {
color:#ff0000;
}
div.comments-body #text {
border:1px #000 solid;
font-size:7pt;
color:#000000;
font-family:verdana;
letter-spacing:1px;
}
.total-comments-div .comments-body {
background-color:#fff;
border-bottom:#fff 1px solid;
letter-spacing:1px;
padding:10px;
}
.total-comments-div .comments-body p {
padding:15px;
}
#text{
width:350px !important;
height:200px !important;
border:1px #000 solid;
}
.calendar {
display:none;
}
.boxGiftLink {
display:none;
}
.boxAddFriendLink {
display:none;
}
#boxSearch {
display:none;
}
#boxDate {
display:none;
}
#boxNewComment {
}
#boxNewComment .sidetitle {
}
#boxNewComment .boxNewComment1 .side {
color:#fff;
line-height:1px;
}

#boxNewComment .boxNewComment1 .side a {
display:block;
width:170px;
line-height:15px;
}

.comments-reply .comments-author {
padding-right:10px;
font-size:7pt;
filter:alpha(opacity=100);
padding-bottom:10px;
color:#000;
padding-top:10px;
padding-bottom:10px;
font-family:verdana;
background-color:#ffff00;
letter-spacing:1px;
}

#boxCounter {
letter-spacing:2px;
right:px;
top:215px;
left:580px;
color:#000;
position:absolute;
width:255px;
padding:5px;
padding-left:25px;
border-bottom:px solid;
background-color:#ffff00;}

.boxCounter1 .side br{
display:none;
}
#boxCounter .sidetitle {
display:none;
}
#links .powered .powerlogo img {
display:none;
}
h1 .description {
display:none;
}
.boxMySpaceImg {
}
.boxMySpaceImg a {
}
#friendlist {
background-color:#fff;
color:#ff0000;
font-size:7pt;
font-family:verdana;
top:23px;
left:30px;
position:absolute;
clip:rect(2px 75px 16px 2px);
}
.posted {
FONT-SIZE:0px;
COLOR:#fff;
font-family:verdana;
MARGIN-BOTTOM:10px;
padding:2px;
border-bottom:1px solid #ccc;
LETTER-SPACING:-1px;
TEXT-ALIGN:right;
}
.posted a {
font-size:7pt;
font-family:verdana;
MARGIN-RIGHT:5px;
LETTER-SPACING:1px;
}
#boxCategory {
}
#blogCategory {
display:none;
}
#SlidePicTitle {
font-size:7pt;
font-family:verdana;
}
.comments-reply .comments-author {
padding-right:10px;
font-size:7pt;
filter:alpha(opacity=100);
padding-bottom:10px;
color:#000;
padding-top:10px;
padding-bottom:10px;
font-family:verdana;
background-color:#ffff00;
letter-spacing:1px;
}
.comments-reply .comments-author p {
padding:10px;
}
.comments-reply .comments-author br {
letter-spacing:0pt;
}
#service li {
border-bottom:#fff 1px solid;
}


#boxCategory a img {display:none;}

.extended {
margin-right:10px;
text-align:right;
letter-spacing:1px;
}

.boxNewTrackback1 span {display:none;}

div#article_counter {
padding:5px;
width:170px;
background-color:#ffff00;
color:#000;
text-align:center;
}

#links #serviceList {
position:absolute;
top:240px;
left:580px;
width:500px;
}
#serviceList li{
float:left;
}
a#linkAlbum {
border:#fff 1px solid;
width:48px;
padding-right:4px;
padding-left:4px;
padding-top:5px;
padding-bottom:5px;}
text-align:center;
font-size:15px;
FONT-FAMILY:verdana;
}
a#linkGbook {
border:#fff 1px solid;
width:48px;
padding-right:4px;
padding-left:4px;
padding-top:5px;
padding-bottom:5px;}
text-align:center;
font-size:7pt;
FONT-FAMILY:verdana
}

a#linkBlog {
border:#fff 1px solid;
width:48px;
padding-right:4px;
padding-left:4px;
padding-top:5px;
padding-bottom:5px;}
text-align:center;
FONT-FAMILY:verdana;
font-size:8pt;
}
a#linkUser {
border:#fff 1px solid;
width:48px;
padding-right:4px;
padding-left:4px;
padding-top:5px;
padding-bottom:5px;}
text-align:center;
font-size:7pt;
FONT-FAMILY:verdana;
}

a#linkFriend {
border:#fff 1px solid;
width:45px;
padding-right:4px;
padding-left:4px;
padding-top:5px;
padding-bottom:5px;}
text-align:center;
font-size:7pt;
FONT-FAMILY:verdana;
}
a#linkMypage{background:#ffff00;}
a#linkAlbum{background:#ffff00;}
a#linkBlog{background:#ff0000;color:#000!important;}
a#linkGbook{background:#ffff00;}
a#linkUser{background:#ffff00;}
a#linkFriend{background:#ffff00;}
a#linkVideo{display:none!important;}

a#linkMypage:hover{background:#fff;color:#000!important;}
a#linkAlbum:hover{background:#fff;color:#000!important;}
a#linkBlog:hover{background:#fff;color:#000!important;}
a#linkGbook:hover{background:#fff;color:#000!important;}
a#linkUser:hover{background:#fff;color:#000!important;}
a#linkFriend:hover{background:#fff;color:#000!important;}

#linkMypage{display:none!important;}
.total-comments-div .comments-body .comments-user p {float:left;}
.total-comments-div .comments-body .comments-user p.cmt_floor {float:right;}
.cmt_floor {background:#ffff00;color:#000;padding:5px;}

#boxWho{position:absolute;top:180px;left:580px;}
#boxWho input {WRITING-MODE:tb-rl;}
#boxWho div#whowrapper{width:600px!important;text-align:center;}
#boxWho li, #boxWho li img{width:26px !important;height:26px !important;border:#aaaaaa 1px solid;}
#boxWho #whowrapper li a {}
#boxWho #whowrapper li a img {}
#boxWho #whowrapper li a:hover img {}
#boxWho img , #boxWho a{}
#boxWho .sidetitle {display:none;}

INPUT {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;FONT-SIZE:7pt;BACKGROUND:#fff;BORDER-LEFT:#000 1px solid;COLOR:#666;BORDER-BOTTOM:#000 1px solid;FONT-FAMILY:verdana;}

#footer {
clear:both;
padding-right:0px;
padding-left:0px;
background:url(http://f4.wretch.yimg.com/ruby81219/18/1489924466.jpg?O2wVqUBDcB5ucsccWUpXYyLZlKFc199y.1rnPwd5xkWPlg3An7.3A1DRSyU-) #ff0000 no-repeat left center;
padding-bottom:0px;
margin:0px;
padding-top:0px;
height:30px;
}