/***************************************
作者：孤單絕對
樣式主題：嬉哈Pink
用途：Blog 專用
網址：http://www.wretch.cc/blog/jayjohn
****************************************/

html {
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ff00ff;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
}
body {
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ff00ff;
scrollbar-shadow-color:#fffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
}

select, input{color: #ffffff; background:#FF8CCC;}


body {
font: 8pt Arial;
color: #ffffff;
background: #ffffff;
margin: 0px;
cursor:crosshair;}

a {
text-decoration: none;
color: #ffffff;cursor:crosshair;
}

a:hover {
color: #ff009f;
text-decoration: none;cursor:crosshair;
}
#container1 { /*the top background*/
background: url('http://l.yimg.com/e/style/7/76/container1.gif') no-repeat;
width: 720px;
margin: 0px auto; padding: 0px
}

#container2 {
margin-top: 175px; /* depend on the top background height you wanna show */
background: #ff8ccc;
height: 100%;
}


#banner {
height: 95px;
/* this sets the second background on the top, the dark side.*/
background: #ff8ccc url('http://l.yimg.com/e/style/7/76/banner.gif') no-repeat;
padding-left: 10px;
padding-right: 10px
}

#banner h1 a {
color: #ffffff; text-decoration: none;
}

#banner h1 a:hover {
color: #ff009f; text-decoration: none;
}

#banner .description {
color: #ff009f; font-size: 14px;
}

#description2 {
padding-top: 14px;
text-align: right;
padding-right: 10px;
padding-left: 10px;

}
#description2 .description {
color: #ffffff;
font-size: 12px;
}

#content {
float: left;
width: 520px;
}
.blog {
padding-left: 20px;
padding-right: 15px;
}

#content img {max-width: 450px;} /* this style for FireFox only */
.picleft {float: left; margin: 10px;}
.picright {float: right; margin: 10px;}
.piccenter {display: block; margin: 10px;}

.date {
color: #ffffff; font-size: 12px;
background: url('http://l.yimg.com/e/style/7/76/date.gif') no-repeat top left;
padding-left: 38px;
padding-top: 7px;
padding-bottom: 8px 
}

.title {
padding-bottom: 3px;
border-bottom: 0px dotted #ffccff;
margin-left: 20px;
}

.extended {text-align: right; margin-top: 0px;}

.articletext {
border: 1px solid #ff009f;
padding: 10px;
}
.posted {
background: none ;
padding-bottom: 6px;
padding-top: 5px;
padding-right: 10px;
text-align: right;
margin-bottom: 30px;
}

#links {

width: 180px;
right: 0px;
margin-left: 470px
}

.calendar {margin-top: 20px; margin-bottom: 20px;}

.sidetitle {
background: url('http://l.yimg.com/e/style/7/76/sidetitle.gif') no-repeat 0px 0px;
padding-bottom: 10px;
padding-left: 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
border: 0px solid red
}

.boxProfileImg img {
padding: 5px;
margin-left: 20px;
background: #ffffff;
}

.boxProfile1 {
padding-left: 10px;

}

#SlidePicLink img {
width: 70px;
}

.boxSlideShow1 {
height: 180px;
}

.boxNewArticle1 {
border-left: 1px solid #ffffff;
padding-left: 5px;
margin-left: 10px;
}

.boxCategory1 {
border-left: 1px solid #ffffff;
padding-left: 5px;
margin-left: 10px;

}

.boxNewComment1 {
margin-bottom: 20px;
height: 200px;
overflow: auto;

scrollbar-face-color:#ffccff;
scrollbar-track-color:#ffccff;
scrollbar-arrow-color:#ffccff;
scrollbar-shadow-color:#ffccff;
scrollbar-highlight-color:#ffccff;
scrollbar-3dlight-color:#ffccff;
scrollbar-darkshadow-Color:#ffccff;
}



.boxNewComment1 .side {
text-align: right;

}

.boxNewComment1 a {
display: block;
text-decoration: none;
text-align: left;
padding: 2px;
background: #ff99cc;
color: #ff33cc;
}

.boxNewComment1 a:hover {
background: #ff8ccc;
color: #ffffff;
}

.boxFolder1 {
text-align: right;
padding-right: 3px;
border-right: 1px solid #ffffff;
}

.boxFolder1 a {
border-right: 1px solid #ffffff;
padding-right: 5px;
}

.boxFolder1 a:hover {
border-right: 1px solid #ffffff;


}


.boxCounter1 {
padding-left: 20px;
font-weight: bold;
}

.syndicate {
margin-top: 20px;
margin-bottom: 20px;
text-align: right;
}


.total-comments-div {
border: 0px solid #ff8ccc;
margin-left: 83px;

}
.comments-head {
background: url('http://l.yimg.com/e/style/7/76/comments-head.gif') no-repeat 0px 0px;
border-bottom: 1px solid #ff8ccc;
padding-left: 45px;
font-weight: bold;
letter-spacing: .2em; padding-right:7px; padding-top:7px; padding-bottom:7px
}

.comments-body {
border-left: 1px solid #ffccff;
border-right: 1px solid #ffccff;
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid #ffccff;
color: #ffffff;
}
.comments-body p {
padding-left: 50px;
padding-right: 30px;
}

.comments-bottom .comments-head {
background: #ffccff;
color: #ffffff;
border-bottom : 1px solid #ffccff;
text-align: right;
padding-right: 20px;
}

.comments-post {
text-align: right;
color: #ffccff;
padding-bottom: 10px;
border-bottom: 1px dotted #ffffff;
margin-left: 0px;
padding-right: 10px;

}


.comments-body form {
border-bottom: 1px solid #ffccff;
padding: 10px;
text-align: right;
}
input {
border: 0px dotted #ffffff;
background: #ffccff;
color: #ffffff;
}
#url {width: 85%;}
#email {width: 85%;}
#text {
font-family: Arial;
width: 350px;
border: 0px solid #ffccff;
color: #ffffff;
background: url('http://l.yimg.com/e/style/7/76/text.gif') no-repeat fixed 90% 90%;
padding-top:50pt; text-align:left; background-attachment:fixed
}


#footer {
width: 100%;
background: url('http://l.yimg.com/e/style/7/76/footer.gif') no-repeat bottom 50%;
height: 32px
}
                     
.comments-post img {
display: none;
}
.comments-post .postuser {
background: url('http://l.yimg.com/e/style/7/76/postuser.gif') no-repeat ;
padding-left: 17px
}

.comments-post .postemail {
display: inline-block;
width: 40px; height: 13px;
background: url('http://l.yimg.com/e/style/7/76/postemail.jpg') no-repeat ;
margin-left: 5px  
}
 