/*
jj 林俊傑
css and design by spagyric, http://www.wretch.cc/blog/spagyric
*/

/* user set
--------------------- */
#banner { /* 更改網址可以換banner背景圖片 */ 
background-image: url('http://l.yimg.com/e/style/3/317/banner.jpg') ;
}

/* general set
--------------------- */
html {
scrollbar-highlight-color: #666;
scrollbar-3dlight-color: #ececec;
scrollbar-shadow-color: #666;
scrollbar-darkshadow-color: #ececec;
scrollbar-arrow-color: #666;
scrollbar-face-color: #ececec;
scrollbar-track-color: #ececec;
}
body {
font-size: .8em;
font-family: Arial;
margin: 0px;
background: url('http://l.yimg.com/e/style/3/317/body.gif') #ECECEC repeat-y 0px 0px;
color: #444;
}
a {
color: #666;
}
a:hover {
color: #000;
}



/* container
--------------------- */
#container1 {
width: 900px;
position: relative;
}


/* banner
--------------------- */

#banner {
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
width: 700px;
height: 400px;
}
#banner h1 {
font-weight: normal;
font-size: 12px;
margin: 0px;
}
#banner h1 a {
display: block;
width: 690px;
height: 395px;
position: absolute;
top: 0px;
left: 0px;
padding-top: 5px;
padding-left: 10px;
color: #ccc;
text-decoration: none;
}
#banner h1 .description {
position: absolute;
color: #aaa;
top: 20px;
left: 15px;
display: block;
width: 130px;
}
#banner #description2 {
position: absolute;
top: 230px;
left: 475px;
color: #ccc;
width: 200px;
text-align: left;

}




/* content
--------------------- */

#content {
width: 700px;
float: left;
padding-top: 410px;
}
.blog {
margin-left: 210px;
}
.date {
padding-top: 5px;
padding-left: 5px;
background: #c9c9c9;
padding-bottom: 5px;
}
.datediv {
width: 50px;
text-align: center;
font-size: 9px;
background: white;
height: 35px;
padding-top: 15px;
}
.blogbody {
padding: 5px;
position: relative;
}
.title {
margin: 0px;
position: absolute;
top: -40px;
left: 55px;
}

.posted {
font-size: 11px;
padding: 3px;
text-align: center;
}
.posted a {
text-decoration: none;
}

/* comments
--------------------- */
.comments-head {
background: white;
padding: 6px 0px 0px 20px;
height: 20px;
letter-spacing: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.comments-post {
text-align: right;
font-size: 11px;
border-bottom: 1px solid #aaa;
}
.comments-body form br {
font-size: 1px;
}
#name_id, #email, #url {
width: 98%;
background: white;
border: 0px;
}
#text {
width: 98%;
border: 0px;
background: white;
overflow: auto;
}
/* links
--------------------- */
#links {
float: right;
width: 190px;
color: #666;
font-size: 11px;
}

#divThird {
position: absolute;
top: 410px;
left: 0px;
width: 200px;
}

.sidetitle {
height: 20px;
background: url('http://l.yimg.com/e/style/3/317/links.gif') no-repeat;
color: white;
padding-top: 20px;
padding-left: 41px;
}
.side {
padding: 4px;
}
.sidetitle img {
display: none;
}
/* links detail
--------------------- */
div.calendar {
background: url('http://l.yimg.com/e/style/3/317/links.gif') no-repeat 0px -400px;
font-size: 10px;
padding-top: 40px;
}
#boxProfile .sidetitle {
background-position: 0px 0px;
}


#boxSlideShow .sidetitle {
background-position: 0px -40px;
}
#boxSlideShow input {
background: #fff;
font-size: 11px;
border: 0px;
color: #999;
}

#boxMusic .sidetitle {
background-position: 0px -80px;
}


#boxNewArticle .sidetitle {
background-position: 0px -120px;
}
#boxNewArticle .side {}
#boxNewArticle .side br {
display: none;
}
#boxNewArticle .side a {
display: block;
text-decoration: none;
font-size: 11px;
}
#boxNewArticle .side a:hover {
background: #bbb;
}



#boxCategory .sidetitle {
background-position: 0px -160px;
}
#boxCategory .side {
font-size: .1em;
}
#boxCategory .side br {
display: none;
}
#boxCategory .side a {
display: block;
font-size: 11px;
text-decoration: none;
}
#boxCategory .side a:hover {
background: #bbb;
}
#boxDate .boxDate0 {
display: none;
}


#boxSearch .sidetitle {
background-position: 0px -200px;
}
#scupioSearch {
display: none;
}


#boxNewComment .sidetitle {
background-position: 0px -240px;
}
#boxNewComment .side {
font-size: 10px;
text-align: right;
color: #444;
}
#boxNewComment .side br {
display: none;
}
#boxNewComment .side a {
text-decoration: none;
text-align: left;
display: block;
color: #666;

}
#boxNewComment .side a:hover {
background: #bbb;
color: #000;
}

#boxRssList .sidetitle {
background-position: 0px -280px;
}
#boxRssList .side {
text-align: left;
color: #444;
}
#boxRssList .side br {
display: none;
}
#boxRssList .side a {
font-size: 11px;
text-align: right;
display: block;
text-decoration: none;
}
#boxRssList .side a:hover {
background: #bbb;
color: #000;
}

#boxNewTrackback .sidetitle {
background-position: 0px -320px;
}
#boxNewTrackback .side {
font-size: 10px;
text-align: right;
color: #444;
}
#boxNewTrackback .side br {
display: none;
}
#boxNewTrackback .side a {
text-decoration: none;
text-align: left;
display: block;
color: #666;

}
#boxNewTrackback .side a:hover {
background: #bbb;
color: #000;
}
#boxNewTrackback .side span a {
text-decoration: none;
text-align: left;
display: inline;
color: #444;
}
#boxNewTrackback .side span a:hover {
background: transparent;
color: #000;
}


#boxFolder .sidetitle {
background-position: 0px -360px;
padding-top: 4px;
height: 36px;

}
#boxFolder .side {

}
#boxFolder .side br {
display: none;
}
#boxFolder .side a {
display: block;
text-decoration: none;
}
#boxFolder .side a:hover {
background: #bbb;
}

#boxCounter .boxCounter0 {
display: none;
}

.syndicate {
padding-left: 4px;
}

#links .powered {
padding-left: 4px;
}
#links .powered .powerlogo  img {
display: none;
}
#links .powered .powerlogo {
width: 120px;
height: 120px;
display: block;
background: url('http://l.yimg.com/e/style/3/317/logo.gif') no-repeat left top;
}
#links .powered  input {
background: white;
border: 0px;
}
/* extraDiv and footer
--------------------- */
#extraDiv1 {
width: 700px;
height: 10px;
position: absolute;
background: white;
top: 400px;
left: 0px;
}