/*
蕭蕭, IMXIAOXIAO
css and design by spagyric, http://www.wretch.cc/blog/spagyric
*/

/* general set
------------------------ */
html {
scrollbar-face-color:#fff;
scrollbar-track-color:#EEE;
scrollbar-3dlight-color:#EEE;
scrollbar-darkshadow-Color:#EEE;
scrollbar-arrow-color:#CCC;
scrollbar-shadow-color:#EEE;
scrollbar-highlight-color:#EEE;
}
body {
font:12px Arial;
margin:0px;
color:#555;
background:#ececec;
}
a {
color:#FF74A2;
text-decoration:none;
}
a:hover {
color:#FF8400;
}

/* container
------------------------ */
#container1 {
width:760px;
margin:30px auto 0px;
position:relative;
}
#container2 {
}



/* banner and pageheader
------------------------ */
#banner {
margin-left:255px;
width:505px;
height:250px;
background:url('http://l.yimg.com/e/style/3/364/banner.jpg') no-repeat 0% 0%;
}
#banner #pageheader {
position:absolute;
top:0px;
left:0px;
width:250px;
height:250px;
background:url('http://l.yimg.com/e/style/3/364/pageheader.gif') no-repeat left top;

}
#banner h1 {
margin:0px;
font-size:12px;
font-weight:normal;
}
#banner h1 a {
display:block;
width:205px;
height:170px;
padding-left:45px;
padding-top:80px;
}
#banner h1 .description {
position:absolute;
top:95px;
left:45px;
color:#6D9B43;
}
#banner #description2 {
position:absolute;
top:335px;
left:0px;
width:235px;
height:65px;
padding:10px 10px 0px;
overflow:hidden;
color:#00B4FF;
background:url('http://l.yimg.com/e/style/3/364/description2.gif') no-repeat left top;

}


/* content
------------------------ */
#content {
width:505px;
float:left;
margin-top:165px;
}

.date {
background:url('http://l.yimg.com/e/style/3/364/date.gif') white no-repeat left top;
height:50px;
padding-top:20px;
}
.datediv {
background:url('http://l.yimg.com/e/style/3/364/datediv.gif') no-repeat left top;
height:50px;
color:#93C600;
padding-left:58px;
font-size:18px;
letter-spacing:-1px;
}
.articletext br {
display:none;
}
.articletext .innertext br , 
.articletext .extended br {
display:block;
}
.blogbody {
position:relative;
}
h3.title {
margin:0px;
position:absolute;
top:-30px;
left:55px;
font-family:simhei;
font-size:24px;
letter-spacing:-2px;
color:#999;
}

.articletext, 
.articletext form{
background:#fff;
}
.articletext form{
margin:0px;
}
.innertext {
border:1px solid white;
background:white;
width:478px;
padding-left:15px;
padding-right:10px;
padding-top:10px;
overflow:hidden;
}
.innertext img {
max-width:475px;
}
.extended {
background:white;
border:1px solid white;
text-align:right;
padding-right:20px;
color:#999;
}
.extended a {
color:#6D9B43;
}
.extended a:hover {
color:#FF8400;
}

.posted {
background:url('http://l.yimg.com/e/style/3/364/posted.gif') white no-repeat left bottom;
padding-bottom:10px;
padding-top:10px;
margin-bottom:5px;
text-align:center;
color:#AAA;
}
.posted a {
color:#AAA;
}


/* comments
------------------------ */
.total-comments-div {
background:url('http://l.yimg.com/e/style/3/364/total-comments-div.gif') #D2D2D2 no-repeat left top;
}
.trackback-url {
text-align:center;
padding-top:10px;
margin-bottom:5px;
}
.trackback-url input {
border:1px solid #555;
background:#EEE;
font-size:11px;
}
.comments-head {
background:url('http://l.yimg.com/e/style/3/364/comments-head.gif') no-repeat 0px -40px;
height:40px;
font-size:0px;
color:#d2d2d2;
margin-left:30px;
margin-bottom:5px;
margin-top:15px;
}
.trackbacks-head .comments-head {
background-position:0px 0px;
}
.comments-bottom .comments-head {
background-position:0px -80px;
}
.total-comments-div .comments-body{
padding:0px;
}
.comments-body p {
margin:0px 25px 0px 30px;
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
background:url('http://l.yimg.com/e/style/3/364/comments-body_p.gif') #EEE no-repeat left top;
}
.comments-post {
font-size:11px;
text-align:right;
margin:0px 25px 5px 30px;
padding-left:10px;
padding-right:10px;
padding-bottom:3px;

color:#888;
background:url('http://l.yimg.com/e/style/3/364/comments-post.gif') #EEE no-repeat left bottom;
}
.comments-post a {
color:#666;
}

.comments-post a.postemail {




}
.comments-post a.postemail:hover {

}
.comments-post a.postemail img {

}
.comments-post a.postweb {




}
.comments-post a.postweb:hover {

}
.comments-post a.postweb img {

}

.comments-body form {
padding-left:30px;
padding-right:25px;
background:url('http://l.yimg.com/e/style/3/364/comments-body_form.gif') no-repeat left bottom;
margin-bottom:0px;
padding-bottom:15px;
}
.comments-body form br {
font-size:.1em;
}
#name_id , 
#email, 
#url {
width:98%;
border:1px solid #666;
background:#EEE;
color:#666;
}
#text {
width:98%;
border:1px solid #666;
background:#EEE;
color:#666;

}

.total-comments-div .powered {
background:url('http://l.yimg.com/e/style/3/364/comments-body_form.gif') no-repeat left bottom;
padding-left:30px;
}
.total-comments-div .powered a img {
display:none;
}
.total-comments-div .powered a {
display:block;
width:200px;
height:80px;
background:url('http://l.yimg.com/e/style/3/364/total-comments-div_powered.gif') no-repeat left top;
}
.total-comments-div .powered table a {
display:inline;
color:#666;
background:transparent none;
width:auto;
height:auto;
}
.total-comments-div .powered table input {
border:1px solid #666;
background:#EEE;
color:#666;
}
.total-comments-div .powered table input[type=hidden] {
border:0px;
}

/* links
------------------------ */
#links {
float:right;
width:250px;
margin-top:5px;
}

#links br {
display:none;
}
#links .side br {
display:inline;
}
#links .powered br {
display:inline;
}
/* links detail
------------------------ */
.calendar {
display:none;
}

#boxMySpace {
position:absolute;
width:505px;
top:205px;

left:255px;
padding-top:30px;
z-index:40;
background-image:url('http://l.yimg.com/e/style/3/364/boxProfile.png');


}
#extraDiv3 {
position:absolute;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://l.yimg.com/e/style/3/364/boxProfile.png);
width:505px;
top:205px;
left:255px;
height:30px;
z-index:30;
}
#boxMySpace .boxMySpace0 {
display:none;
}
#boxMySpace .boxMySpaceImg {
display:none;
}
#boxMySpace .side {
position:absolute;
top:0px;
width:0px;
font-size:.1em;
letter-spacing:-2px;
color:#CCC;
}
#boxMySpace .side a {
color:#CCC;
text-decoration:none;
}
#links #boxMySpace .side br {
display:none;
}
#boxMySpace .side a.mySpaceLink {
display:block;
float:left;

width:126px;
height:48px;
}
#boxMySpace select {
position:absolute;
top:-230px;
right:150px;
letter-spacing:0px;
}
#boxMySpace .boxAddFriendLink , 
#boxMySpace .boxGiftLink {
display:none;
}
#blogCategory{
display:none;
}
#boxMySpace #linkMypage{
position:absolute;
top:-13px;
left:0px;
}
#boxMySpace #linkAlbum{
position:absolute;
top:-13px;
left:253px;
}
#boxMySpace #linkBlog{
position:absolute;
top:-13px;
left:127px;
}
#boxMySpace #linkGbook{
position:absolute;
top:-13px;
left:378px;
}
#boxMySpace #linkUser{
display:none;
}
#boxMySpace #linkFriend{
display:none;
}
#boxMySpace #linkVideo{
display:none;
}

#boxSlideShow {
position:absolute;
top:255px;
left:255px;
width:250px;
height:155px;
}
#boxSlideShow .sidetitle {
text-align:center;
padding-top:3px;
color:#777;
}
#boxSlideShow .side a img {
border:1px solid #777;
padding:3px;
}
#boxSlideShow .side input {
border:1px solid #aaa;
color:#777;
font-size:11px;
background:white;
width:50px;
}
#boxSlideShow .side textarea {
font-family:Arial;
font-size:11px;
}


#boxMusic {
position:absolute;
top:255px;
left:80px;
width:170px;
height:75px;
z-index:20;
}
#boxMusic .sidetitle {
padding-top:7px;
text-align:center;
color:#888;
}
#boxMusic .sidetitle a {
color:black;
}
#boxMusic .side {
text-align:center;
}

#boxNewArticle {
margin-bottom:5px;
}
#boxNewArticle .boxNewArticle0 {
background:url('http://l.yimg.com/e/style/3/364/boxNewArticle0.gif') no-repeat left top;
height:50px;
}
#boxNewArticle .sidetitle {
display:none;
}
#boxNewArticle .boxNewArticle1 {
}
#boxNewArticle .side {
background:url('http://l.yimg.com/e/style/3/364/boxNewArticle1.gif') no-repeat left bottom #BAF01E;
padding-bottom:20px;
padding-left:20px;
padding-top:5px;
padding-right:20px;
}
#boxNewArticle .side a {
display:block;
color:#4A9800;
}
#boxNewArticle .side br {
font-size:.1em;
}
#boxNewArticle .side a:hover {
background:#D4FF58;
color:#4A9800;
}

#boxCategory {
background:url('http://l.yimg.com/e/style/3/364/box.gif') no-repeat left top;
padding-top:20px;
}
#boxCategory .boxCategory0 {
background:url('http://l.yimg.com/e/style/3/364/links.gif') no-repeat 0px 0px;
height:25px;
}
#boxCategory .sidetitle {
display:none;
}
#boxCategory .boxCategory1 {
}
#boxCategory .side {
padding-left:30px;
padding-top:8px;
background:#fff;
}
#boxCategory .side a , 
#boxDate .side a {
color:#FF7700;
}
#boxCategory .side a:hover , 
#boxDate .side a:hover {
color:#53C300;
}
#boxDate {
margin-bottom:5px;
}
#boxDate .boxDate0 {
display:none;
}
#boxDate select {
position:absolute;
top:-25px;

width:150px;
right:0px;
}


#boxDate .side {
background:url('http://l.yimg.com/e/style/3/364/box1.gif') no-repeat left bottom #fff;
padding-bottom:20px;
padding-left:30px;
}


#boxSearch {
background:url('http://l.yimg.com/e/style/3/364/box.gif') no-repeat left top;
margin-bottom:5px;
padding-top:20px;


}
#boxSearch .boxSearch0 {
background:url('http://l.yimg.com/e/style/3/364/links.gif') no-repeat 0px -25px;
height:25px;
}
#boxSearch .sidetitle {
display:none;
}
#boxSearch .boxCategory1 {
}
#boxSearch .side {
background:url('http://l.yimg.com/e/style/3/364/box1.gif') no-repeat left bottom #fff;
padding-bottom:1px;
padding-left:30px;
padding-right:50px;
}
#boxSearch input {
border:1px solid #45ACE2;
background:white;
color:#0089D0;
font-size:12px;
}
#boxSearch input[type=hidden] {
border:0px;
}
#boxSearch {
color:#0089D0;
text-align:right;

}

#scupioSearch {
display:none;
}



#boxNewComment {
background:url('http://l.yimg.com/e/style/3/364/box.gif') no-repeat left top;
margin-bottom:5px;
padding-top:20px;


}
#boxNewComment .boxNewComment0 {
background:url('http://l.yimg.com/e/style/3/364/links.gif') no-repeat 0px -50px;
height:25px;
}
#boxNewComment .sidetitle {
display:none;
}
#boxNewComment .boxNewComment1 {
}
#boxNewComment .side {
background:url('http://l.yimg.com/e/style/3/364/box1.gif') no-repeat left bottom #fff;
padding-bottom:20px;
padding-left:30px;
text-align:right;
padding-right:20px;
color:#999;
padding-top:8px;
}
#links #boxNewComment .side br {
display:none;
}
#boxNewComment .side a {
display:block;
text-align:left;

}
#boxNewComment .side a:hover {
color:#D51F52;
background:#FFE7EE;
}


#boxRssList {
background:url('http://l.yimg.com/e/style/3/364/box.gif') no-repeat left top;
margin-bottom:5px;
padding-top:20px;


}
#boxRssList .boxRssList0 {
background:url('http://l.yimg.com/e/style/3/364/links.gif') no-repeat 0px -75px;
height:25px;
}
#boxRssList .sidetitle {
display:none;
}
#boxRssList .boxRssList1 {
}
#boxRssList .side {
background:url('http://l.yimg.com/e/style/3/364/box1.gif') no-repeat left bottom #fff;
padding-bottom:20px;
padding-left:30px;
text-align:right;
padding-top:8px;
color:#999;
padding-right:20px;
}
#links #boxRssList .side br {
display:none;
}
#boxRssList .side a {
display:block;
text-align:left;
color:#2C86E2;
}
#boxRssList .side a:hover {
color:#2C86E2;
background:#EEE;
}


#boxNewTrackback {
background:url('http://l.yimg.com/e/style/3/364/box.gif') no-repeat left top;
margin-bottom:5px;
padding-top:20px;


}
#boxNewTrackback .boxNewTrackback0 {
background:url('http://l.yimg.com/e/style/3/364/links.gif') no-repeat 0px -100px;
height:25px;
}
#boxNewTrackback .sidetitle {
display:none;
}
#boxNewTrackback .boxNewTrackback1 {
}
#boxNewTrackback .side {
background:url('http://l.yimg.com/e/style/3/364/box1.gif') no-repeat left bottom #fff;
padding-bottom:20px;
padding-left:30px;
text-align:right;
padding-right:20px;
padding-top:8px;
color:#999;
}
#links #boxNewTrackback .side br {
display:none;
}
#boxNewTrackback .side a {
display:block;
text-align:left;
color:#60BB0F;
}
#boxNewTrackback .side span a {
display:inline;
color:#999;
}
#boxNewTrackback .side a:hover {
color:#4C930B;
background:#D0EAB8;
}
#boxNewTrackback .side span a:hover {
color:#999;
background:transparent;
}




#boxFolder {
background:url('http://l.yimg.com/e/style/3/364/box.gif') no-repeat left top;
margin-bottom:5px;
padding-top:20px;


}
#boxFolder .boxFolder0 {
background:url('http://l.yimg.com/e/style/3/364/links.gif') no-repeat 0px -125px #fff;
height:25px;
}
#boxFolder .sidetitle {
padding-left:35px;
font-size:20px;
color:#AAA;
letter-spacing:-2px;
}
#boxFolder .boxFolder1 {
}
#boxFolder .side {
background:url('http://l.yimg.com/e/style/3/364/box1.gif') no-repeat left bottom #fff;
padding-bottom:20px;
padding-left:30px;
}


#boxCounter {
background:url('http://l.yimg.com/e/style/3/364/box.gif') no-repeat left top #fff;
color:#999;
}
#boxCounter .boxCounter0 {
display:none;
}
#boxCounter .side {
padding-left:60px;
}
#links .powered {
padding-bottom:20px;
background:url('http://l.yimg.com/e/style/3/364/box1.gif') no-repeat left bottom #fff;
padding-left:25px;
color:#888;
}
#links .powered .powerlogo img {
display:none;
}
#links .powered .powerlogo {
display:block;
width:200px;
height:80px;
background:url('http://l.yimg.com/e/style/3/364/powered.gif') no-repeat left top;
}
#links .powered .powerid {
}
#links .powered input {
border:1px solid #CCC;
color:#555;
background:white;
}
#links .powered input[type=hidden] {
border:0px;
}

#links .syndicate {
position:absolute;
top:255px;
left:0px;
width:75px;
height:75px;
background:url('http://l.yimg.com/e/style/3/364/syndicate.gif') no-repeat left top;
z-index:30;
overflow:hidden;
}
#links .syndicate a {
display:block;
width:75px;
height:75px;
}
#links .syndicate a img {
display:none;
}

/* extradiv and footer
------------------------ */
#extraDiv1 {
position:absolute;
top:255px;
left:0px;
width:250px;
height:75px;
background:url('http://l.yimg.com/e/style/3/364/extraDiv1.gif') no-repeat left top;
z-index:10;
}
#extraDiv2 {
position:absolute;
top:255px;
left:255px;
width:255px;
height:155px;
background:url('http://l.yimg.com/e/style/3/364/extraDiv2.gif') no-repeat left top;
z-index:10;
}

#footer {
clear:both;
width:760px;
height:50px;
background:url('http://l.yimg.com/e/style/3/364/footer.gif') no-repeat left bottom;
padding-top:5px;
}
.bighead{padding-left:30px;}
.total-comments-div .comments-body span{float:none;}
.total-comments-div .comments-author{background:none;padding:6px 0;}