/**********************************
作者：spagyric
網址：http://www.wretch.cc/user/spagyric
本css檔案為無名小站(http://www.wretch.cc)所有
僅提供給無名小站(http://www.wretch.cc)使用者套用
***********************************/


/*
  重要：
        此樣式僅限於圖片小於 400px 以內
        可以手動設定 
  
        <img width="320" src="....>
*/

/*user set 
使用者可自行修改banner背景
尺寸：寬(width)：720 像素(pixel)
　　　高(height)：400 像素(pixel)


------------------------------------------------*/

#banner { /*更改banner background*/
background: url('http://l.yimg.com/e/style/5/55/banner.jpg') #440000 no-repeat 0% 0%;
height: 400px;

}


/*General Set
------------------------------------------------*/

html { /* ScrollBar color*/
scrollbar-face-color:#440000;
scrollbar-track-color:#440000;
scrollbar-arrow-color:#5A4F20;
scrollbar-shadow-color:#5A4F20;
scrollbar-highlight-color:#5A4F20;
scrollbar-3dlight-color:#440000;
scrollbar-darkshadow-Color:#440000;
}

body {
font: 8pt Arial ;
color: #907648;
background: url('http://l.yimg.com/e/style/5/55/bg.gif') #5B4826 fixed repeat-x;
margin: 0px;
}

a {
color: #D07A2E;
text-decoration: none;
}
a:hover {
color: #fff;

}

#container1 {
width: 720px;
margin: 0 auto;
padding: 0;
border-right: 5px solid #000;
background: url('http://l.yimg.com/e/style/5/55/containerside.gif') #440000 0px 0px repeat-y;
}

#container2 {
background: url('http://l.yimg.com/e/style/5/55/contentbg.gif') repeat-y 227px;
height: 100%;
}

/*banner and pageheader
------------------------------------------------*/
#pageheader { /* the left-side solid line in banner part */
background: url('http://l.yimg.com/e/style/5/55/containerside_blackbg.gif') repeat-y;
height: 100%;
}

#banner h1 {
text-align: right;
padding-top: 10px;
padding-right: 5px;
}

#banner h1 a { /* the blog main title name */
color: #ccc;
}

h1 .description { 
font-size: 14px;
color: ;
}

#description2 .description { 
color: #666;
font-size: 12px;
padding-left: 30px;
}
#description2 {
position: absolute;
top: 382px;
width: 700px;

}

/*Content
------------------------------------------------*/
#content {
float: right;
width: 497px;
padding-top: 0px;
background: url('http://l.yimg.com/e/style/5/55/contentbg.gif') repeat-y 4px;
text-align: center;
margin-top: 0px;
}

#content input {
border: 0px solid #5A4F20;
background: url('http://l.yimg.com/e/style/5/55/inputbg.gif') no-repeat bottom;
color: #887A3D;
font-family: Arial;}

.blog {
background: url('http://l.yimg.com/e/style/5/55/extrabg.gif') no-repeat 1px 0%;
width: 480px;
text-align: left;
padding-top: 80px;
border: 0px solid;
/*border-left: 1px solid #996666;
border-right: 1px solid #996666;*/
}
.picleft {float: left; padding: 10px;}
.picright {float: right; padding: 10px;}
.piccenter {display: block; padding: 10px;}

.datediv {
color: #B6AA74; border: 0px solid #fff;
padding-left: 0px;
padding-top: 5px;
font-size: 16px; }
.date {
font-weight: bold;
margin-bottom: 0px;
margin-left: 20px;
padding-left: 60px;
background: url('http://l.yimg.com/e/style/5/55/datebg.gif') no-repeat 0% 0%;
height: 30px;

}

.title {

margin-left: 9px;
padding-left: 71px;
padding-top: 5px;
background: url('http://l.yimg.com/e/style/5/55/titlebg.gif') no-repeat 0% 100%;
height: 25px;
margin-top: 0px;
color: #B6AA74; font-size: 16px;
padding-bottom: 0px;

}
.blogbody {
padding-top: 0px; margin-top: 0px;
border: 0px solid;
}
.blogbody2 {}

.extended {
text-align: right;
padding-right: 20px;}
.extended a {
color: #D07A2E;}

.innertext {
padding-left: 20px;
padding-right: 20px;
}


.innertext img {
/*width: 380px;*/
}

.posted {
text-align: right; color: #5A4F20;
padding-top: 0px;
padding-right: 10px;
background: url('http://l.yimg.com/e/style/5/55/postedbg.gif') no-repeat -3px bottom;
height: 97px;
}
.posted a {
color: #D07A2E;}

/*Links
------------------------------------------------*/
#links {
width: 200px;
background: ;
margin: 0px;
margin-left: 17px;}

#links2 {
margin-top: 20px;}

.side a {color: #604030;}

.calendar {
height: 160px;
margin-bottom: 20px;
position: absolute;
top: 215px; 
padding-left: 20px;}

.calendar .calendar {position: relative; margin: 0px; background: transparent; top: 0px;
padding: 0px; background: ;}


#boxProfile {
}

.boxProfile0 {
background: url('http://l.yimg.com/e/style/5/55/tprofile.gif') no-repeat 0% 0%;
height: 40px;}
.boxProfile0 .sidetitle {
display: none;}
.boxProfile1 {
background: url('http://l.yimg.com/e/style/5/55/tm.gif') right;}
.boxProfile1 .side {
background: url('http://l.yimg.com/e/style/5/55/tprofileend.gif') no-repeat bottom right;
padding-bottom: 45px;}

.boxProfileImg {
width: 150px; height: 106px;
background: url('http://l.yimg.com/e/style/5/55/profilelinkimgbg.gif') no-repeat 0% 0%;
padding-top: 14px; padding-left: 20px;
}

.boxProfileLink {
display: block; width: 150px; height: 27px;
background: url('http://l.yimg.com/e/style/5/55/profilelinkbg.gif') no-repeat bottom center;
margin: 0px; padding-top: 3px; padding-left: 30px;
color: #604030;
}
.boxProfile1 select {display: none;}
.boxProfile1 .side br {display: none;}

#boxSlideShow {
background: url('http://l.yimg.com/e/style/5/55/tm.gif');
height: 200px;
}
#boxSlideShow input {
background: transparent;
color: #96836E;
border: 0px solid #604030;
}
#boxSlideShow textarea {
color: #96836E; font-Family: Arial; width: 50px;}
.boxSlideShow0 {
background: url('http://l.yimg.com/e/style/5/55/tslideshow.gif') no-repeat right top;
}
.boxSlideShow0 .sidetitle{ 
padding-top: 40px;
text-align: right;
padding-right: 20px;
color: #96836E;}

.boxSlideShow1 {
background: url('http://l.yimg.com/e/style/5/55/tsearchend.gif') no-repeat bottom right;
height: 100%;}

#boxNewArticle {margin-top: 0px;}

.boxNewArticle0 {
background: url('http://l.yimg.com/e/style/5/55/tnewarticle.gif') no-repeat right top;
height: 40px;}
.boxNewArticle0 .sidetitle {display: none;}
.boxNewArticle1 {
background: url('http://l.yimg.com/e/style/5/55/tm.gif') repeat-y right;}
.boxNewArticle1 .side {
background: url('http://l.yimg.com/e/style/5/55/tnewarticleend.gif') no-repeat bottom right;
padding-bottom: 50px;
padding-left: 30px; padding-right: 15px;}
.boxNewArticle1 .side a {
color: #;
}


#boxCategory {margin-top: 0px;}

.boxCategory0 {
background: url('http://l.yimg.com/e/style/5/55/tcategory.gif') no-repeat right top;
height: 40px;}
.boxCategory0 .sidetitle {display: none;}
.boxCategory1 {
background: url('http://l.yimg.com/e/style/5/55/tm.gif') repeat-y right;}
.boxCategory1 .side {
background: url('http://l.yimg.com/e/style/5/55/tcategoryend.gif') no-repeat bottom right;
padding-bottom: 50px;
padding-left: 40px;
padding-right: 10px;
height: 100%;}


#boxDate {
background: url('http://l.yimg.com/e/style/5/55/tm.gif') ;}
.boxDate0 {
background: url('http://l.yimg.com/e/style/5/55/tdate.gif');
height: 40px;}
.boxDate0 .sidetitle {display: none;}
.boxDate1 .side {
padding-left: 20px;
padding-right: 20px;}
#boxDate select {
background: #130000;
color: #604030;
}

#boxSearch {
background: url('http://l.yimg.com/e/style/5/55/tm.gif') ;}
.boxSearch0 {
background: url('http://l.yimg.com/e/style/5/55/tsearch.gif');
height: 40px;}
.boxSearch0 .sidetitle {display: none;}
.boxSearch1 .side {
background: url('http://l.yimg.com/e/style/5/55/tsearchend.gif') no-repeat bottom right;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 10px;
height: 100%;
}
#boxSearch input {
background: transparent;
border: 1px solid #604030;
color: #907648;
}


#boxNewComment {
background: url('http://l.yimg.com/e/style/5/55/tm.gif') right;}
.boxNewComment0 {
background: url('http://l.yimg.com/e/style/5/55/tcomments.gif') no-repeat;
height: 45px;}

.boxNewComment0 .sidetitle {display: none;}
.boxNewComment1 {
background: url('http://l.yimg.com/e/style/5/55/tcommentsend.gif') no-repeat bottom right;
padding-bottom: 40px;
padding-left: 15px;
}
.boxNewComment1 .side {
overflow: auto;
height: 250px;
width: 170px;
text-align: right;
scrollbar-face-color:#120000;
scrollbar-track-color:#120000;
scrollbar-arrow-color:#999;
scrollbar-shadow-color:#440000;
scrollbar-highlight-color:#440000;
scrollbar-3dlight-color:#120000;
scrollbar-darkshadow-Color:#120000;
}
.boxNewComment1 .side a {
display: block;
text-align: left;
margin-top: 3px;
border-top: 1px dotted #440000;
}
#boxNewComment br {display: none;}




#boxFolder {}
#boxFolder br {display: none;}
#boxFolder .side br {display: inline;}
.boxFolder0 {
background: url('http://l.yimg.com/e/style/5/55/tfolder.gif') no-repeat right;
height: 40px;
}
.boxFolder0 .sidetitle {
padding-left: 40px;
padding-top: 20px;
color: #96836E;
}
.boxFolder1 {
background: url('http://l.yimg.com/e/style/5/55/tm.gif');
}
.boxFolder1 .side {
background: url('http://l.yimg.com/e/style/5/55/tcommentsend.gif') no-repeat bottom right;
padding-top: 10px;
padding-bottom: 40px;
padding-left: 20px;
}


#boxCounter {

}
.boxCounter0 {
background: url('http://l.yimg.com/e/style/5/55/tfolder.gif') no-repeat right;
height: 40px;
}
.boxCounter0 .sidetitle {
padding-left: 40px;
padding-top: 20px;
color: #96836E;}
.boxCounter1 {
background: url('http://l.yimg.com/e/style/5/55/tm.gif') right;}
.boxCounter1 .side {
padding-left: 40px;
padding-top: 10px;
padding-bottom: 15px;}
.syndicate {
background: url('http://l.yimg.com/e/style/5/55/tprofileend.gif') no-repeat bottom right;
height: 42px; padding-left: 20px;}


.powered {
margin-top: 20px;
margin-left: 10px;
color: #440000;
}
.powered img {display: none;}

.powered a {
display: block;
height: 78px;
width: 180px;
background: url('http://l.yimg.com/e/style/5/55/logoimg.gif') no-repeat;
padding-left: -20px;
}
.powered form {
color: #907648;}
.powered form a {
display: inline;
background: transparent;}
.powered form input {
border: 0px;
background: url('http://l.yimg.com/e/style/5/55/inputbg.gif') no-repeat bottom;
color: #887A3D;
font-family: Arial;
}

.powered .powerin , .powered .powerout , .powered .powerjoin , .powered .powerforgot {
display: inline; background: transparent;
}

.powered .powerid {
background: url('http://l.yimg.com/e/style/5/55/ipuew.gif') no-repeat 7px;
font-size: 0px; width: 50px;
}
.powered .powerpassword {
background: url('http://l.yimg.com/e/style/5/55/ipuew.gif') no-repeat -50px;
font-size: 0px;
}

/*Comments
------------------------------------------------*/
.total-comments-div {
margin-left: 5px;
margin-right: 5px;
}


.trackbacks-head .comments-head {
text-align: left;
margin-left: 10px;
}

.trackbacks-head .comments-head .trackback_a  {
display: block;
width: 300px;
height: 30px;
background: url('http://l.yimg.com/e/style/5/55/excerpt.gif') no-repeat;
color: #440000;
font-size: 0px;
text-align: right;
padding-top: 20px;
}

.trackbacks-head .comments-head .trackback_a img {
display: none;
}

.trackbacks-head .comments-head {
background: transparent;
}



.comments-body {

width: 410px;
margin-left: 50px;

}
.comments-body p {
padding-top: 20px;
padding-left: 21px;
background: url('http://l.yimg.com/e/style/5/55/commentsbodyp.gif') 0% 20px no-repeat;
}
.comments-body form {
border: 0px;
}

.comments-head {
background: url('http://l.yimg.com/e/style/5/55/commentandreply.gif') no-repeat 5px 0%;
height: 30px;
text-align: right;
color: #440000;
margin-bottom: 30px;
font-size: 0px;
}

.comments-post {
text-align: right;
color: #5A4F20;
padding-bottom: 4px;
background: url('http://l.yimg.com/e/style/5/55/inputbg.gif') no-repeat bottom right;
}
.comments-post img {
display: none;
}
.comments-post .postuser {

}

.comments-post .postemail {
display: inline-block;
width: 50px; height: 13px;
background: url('http://l.yimg.com/e/style/5/55/ipuew.gif') no-repeat -180px -10px;
margin-left: 5px;
}
.comments-post .postweb {
display: inline-block;
width: 40px; height: 13px;

background: url('http://l.yimg.com/e/style/5/55/ipuew.gif') no-repeat -245px -10px;
}



.comments-bottom .comments-head {
background: url('http://l.yimg.com/e/style/5/55/leaveamessage.gif') no-repeat 5px 0%;
height: 30px;
text-align: right;
color: #440000;
margin-top: 20px;
}

.comments-body input {
border: 0px solid #5A4F20;
background: url('http://l.yimg.com/e/style/5/55/inputbg.gif') no-repeat bottom;
color: #887A3D;
font-family: Arial;}
#url {width: 300px;}
#email {width: 300px;}

#text {
border: 0px solid #5A4F20;
background: url('http://l.yimg.com/e/style/5/55/textbg.gif') 2px left;
color: #887A3D;
font-family: Arial;
width: 370px;
scrollbar-face-color:#440000;
scrollbar-track-color:#440000;
scrollbar-arrow-color:#5A4F20;
scrollbar-shadow-color:#5A4F20;
scrollbar-highlight-color:#5A4F20;
scrollbar-3dlight-color:#440000;
scrollbar-darkshadow-Color:#440000;

}


#footer {
background: url('http://l.yimg.com/e/style/5/55/footer.gif') no-repeat right bottom;
height: 30px; width: 490px;

margin-left: 230px;
}   
