/*
曹格／格格blue／http://www.wretch.cc/blog/garyblue
design by spagyric, http://www.wretch.cc/blog/spagyric
*/

/* general set
------------------------*/
html {
scrollbar-highlight-color: #9B9893;
scrollbar-3dlight-color: #9B9893;
scrollbar-face-color: #9B9893;
scrollbar-shadow-color: #9B9893;
scrollbar-darkshadow-color: #9B9893;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #fff;
}
body {
margin: 0px;
font: 11px Arial;
background: #fff;
color: #888;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #eee;
}

/* container
------------------------*/
#container1 {}

/* banner
------------------------*/
#banner {
position: absolute;
top: 10px;
left: 10px;
background: url('http://l.yimg.com/e/style/1/137/banner.jpg') #000 no-repeat top left;
width: 390px;
height: 520px;
}
#banner h1 {
font-size: 15px;
font-weight: normal;
margin: 0px;
}
#banner h1 a {
display: block;
width: 380px;
height: 510px;
padding-top: 10px;
padding-left: 10px;
}
#banner h1 a:hover {
text-decoration: none;
color: #fff;
}

#banner h1 .description {
position: absolute;
top: 28px;
left: 15px;
}
#banner #description2 {
position: absolute;
bottom: 10px;
left: 10px;
width: 370px;
color: #000;
}

/* content
------------------------*/
#content {
margin-left: 410px;
margin-right: 10px;
padding-top: 10px;
}
#content a {
color: #555;
}
.date {
background: #eee;
padding-top: 10px;

}
.datediv {
color: #fff;
font-size: 26px;
letter-spacing: -3px;
padding-right: 4px;
text-align: right;
background: #CBC9C1;

}
.blogbody {
background: #eee;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.title {
margin: 0px;
background: #D9D7D0;
color: #666;
padding-top: 3px;
padding-left: 10px;
font-family: simhei;
}
.innertext {
padding: 0px 20px 0px 20px;
}
.innertext img {

}
.extended {
text-align: right;
padding-right: 20px;
color: #6C5C47;
}
.posted {
font-size: 10px;
color: #777;
text-align: right;
padding-right: 10px;
}
#content .posted a {
color: #777;
}
/* comments
------------------------*/
.total-comments-div {
margin-left: 100px;
margin-top: 10px;
padding-top: 10px;
border-top: 10px solid #aaa;
}
.trackback-url {

}
.trackback-url input {
border: 0px;
background: #fff;
font-size: 10px;
color: #777;
}
.comments-head {
color: #fff;
font-size: .1em;
text-indent: -5000px;
height: 35px;
background: url('http://l.yimg.com/e/style/1/137/comments.gif') #fff no-repeat 0px -35px;
margin-top: 5px;
margin-bottom: 5px;
}
.trackbacks-head .comments-head {
background-position: 0px 0px;
}
.comments-bottom .comments-head {
background-position: 0px -70px;
}
.comments-post {
color: #777;
font-size: 10px;
text-align: right;
padding-right: 10px;
}
.comments-body p {
background: #e0e0e0;
margin: 5px 15px 5px 0px;
padding: 5px 10px 5px 10px;
}
.comments-post img {
height: 12px;
}
.comments-body form input {
border: 0px;
background: #fff;
color: #777;
}
.comments-body form br {
font-size: 1px;
}
.total-comments-div .powered table input {
border: 0px;
background: #fff;
color: #777;
}
.total-comments-div .powered a img {
display: none;
}
.total-comments-div .powered a {
display: block;
width: 159px;
height: 159px;
background: url('http://l.yimg.com/e/style/1/137/power.gif') no-repeat top left;
}
.total-comments-div .powered table a {
display: inline;
width: auto;
height: auto;
background: transparent;
}
#name_id,
#url,
#email {
width: 99%;
}
#text {
width: 99%;
border: 0px;
background: #fff;
color: #777;
}
/* links
------------------------*/
#links {
background: #aaa;
position: absolute;
top: 540px;
left: 210px;
width: 190px;
color: #555;
}
#links a {
color: #fff;
}
#links a:hover {
color: #fff;
background: #888;
text-decoration: none;

}

#divThird {
position: absolute;
top: 0px;
left: -200px;
width: 190px;
background: #B8B5AF;
color: #777;
}

#divThird a:hover {
background: #999;
}

/* links detail
------------------------*/
#boxProfile .sidetitle {
display: none;
}
#boxProfile .boxProfile0 {
background: url('http://l.yimg.com/e/style/1/137/links.gif') no-repeat 0px 0px;
height: 35px;
margin-bottom: 5px;
margin-top: 5px;
}
#boxProfile .side {
padding: 0px 5px 0px 5px;
}

#boxSlideShow .boxSlideShow0 {
padding-top: 35px;
background: url('http://l.yimg.com/e/style/1/137/links.gif') no-repeat 0px -35px;
margin-bottom: 5px;
}
#boxSlideShow .sidetitle {
background: #fff;
margin-left: 5px;
margin-right: 5px;
color: #666;
text-align: center;
}
#boxSlideShow .side input {
background: #fff;
border: 0px;
}

#boxMusic .sidetitle {
background: #fff;
margin-left: 5px;
margin-right: 5px;
color: #666;
text-align: center;
}
#links #boxMusic .sidetitle a {
color: #999;
}
#links #boxMusic .sidetitle a:hover {
background: transparent;
color: #000;
}
#boxMusic .boxMusic0 {
padding-top: 35px;
background: url('http://l.yimg.com/e/style/1/137/links.gif') no-repeat 0px -70px;
margin-bottom: 5px;
}
#boxMusic .side {
text-align: center;
}

#boxNewArticle .sidetitle {
display: none;
}
#boxNewArticle .boxNewArticle0 {
height: 35px;
background: url('http://l.yimg.com/e/style/1/137/links.gif') no-repeat 0px -105px;
margin-bottom: 5px;
}
#boxNewArticle .side {
padding: 0px 3px 0px 3px;
}
#boxNewArticle .side br {
display: none;
}
#boxNewArticle .side a {
display: block;
width: 181px;
padding-left: 3px;
}


#boxCategory .sidetitle {
display: none;
}
#boxCategory .boxCategory0 {
height: 45px;
background: url('http://l.yimg.com/e/style/1/137/links.gif') no-repeat 0px -140px;
margin-bottom: 5px;
}
#boxCategory .side {
padding: 0px 3px 0px 3px;
font-size: .1em;
letter-spacing: -2px;
}
#boxCategory .side br {
display: none;
}
#boxCategory .side a {
display: block;
width: 181px; 
padding-left: 3px;
font-size: 11px;
letter-spacing: 0px;

}

#boxDate .sidetitle {
display: none;
}
#boxDate .boxDate0 {
background: url('http://l.yimg.com/e/style/1/137/links.gif') no-repeat 0px -185px;
height: 35px;
margin-bottom: 5px;
}

#boxSearch .sidetitle {
display: none;
}
#boxSearch .boxSearch0 {
height: 35px;
background: url('http://l.yimg.com/e/style/1/137/links.gif') no-repeat 0px -220px;
margin-bottom: 5px;
}
#boxSearch br {
display: none;
}
#boxSearch .boxSearch1 .side br {
display: inline;
}
#scupioSearch .sidetitle {
display: none;
}


#boxDate .side ,
#boxSearch .side,
#scupioSearch .side {
text-align: center;
}

#boxNewComment .sidetitle {
display: none;
}
#boxNewComment .boxNewComment0 {
height: 30px;
background: url('http://l.yimg.com/e/style/1/137/div3.gif') no-repeat 0px 0px;
margin-bottom: 5px;
margin-top: 5px;
}
#boxNewComment .side {
padding: 0px 3px 0px 3px;
text-align: right;
font-size: 9px;
}
#boxNewComment .side br {
display: none;
}
#boxNewComment .side a {
display: block;
width: 181px;
padding-left: 3px;
text-align: left;
font-size: 11px;
}

#boxRssList .sidetitle {
display: none;
}
#boxRssList .boxRssList0 {
height: 30px;
background: url('http://l.yimg.com/e/style/1/137/div3.gif') no-repeat 0px -30px;
margin-bottom: 5px;
}
#boxRssList .side {
padding: 0px 3px 0px 3px;
text-align: left;
font-size: 10px;
}
#boxRssList .side br {
display: none;
}
#boxRssList .side a {
display: block;
width: 181px;
padding-left: 3px;
text-align: right;
font-size: 11px;
}


#boxNewTrackback .sidetitle {
display: none;
}
#boxNewTrackback .boxNewTrackback0 {
height: 30px;
background: url('http://l.yimg.com/e/style/1/137/div3.gif') no-repeat 0px -60px;
margin-bottom: 5px;
}
#boxNewTrackback .side {
padding: 0px 3px 0px 3px;
text-align: right;
font-size: 10px;
}
#boxNewTrackback .side br {
display: none;
}
#boxNewTrackback .side a {
display: block;
width: 181px;
padding-left: 3px;
text-align: left;
font-size: 11px;
}
#boxNewTrackback .side span a {
display: inline;
width: auto;
padding-left: 0px;
text-align: left;
font-size: 10px;
color: #777;
}
#boxNewTrackback .side span a:hover {
color: #777;
background: transparent;
}

#boxFolder .sidetitle {
color: #fff;
font-size: 24px;
text-align: -2px;
padding-left: 5px;
}
#boxFolder .side {
padding: 0px 3px 0px 3px;
}
#boxFolder .side br {
display: none;
}
#boxFolder .side a {
display: block;
width: 181px;
padding-left: 3px;
}

#boxCounter .sidetitle {
display: none;
}
#boxCounter .boxCounter0 {
height: 30px;
background: url('http://l.yimg.com/e/style/1/137/div3.gif') no-repeat 0px -90px;
margin-bottom: 5px;
}
#boxCounter .side {
padding-left: 20px;
}

.syndicate {
text-align: center;
}

#links .powered {
padding-left: 15px;
color: #B8B5AF;
}
#links .powered a:hover {
background: transparent;
color: #000;

}
#links .powered table input {
border: 0px;
background: #fff;
}
#links .powered table {
color: #fff;
}
#links .powered a.powerlogo {
display: block;
width: 159px;
height: 159px;
background: url('http://l.yimg.com/e/style/1/137/power.gif') no-repeat top left;
}
#links .powered a.powerlogo:hover {
background: url('http://l.yimg.com/e/style/1/137/power.gif') no-repeat top left;
}
#links .powered a.powerlogo img {
display: none;
}