/*
蕭蕭, 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/322/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/322/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/322/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/322/date.gif') white no-repeat left top;
	height: 50px;
	padding-top: 20px;
}
.datediv {
	background: url('http://l.yimg.com/e/style/3/322/datediv.gif') no-repeat left top;
	height: 50px;
	color: #93C600;
	padding-left: 58px;
	font-size: 24px;
	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: 28px;
	letter-spacing: -2px;
	color: #999;
}

.innertext {
	border: 1px solid white;
	background: white;
	width: 478px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 10px;
}
.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/322/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/322/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/322/comments-head.gif') no-repeat 0px -40px;
	height: 40px;
	font-size: inhert;
	text-indent: -5000px;
	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;
}
.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/322/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/322/comments-post.gif') #EEE no-repeat left bottom;
}
.comments-post a {
	color: #666;
}

.comments-post a.postemail {
	_display: inline-block;
	_width: 18px;
	_height: 18px;
	_background: url('http://pic.wretch.cc/icon/htcmi/blog_design/blog44/b44/comments-post_a.gif') #9FD5FF no-repeat 0px 0px;
}
.comments-post a.postemail:hover {
	_background-color: white;
}
.comments-post a.postemail img {
	_display: none;
}
.comments-post a.postweb {
	_display: inline-block;
	_width: 18px;
	_height: 18px;
	_background: url('http://pic.wretch.cc/icon/htcmi/blog_design/blog44/b44/comments-post_a.gif') #FFA5C7 no-repeat -18px 0px;
}
.comments-post a.postweb:hover {
	_background-color: white;
}
.comments-post a.postweb img {
	_display: none;
}

.comments-body form {
	padding-left: 30px;
	padding-right: 25px;
	background: url('http://l.yimg.com/e/style/3/322/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/322/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/322/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;
}

#boxProfile {
	position: absolute;
	width: 505px;
	top: 205px;
	_top: 203px;
	left: 255px;
	height: 30px;
	z-index: 40;
	background-image: url('http://l.yimg.com/e/style/3/322/boxProfile.png');
	_background-image: none;
	
}
#extraDiv3 {
	position: absolute;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://l.yimg.com/e/style/3/322/boxProfile.png);
	width: 505px;
	top: 205px;
	left: 255px;
	height: 30px;
	z-index: 30;
}
#boxProfile .boxProfile0 {
	display: none;
}
#boxProfile .boxProfileImg {
	display: none;
}
#boxProfile .side {
	font-size: .1em;
	letter-spacing: -2px;
	color: #CCC;
}
#boxProfile .side a {
	color: #CCC;
	text-decoration: none;
}
#links #boxProfile .side br {
	display: none;
}
#boxProfile .side a.boxProfileLink {
	display: block;
	float: left;
	font-size: inherit;
	text-indent: -5000px;
	width: 126px;
	height: 30px;
	
}
#boxProfile select {
	position: absolute;
	top: -230px;
	right: 150px;
	letter-spacing: 0px;
}
#boxProfile .boxAddFriendLink ,
#boxProfile .boxGiftLink {
	display: none;
}



#boxSlideShow {
	position: absolute;
	top: 255px;
	left: 255px;
	width: 250px;
	height: 155px;
	z-index: 20;
}
#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 {
	background: #BAF01E;
	margin-bottom: 5px;
	_border-bottom: 5px solid #ececec;  /* fix for IE */
	_margin-bottom: 0px;
}
#boxNewArticle .boxNewArticle0 {
	background: url('http://l.yimg.com/e/style/3/322/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/322/boxNewArticle1.gif') no-repeat left bottom;
	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/322/box.gif') white no-repeat left top;
	padding-top: 20px;
}
#boxCategory .boxCategory0 {
	background: url('http://l.yimg.com/e/style/3/322/links.gif') no-repeat 0px 0px;
	height: 25px;
}
#boxCategory .sidetitle {
	display: none;
}
#boxCategory .boxCategory1 {
}
#boxCategory .side {
	padding-left: 30px;
	padding-top: 8px;
}
#boxCategory .side a ,
#boxDate .side a {
	color: #FF7700;
}
#boxCategory .side a:hover ,
#boxDate .side a:hover {
	color: #53C300;
}
#boxDate {
	margin-bottom: 5px;
	_border-bottom: 5px solid #ececec; /* fix for IE */
	_margin-bottom: 0px;
	background: white;
}
#boxDate .boxDate0 {
	display: none;
}
#boxDate select {
	position: absolute;
	top: -25px;
	_top: -27px;
	width: 150px;
	right: 0px;
}


#boxDate .side {
	background: url('http://l.yimg.com/e/style/3/322/box1.gif') no-repeat left bottom;
	padding-bottom: 20px;
	padding-left: 30px;
}


#boxSearch {
	background: url('http://l.yimg.com/e/style/3/322/box.gif') white no-repeat left top;
	margin-bottom: 5px;
	padding-top: 20px;
	_border-bottom: 5px solid #ececec; /* fix for IE */
	_margin-bottom: 0px;
}
#boxSearch .boxSearch0 {
	background: url('http://l.yimg.com/e/style/3/322/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/322/box1.gif') no-repeat left bottom;
	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/322/box.gif') white no-repeat left top;
	margin-bottom: 5px;
	padding-top: 20px;
	_border-bottom: 5px solid #ececec; /* fix for IE */
	_margin-bottom: 0px;
}
#boxNewComment .boxNewComment0 {
	background: url('http://l.yimg.com/e/style/3/322/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/322/box1.gif') no-repeat left bottom;
	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/322/box.gif') white no-repeat left top;
	margin-bottom: 5px;
	padding-top: 20px;
	_border-bottom: 5px solid #ececec; /* fix for IE */
	_margin-bottom: 0px;
}
#boxRssList .boxRssList0 {
	background: url('http://l.yimg.com/e/style/3/322/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/322/box1.gif') no-repeat left bottom;
	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/322/box.gif') white no-repeat left top;
	margin-bottom: 5px;
	padding-top: 20px;
	_border-bottom: 5px solid #ececec; /* fix for IE */
	_margin-bottom: 0px;
}
#boxNewTrackback .boxNewTrackback0 {
	background: url('http://l.yimg.com/e/style/3/322/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/322/box1.gif') no-repeat left bottom;
	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/322/box.gif') white no-repeat left top;
	margin-bottom: 5px;
	padding-top: 20px;
	_border-bottom: 5px solid #ececec; /* fix for IE */
	_margin-bottom: 0px;
}
#boxFolder .boxFolder0 {
	background: url('http://l.yimg.com/e/style/3/322/links.gif') no-repeat 0px -125px;
	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/322/box1.gif') no-repeat left bottom;
	padding-bottom: 20px;
	padding-left: 30px;
}


#boxCounter {
	background: url('http://l.yimg.com/e/style/3/322/box.gif') white no-repeat left top;
	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/322/box1.gif') white no-repeat left bottom;
	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/322/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/322/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/322/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/322/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/322/footer.gif') no-repeat left bottom;
	padding-top: 5px;
	
}