/***************************************
作者：pclover
樣式主題：濃情咖啡花香
網址：http://www.wretch.cc/blog/pclover
****************************************/

html {
scrollbar-face-color:#D2C3B4;
scrollbar-track-color:#5A4B3C;
scrollbar-arrow-color:#5A4B3C;
scrollbar-shadow-color:#D2C3B4;
scrollbar-highlight-color:#D2C3B4;
scrollbar-3dlight-color:#5A4B3C;
scrollbar-darkshadow-Color:#5A4B3C;
}
body {
scrollbar-face-color:#D2C3B4;
scrollbar-track-color:#D2C3B4;
scrollbar-arrow-color:#D2C3B4;
scrollbar-shadow-color:#D2C3B4;
scrollbar-highlight-color:#D2C3B4;
scrollbar-3dlight-color:#D2C3B4;
scrollbar-darkshadow-Color:#D2C3B4;
}

select, input{color: #5A4B3C; background:#D2C3B4;}


body {
font: 8pt Arial;
color: #5A4B3C;
background: #5A4B3C;
margin: 0px;
cursor:crosshair;}

a {
text-decoration: none;
color: #5A4B3C;cursor:crosshair;
}

a:hover {
color: #87693C;
text-decoration: none;cursor:crosshair;
}
#container1 { /*the top background*/
background: url(http://l.yimg.com/e/style/6/60/container1.jpg) no-repeat 0% 0%;
width: 720px;
margin: 0px auto; padding: 0px;
}

#container2 {
background: #D2C3B4;
height: 100%;
}


#banner {
height: 95px;
/* this sets the second background on the top, the dark side.*/
background: url(http://l.yimg.com/e/style/6/60/banner.jpg) #D2C3B4 no-repeat 0% 0%;
padding-left: 10px;
padding-right: 10px;
}

#banner h1 a {
color: #D2C3B4; text-decoration: none;
}

#banner h1 a:hover {
color: #5A4B3C; text-decoration: none;
}

#banner .description {
color: #D2C3B4; font-size: 14px;
}

#description2 {
padding-top: 14px;
text-align: right;
padding-right: 10px;
padding-left: 10px;

}
#description2 .description {
color: #D2C3B4;
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: #5A4B3C; font-size: 12px;
background: url(http://l.yimg.com/e/style/6/60/date.jpg) no-repeat top left;
padding-left: 38px;
padding-top: 7px;
padding-bottom: 8px; 
}

.title {
padding-bottom: 3px;
border-bottom: 0px dotted #5A4B3C;
margin-left: 20px;
}

.extended {text-align: right; margin-top: 0px;}

.articletext {
border: 1px solid #5A4B3C;
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/6/60/sidetitle.jpg) no-repeat 0px 0px;
padding-bottom: 10px;
padding-left: 20px;
font-size: 12px;
font-weight: bold;
color: #5A4B3C;
border: 0px solid red;
}

.boxProfileImg img {
padding: 5px;
margin-left: 20px;
background: #5A4B3C;
}

.boxProfile1 {
padding-left: 10px;

}

#SlidePicLink img {
width: 70px;
}

.boxSlideShow1 {
height: 180px;
}

.boxNewArticle1 {
border-left: 1px solid #5A4B3C;
padding-left: 5px;
margin-left: 10px;
}

.boxCategory1 {
border-left: 1px solid #5A4B3C;
padding-left: 5px;
margin-left: 10px;

}

.boxNewComment1 {
margin-bottom: 20px;
height: 200px;
overflow: auto;

scrollbar-face-color:#D2C3B4;
scrollbar-track-color:#D2C3B4;
scrollbar-arrow-color:#5A4B3C;
scrollbar-shadow-color:#5A4B3C;
scrollbar-highlight-color:#5A4B3C;
scrollbar-3dlight-color:#D2C3B4;
scrollbar-darkshadow-Color:#D2C3B4;
}



.boxNewComment1 .side {
text-align: right;

}

.boxNewComment1 a {
display: block;
text-decoration: none;
text-align: left;
padding: 2px;
background: #C3C3B4;
color: #5A4B3C;
}

.boxNewComment1 a:hover {
background: #C3C3B4;
color: #5A4B3C;
}

.boxFolder1 {
text-align: right;
padding-right: 3px;
border-right: 1px solid #5A4B3C;
}

.boxFolder1 a {
border-right: 1px solid #D2C3B4;
padding-right: 5px;
}

.boxFolder1 a:hover {
border-right: 1px solid #5A4B3C;


}


.boxCounter1 {
padding-left: 20px;
font-weight: bold;
}

.syndicate {
margin-top: 20px;
margin-bottom: 20px;
text-align: right;
}


.total-comments-div {
border: 0px solid #5A4B3C;
margin-left: 83px;

}
.comments-head {
background: url(http://l.yimg.com/e/style/6/60/comments-head.jpg) no-repeat 0px 0px;
border-bottom: 1px solid #5A4B3C;
padding: 7px;
padding-left: 45px;
font-weight: bold;
letter-spacing: .2em
}

.comments-body {
border-left: 1px solid #5A4B3C;
border-right: 1px solid #5A4B3C;
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid #D2C3B4;
color: #5A4B3C;
}
.comments-body p {
padding-left: 50px;
padding-right: 30px;
}

.comments-bottom .comments-head {
background: #5A4B3C;
color: #D2C3B4;
border-bottom : 1px solid #5A4B3C;
text-align: right;
padding-right: 20px;
}

.comments-post {
text-align: right;
color: #5A4B3C;
padding-bottom: 10px;
border-bottom: 1px dotted #5A4B3C;
margin-left: 0px;
padding-right: 10px;

}


.comments-body form {
border-bottom: 1px solid #5A4B3C;
padding: 10px;
text-align: right;
}
input {
border: 0px dotted #5A4B3C;
background: #C3C3B4;
color: #5A4B3C;
}
#url {width: 85%;}
#email {width: 85%;}
#text {
font-family: Arial;
width: 350px;
border: 0px solid #5A4B3C;
color: #5A4B3C;
background: url(http://l.yimg.com/e/style/6/60/text.jpg) no-repeat 90% 90%;
background-attachment: fixed;padding-top: 50pt;text-align:left;
}


#footer {
width: 100%;
background: url(http://l.yimg.com/e/style/6/60/footer.jpg) transparent no-repeat bottom 50%;
height: 32px;
}
                     
.comments-post img {
display: none;
}
.comments-post .postuser {
background: url(http://l.yimg.com/e/style/6/60/postuser.jpg) no-repeat ;
padding-left: 17px;
}

.comments-post .postemail {
display: inline-block;
width: 40px; height: 13px;
background: url(http://l.yimg.com/e/style/6/60/postemail.jpg) no-repeat ;
margin-left: 5px;}

.comments-post .postweb {
display: inline-block;
width: 40px; height: 13px;
background: url(http://l.yimg.com/e/style/6/60/postweb.jpg) no-repeat ;
}