html{background:#eae9df url(http://l.yimg.com/e/style/167/16721/html.jpg) repeat-y 48px 20px;}
body{background:url(http://l.yimg.com/e/style/167/16721/body.jpg) no-repeat 765px 20px;}
#container1{background:url(http://l.yimg.com/e/style/167/16721/body.jpg) no-repeat 765px 0;}
#banner{background:url(http://l.yimg.com/e/style/167/16721/banner.jpg) no-repeat left bottom;}
#links{background:url(http://l.yimg.com/e/style/167/16721/links.jpg) no-repeat 0 60px;}
#extraDiv1{background:url(http://l.yimg.com/e/style/167/16721/extradiv1.jpg) no-repeat;}
#extraDiv2{background:url(http://l.yimg.com/e/style/167/16721/extradiv2.jpg) no-repeat;}
.sidetitle{background:url(http://l.yimg.com/e/style/167/16721/sidetitle.jpg) no-repeat 0 0;}
.comments-head{background:url(http://l.yimg.com/e/style/167/16721/comments_head.jpg) no-repeat 0 -30px;}
html,body{
margin:0;
padding:0;
}
body{
font-family:sans-serif,arial;
line-height:18px;
font-size:.8em;
color:#555;
}
img{border:0;}
a{
color:#3388cc;
text-decoration:none;
}
a:hover{
color:#ee4450;
text-decoration:underline;
}
#container1{
width:995px;
position:relative;
}
#banner{
height:100px;
margin-left:50px;
width:700px;
padding-top:30px;
overflow:hidden;
}
h1{
margin:0;
padding:0;
background:#e9dd2a;
display:inline;
}
* html h1{
font-size:28px;
font-family:simhei,arial;
letter-spacing:-1px;
}
h1 a,
h1 a:hover{
text-decoration:none;
font-weight:normal;
color:#222;
}
h1 .description{
font-weight:normal;
background:#afc8a9;
color:white;
font-size:.8em;
background:#222;
}
#description2{
padding-top:3px;
padding-left:10px;
}
#content{
padding-top:10px;
float:left;
display:inline;
margin-left:50px;
width:700px;
width:640px;
padding-left:25px;
}
#links{
overflow:hidden;
float:right;
display:inline;
width:230px;
padding-top:365px;
}
#links2{
padding-top:20px;
}
#links a{
color:#ee4450;
text-decoration:none;
}
#links a:hover{
color:#ff7700;
text-decoration:underline;
}
#extraDiv1{
position:absolute;
width:48px;
height:200px;
top:810px;
left:0;
}
#extraDiv1{
position:absolute;
width:48px;
height:200px;
top:810px;
left:0;
}
#extraDiv2{
position:absolute;
width:15px;
height:455px;
top:40px;
left:750px;
}
.sidetitle{
font-size:.1em;
text-indent:-5000px;
height:30px;
margin-left:5px;
}
.side{
padding-left:10px;
margin-bottom:10px;
width:220px;
overflow:hidden;
}
#boxMySpace .sidetitle{
background-position:0 0;
}
#boxSlideShow .sidetitle{
background-position:0 -30px;
}
#boxMusic .sidetitle{
background-position:0 -90px;
}
#boxNewArticle .sidetitle{
background-position:0 -150px;
}
#boxCategory .sidetitle{
background-position:0 -180px;
}
#boxDate .sidetitle{
background-position:0 -210px;
}
#boxSearch .sidetitle{
background-position:0 -240px;
}
#boxNewComment .sidetitle{
background-position:0 -270px;
}
#boxRssList .sidetitle{
background-position:0 -300px;
}
#boxNewTrackback .sidetitle{
background-position:0 -330px;
}
#boxCounter .sidetitle{
background-position:0 -360px;
}
#boxWho .sidetitle{
background-position:0 -390px;
}
#boxFolder .sidetitle{
}
#boxCollectionCategory .sidetitle{
background-position:0 -450px;
height:50px;
}
#boxCollection .sidetitle{
background-position:0 -420px;
}
#footer{
clear:both;
}
.calendar{
font-size:11px;
}
.calendar2{
padding-left:10px;
padding-bottom:20px;
}
#boxMySpace .side{
padding-bottom:10px;
}
* html #interactionList li,
* html #serviceList li{
height:1%;
}
* html #interactionList a,
* html #serviceList a{
width:217px;
}
#interactionList a,
#serviceList a{
display:block;
padding-left:3px;
}
.boxMySpaceImg a img{
padding:1px;
border:1px solid #ccc;
}
.boxMySpaceImg a:hover img{
border:1px solid #ee4450;
}
#interactionList a:hover,
#serviceList a:hover{
background:white;
color:#ee4450;
text-decoration:none;
}
#boxMusic .sidetitle,
#boxSlideShow .sidetitle{
padding-top:25px;
font-size:12px;
text-indent:0;
height:auto;
}
#boxMusic .side{
padding-top:10px;
}
#boxSlideShow .side table{
background:white;
border:1px solid #ccc;
}
#boxSlideShow .side input{
color:#aaa;
border:1px solid;
background:transparent;
font-family:inherit;
}
#boxFolder .side br,
#boxNewTrackback .side br,
#boxNewComment .side br,
#boxDate .side br,
#boxCategory .side br,
#boxNewArticle .side br{
display:none;
}
#boxFolder .side a,
#boxNewTrackback .side a,
#boxNewComment .side a,
#boxDate .side a,
#boxCategory .side a,
#boxNewArticle .side a{
display:block;
padding-left:3px;
width:217px;
}
#boxFolder .side a:hover,
#boxNewTrackback .side a:hover,
#boxNewComment .side a:hover,
#boxDate .side a:hover,
#boxCategory .side a:hover,
#boxNewArticle .side a:hover{
background:white;
color:#ee4450;
text-decoration:none;
}
#boxCategory .side div{
line-height:0;
}
#boxCategory .side div a{
line-height:18px;
padding-left:13px;
width:207px;
}
#boxFolder .side{
width:220px !important;
}
#boxNewTrackback .side,
#boxNewComment .side{
text-align:right;
}
#boxNewTrackback .side a,
#boxNewComment .side a{
text-align:left;
}
#boxNewTrackback .side a{
margin-top:3px;
}
#boxNewTrackback .side span a{
display:inline;
padding:0;
width:auto;
color:#666;
text-decoration:underline;
}
#boxNewTrackback .side span a:hover{
background:transparent;
color:#ff7700;
text-decoration:underline;
}
#boxFolder .sidetitle{
color:#505050;
text-indent:0;
background:transparent none;
font-family:"Apple Symbols","Lucida Sans",simhei;
font-size:20px;
}
#boxWho{
text-align:left;
}
#whowrapper{
padding-left:20px;
width:192px !important;
}
#container1 #container2 #whowrapper li{
width:64px;
height:64px;
margin:0;
}
#container1 #container2 #whowrapper li img{
width:60px;
height:60px;
}
#container1 #container2 #whowrapper li a img{
padding:1px;
border:1px solid #eae9df;
}
#container1 #container2 #whowrapper li a:hover img{
border:1px solid #ee4450;
}
#boxNewComment .boxNewComment0{
position:relative;
}
#boxNewComment .syndicate{
position:absolute;
text-indent:0;
top:0;
right:0;
}
.date{
color:#aaa;
font-size:11px;
line-height:12px;
}
.title{
margin:0;
color:#222;
padding:0;
}
.innertext{
padding-left:15px;
padding-top:10px;
}
.extended{
text-align:right;
}
.history{
background:#eee;
border:1px solid #aaa;
margin:5px 20px;
padding:5px 10px;
}
#article_counter{
font-size:12px;
color:#222;
padding:5px 0;
}
.bighead{
padding:1px;
border:1px solid #ccc;
}
.bighead:hover{
border:1px solid #ee4450;
}
div.comments-body{
border-bottom:1px dotted #ccc;
}
.comments-head{
height:30px;
text-indent:-5000px;
font-size:.1em;
}
.trackbacks-head .comments-head{
background-position:0 0;
}
.comments-bottom .comments-head{
background-position:0 -60px;
}
.posted{
border-bottom:1px solid #eee;
margin-bottom:10px;
padding-bottom:10px;
font-size:11px;
color:#999;
text-align:right;
}
.posted a{
color:#999;
text-decoration:underline;
}
.posted a:hover{
color:#ee4450;
}
.comments-post{
font-size:11px;
color:#999;
text-align:right;
}
.comments-reply{
background:#ccc;
}
.cmt_floor{
color:#ddd;
}
#collect_description{
border-bottom:1px solid #f5f5f0 !important;
}