/*
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;
}