/*
gorillaz and banana , 
css and design by spagyric, http://www.wretch.cc/blog/spagyric
modified by lindaz , http://www.wretch.cc/blog/lindaz
不建議使用者修改
*/


/* general set
-----------------------*/
html {
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #fff;
scrollbar-shadow-color: #000;
scrollbar-darkshadow-color: #fff;
scrollbar-track-color: #fff;
scrollbar-face-color: #000;
scrollbar-arrow-color: #fff;
background: url('http://l.yimg.com/e/style/1/142/html.gif') black repeat-x;
}
body {
margin: 0px;
background: url('http://l.yimg.com/e/style/1/142/body.gif') repeat-y center ;
font-size: .8em;
}
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
#pageheader{
    font-size: 15px;
position:absolute;
top: 310px;
left:30px;
width: 450px;

}
.description{
    font-size:15px;


}
.description2{
    font-size:30px;
}
/* container and main2
-----------------------*/
#container1 {
margin: 0px auto;
width: 800px;
position: relative;
}
#main2 {
background: url('http://l.yimg.com/e/style/1/142/main2.jpg') no-repeat top left;
height: 100px;
}
#extraDiv1{
    position: absolute;
top:200px;
right:450px;
height:102px;
width: 270px;
background: url('http://l.yimg.com/e/style/1/142/extraDiv1.gif') no-repeat ;
}
#extraDiv2{
    height: 490px;
width: 25px;
background: url('http://l.yimg.com/e/style/1/142/extraDiv2.gif') no-repeat ;
position: absolute ;
top: 0px;
left:-25px;
}
#extraDiv3{
    height:490px;
width:25px;
    background: url('http://l.yimg.com/e/style/1/142/extraDiv3.gif') no-repeat;
position: absolute;
top: 0px;
right: -26px;
}
#extraDiv4{
    height:137px;
width:241px;
    background: url('http://l.yimg.com/e/style/1/142/extraDiv4.gif') no-repeat;
position: absolute;
top: 40px;
left: 100px;
}
/* banner
-----------------------*/
#banner {
height: 380px;
width: 800px;
background: url('http://l.yimg.com/e/style/1/142/banner.gif') no-repeat 400px 0px;
}
#banner h1 {
font-size: 12px;
margin-top: 0px;
}
#banner h1 a {
}
#banner h1 .description {
    
}
#banner #description2 {
}



/* content
-----------------------*/
#content {
float: left;
width: 495px;
padding-left:40px;
margin-top: 50px;
}

.date {
font-size: 16px;
text-align: right;
background: url('http://l.yimg.com/e/style/1/142/date.gif') no-repeat 270px 0px;
padding-left:100px;
padding-top: 15px;
height: 23px;
border-bottom: 1px solid black;
}
.title {
font-size: 16px;
background: url('') #c8c8c8 no-repeat top left;
margin: 5px;
text-align: left;
padding-left: 20px;

}
.innertext { /* width: 450px; */
padding: 0px 20px 0px 20px;
background-color: gray;
    border: 1px solid gray;
}
.innertext img {
max-width: 445px;
}
.extended {
text-align: right;
padding-right: 20px;
font-size: 10px;
}
.posted {
background: #c8c8c8;
height: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin: 20px;
font-size: 10px;
text-align: right;
padding-right: 18px;

}

/* comments
-----------------------*/
.total-comments-div {
width: 400px;
margin-left: 20px;
}

.comments-post {
background: url('http://l.yimg.com/e/style/1/142/posted.jpg') no-repeat 50% 100%;
height: 40px;
font-size: 10px;
text-align: right;
}
.comments-head {/*回應*/
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat -4px -360px;
font-size: 0px;
letter-spacing: -2px;
color: #fff;
text-align: right;
border-bottom: 1px solid gray;
height: 38px;

}
.trackbacks-head .comments-head { /*引用*/
background-position: -4px -400px;

}
.comments-bottom .comments-head {  /*寫回應*/
background-position: -4px -440px;

}

#text {
width: 95%;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-track-color: #fff;
scrollbar-face-color: #fff;
scrollbar-arrow-color: #000;
}

/* links 
-----------------------*/
#links {
width: 230px;
float: right;
}



/* links detail
-----------------------*/
.calendar {
font-size: 11px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -475px;
padding-top: 38px;
height: 0px;
}

.calendar .calendar {
background: transparent;
padding: 0px;
}

#boxProfile .sidetitle {display: none;}
#boxProfile .boxProfile0 {
height: 38px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -5px;
}
#boxProfile .side {
padding-left: 10px;
}

#boxSlideShow .sidetitle {
background: #fff;
display:none;
}
#boxSlideShow .boxSlideShow0 {
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -43px;
height:38px;


}
#boxSlideShow .side {
padding-left: 10px;
}

#boxNewArticle .sidetitle {display: none;}
#boxNewArticle .boxNewArticle0 {
height: 38px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -81px;
  
}
#boxNewArticle .side {
padding-left: 10px;
}

#boxCategory .sidetitle { display: none;}
#boxCategory .boxCategory0 {
height: 40px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -119px;

}
#boxCategory .side {
padding-left: 10px;
}

#boxDate .boxDate0 {display: none;}
#boxDate .side {padding-left: 10px;}

#boxSearch .sidetitle {display: none;}
#boxSearch .boxSearch0 {
height: 38px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -161px;

}

#scupioSearch .sidetitle {display: none;}


#boxNewComment .sidetitle {display: none;}
#boxNewComment .boxNewComment0 {
height: 38px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -200px;

}
#boxNewComment .side {
text-align: right;
padding-left: 10px;
padding-right: 10px;
font-size: 10px;
}
#boxNewComment .side br {display: none;}
#boxNewComment .side a {
display: block;
text-align: left;
font-size: 11px;
}



#boxRssList .sidetitle {display: none;}
#boxRssList .boxRssList0 {
height: 38px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -238px;

}
#boxRssList .side {
padding-left: 10px;
padding-right: 10px;
font-size; 11px;
}
#boxRssList .side br {display: none;}
#boxRssList .side a {
display: block;
text-align: right;
}


#boxNewTrackback .sidetitle {display: none;}
#boxNewTrackback .boxNewTrackback0 {
height: 38px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -280px;

}
#boxNewTrackback .side br {display: none;}
#boxNewTrackback .side {
padding-left: 10px;
padding-right: 10px;
text-align: right;
font-size: 10px;
}
#boxNewTrackback .side a {
display: block;
text-align: left;
font-size: 11px;
}
#boxNewTrackback .side span a {
display: inline;
text-align: right;
font-size: 10px;
color: #000;
}

#boxFolder {
padding-left: 10px;
padding-right: 10px;
}
#boxFolder .sidetitle {
font-size: 22px;
}

#boxCounter .sidetitle {display: none;}
#boxCounter .boxCounter0 {
height: 38px;
background: url('http://l.yimg.com/e/style/1/142/links.gif') no-repeat 0px -318px;

}
#boxCounter .side {
padding-left: 10px;
}

#links .syndicate {
padding-left: 10px;
}


#links .powered {
padding-left: 10px;
font-size: 0px;
color: #fff;
}
#links .powered table {
font-size: 11px;
color: #000;
}
#links .powered a {
font-size: 11px;
letter-spacing: 0px;
}
#links .powered a.powerlogo {
display: block;
width: 126px;
height: 57px;
background: url('http://l.yimg.com/e/style/1/142/logo.gif') no-repeat top left;
}
#links .powered a.powerlogo img {display: none;}
#links .powered input {
border: 1px solid black;
background: #fff;
}
#links .powered input[type=hidden] {
border: 0px;
}
