/*
※ 此樣式為提供無名小站使用者套用，使用者可自行更改樣式
※ CSS design by spagyric, http://www.wretch.cc/blog/spagyric
*/



/***********************
.boxAddFriendLink {
  display: none;
}

.boxGiftLink {
  display: none;
}
*************************/

/* General Set
----------------------------------------- */
html, #text { 
	scrollbar-face-color:#eee;
	scrollbar-track-color:#eee;
	scrollbar-3dlight-color:#eee;
	scrollbar-darkshadow-Color:#eee;
	scrollbar-arrow-color:#444;
	scrollbar-shadow-color:#444;
	scrollbar-highlight-color:#444;
}

body {
	font: .8em Arial;
	color: #444;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/bg.gif') repeat-y #9e9878 50% 50%;
	margin: 0px;
}

a {
	color: #123456;
	text-decoration: none;
}
a:hover {
	color: #000;
}

/* container
----------------------------------------- */
#container1 {
	width: 750px;
	position: relative;
	margin: 0px auto;
}
#container2 {
	margin-left: 10px;
	margin-right: 10px;
}

/* banner
----------------------------------------- */
#banner {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/banner2.gif') no-repeat 50% bottom;
	height: 100px; width: 730px;
	position: absolute; top: 0px; left: 10px;
	z-index: 10;
}
#pageheader {margin-top: 0px;}
#pageheader h1 a {
	position: absolute; top: 0px; left: 0px;
	display: block; width: 690px; height: 100px;
	padding-top: 0px;
	padding-left: 40px;
	font-size: 36px;
	letter-spacing: -6px;
	color: #fff;
	font-family: simhei;
	font-weight: normal;
	z-index: 11;
}
#pageheader .description {
	font-family: simhei;
	position: absolute; top: 34px; left: 100px;
	color: #ddd;
	font-size: 26px;
	z-index: 10;
}
#pageheader #description2 .description {
	font: 12px arial;
	position: absolute; top: 110px; left: 0px;
	display: block; height: 25px; width: 710px;
	text-align: left;
	padding-top: 8px;
	color: #28568a;
	padding-right: 10px; padding-left: 10px;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/description2.gif') #98B4CF no-repeat right top;
	z-index: 10;
}
/* main
----------------------------------------- */
#main2 {
	padding-top: 153px;
}

/* content
----------------------------------------- */
#content {
	width: 504px;
	margin-top: 2px;
	float: left;
	color: #16586c;
}
#content a { color: #487f90;}
#content a:hover { color: #907148;}
.date {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/date.gif') #CDDECD no-repeat top right;
	width: 220px; height: 39px;
	font-size: 28px; letter-spacing: -3px;
	color: #fff;
	padding-top: 3px;
}
.blogbody {
	margin-bottom: 10px;
}
.blogbody2 {}
.articletext {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/articletext.gif') #CDDADE no-repeat top right;
	padding: 0px 10px 0px 10px;
}
.articletext .title {
	margin-top: 10px;
	color: #fff;
	padding-top: 10px;
}
.articletext .innertext {
	color: #555;
}
.articletext .extended {
	text-align: right;
	font-size: 10px;
}
.posted {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/posted.gif') #CDDADE no-repeat bottom right;
	height: 11px;
	padding-right: 20px;
	padding-bottom: 10px;
	text-align: right;
}


/* comments
----------------------------------------- */
.total-comments-div {
	padding-top: 22px;
	margin-top: 10px;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/totalcomments.gif') #DCDCD3 no-repeat top left;
	width: 350px;
	margin-left: 154px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head { /* trackbacks title */
}
.total-comments-div .comments-head { /* comments title */
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/commentshead.gif') no-repeat 5px 5px;
	padding-left: 20px;
	font: 20px simhei; color: #fff;
	letter-spacing: -3px;	
}
.total-comments-div .comments-bottom .comments-head { /* write a comments title */
	
}
.total-comments-div .comments-body {
	width: 325px;
	margin-left: 20px;
}
.total-comments-div .comments-body p {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/commentsbody.gif') #C2C5B9 no-repeat top left;
	padding: 17px 10px 0px 10px;
	margin: 0px; color: #555;
}
.total-comments-div .comments-body .comments-post {
	text-align: right;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/commentspost.gif') #C2C5B9 no-repeat bottom left;
	padding: 10px 15px 0px 0px;
	margin-bottom: 10px;
	font-size: 10px;
	color: #999;
}
.total-comments-div .comments-body form {
}
.total-comments-div .comments-body form input {
	border: 1px solid #888;
	background: transparent;
}

.postuser {}
.postemail {}
.postweb {}

#nameid {}
#email {width: 300px;}
#url {width: 300px;}
#text {
	width: 300px;
	border: 1px solid #888;
	background: transparent;
	font-family: arial;
	font-size: 12px;
}

.postisAuth , .postemail img , .postweb img {
	display: none;
}
.postemail {
	display: inline-block; width: 30px; height: 16px;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/postimg.gif') no-repeat 0px -1px;
}
.postemail:hover {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/postimg.gif') no-repeat 0px -21px;
}
.postweb {
	display: inline-block; width: 27px; height: 17px;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/postimg.gif') no-repeat -35px 0px;
}
.postweb:hover {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/postimg.gif') no-repeat -35px -20px;
}

/* links
----------------------------------------- */
#links {
	width: 215px;
	margin-left: 510px;
	margin-top: 54px;
	color: #aaa;
}
#links2 { padding: 20px 3px 0px 15px;}
#links .sidetitle {
}
#links .side {
	margin-top: 10px;
	margin-bottom: 10px;
}

#links br {display: none;}
#links .side br {display: block;}
#links a { color: #ccc;}
#links input {
	border: 1px solid #999;
	background: transparent;
	color: #ccc;
}
#links select {
	background: #706B65;
	color: #ccc;
}
#links a:hover { color: #fff;}
/* links boxes
----------------------------------------- */
.calendar {font-size: 10px;}

#boxProfile {
	position: absolute; top: 153px; right: 10px;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/boxprofile.gif') #85cf35 no-repeat left top;
	width: 500px; height: 44px;
	color: #85cf35;
	font-size: 0px; letter-spacing: -3px;
	z-index: 10;}
#boxProfile .boxProfile0 {display: none;}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {}
#boxProfile .boxProfile1 .side {
	width: 485px;
	padding-left: 15px;
	margin: 0px;}
#boxProfile .boxProfile1 .side br {display: none;}
#boxProfile .boxProfile1 .side a {
	font-size: 0px; letter-spacing: -2px;
	color: #85cf35;}
#boxProfile .boxProfile1 .side .boxProfileImg {display: none;}
#boxProfile .boxProfile1 .side .boxProfileLink {
	display: block; width: 120px; height: 28px;
	font-size: 10px; letter-spacing: -1px;
	color: #fff;
	text-align: center;
	padding-top: 12px;
	float: left;}
#boxProfile .boxProfile1 .side .boxProfileLink:hover {background: #a4e063;}
#boxProfile .boxProfile1 .side  select {display: none;}

#boxNewArticle {}
#boxNewArticle .boxNewArticle0 {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/box.gif') no-repeat 0px -31px;
	height: 20px;
}
#boxNewArticle .boxNewArticle0 .sidetitle {display: none;}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}

#boxCategory {}
#boxCategory .boxCategory0 {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/box.gif') no-repeat 0px -90px;
	height: 23px;
}
#boxCategory .boxCategory0 .sidetitle {display: none;}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}
#boxCategory .boxCategory1 .side div {
	font-size: 0px; letter-spacing: -3px;
}
#boxCategory .boxCategory1 .side div a {
	font-size: 12px; letter-spacing: 0px;
}

#boxDate {}
#boxDate .boxDate0 {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/box.gif') no-repeat 0px -151px;
	height: 26px;
}
#boxDate .boxDate0 .sidetitle {display: none;}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch {}
#boxSearch .boxSearch0 {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/box.gif') no-repeat 0px -121px;
	height: 20px;
}
#boxSearch .boxSearch0 .sidetitle {display: none;}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 10px;
}
#boxSearch .boxSearch1 .side br {display: none;}


#scupioSearch {}
#scupioSearch .scupioSearch0 {display: none;}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment {}
#boxNewComment .boxNewComment0 {
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/box.gif') no-repeat 0px -60px;
	height: 26px;
}
#boxNewComment .boxNewComment0 .sidetitle {display: none;}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {
	text-align: right;
	font-size: 10px;
}
#boxNewComment .boxNewComment1 .side a {
	display: block; text-align: left;
	font-size: 12px;
}

#boxFolder {}
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {
	font-size: 28px; letter-spacing: -3px;
	color: #fff;
}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side a {font-size: 10px;}

#boxCounter {
	position: absolute;
	top: 0px;
	right: 14px;
	text-align: right;
	font-size: 10px;
	z-index: 13;
	color: #aaa;
}
#boxCounter .boxCounter0 {display: none;}
#boxCounter .boxCounter0 .sidetitle {}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {
	margin: 0px;
}


#links #boxNewArticle br , #links #boxCategory br , #links #boxFolder br { display: none;}
#boxNewArticle a , #boxCategory a  , #boxFolder a {
	display: block;
	margin-bottom: 1px;
	color: #bbb;
	padding: 0px 5px 0px 5px;
	margin-right: 5px;
	border-left: 3px solid #888;}
#boxNewArticle a:hover , #boxCategory a:hover , #boxFolder a:hover {
	background: #ddd;
	color: #666;
	text-decoration: none;
	border-left: 3px solid #fff;
}

.syndicate {}

/* powered
----------------------------------------- */
#links .powered br { display: block;}
#links .powered {
	
}
#links .powered .powerlogo img { display: none;}
#links .powered .powerlogo {
	display: block; width: 80px; height: 30px;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/wretchlogo.gif') no-repeat 0% 0%;
}
.total-comments-div .powered {
	color: #444;
	text-align: right;
	padding-right: 30px;
}

/* footer
----------------------------------------- */
#footer {}
#extraDiv1 {
	position: absolute; top: 0px; right: 10px;
	width: 215px; height: 207px;
	background: white;
	z-index: 1;}
#extraDiv3 {
	position: absolute; top: 207px; right: 202px;
	width: 23px; height: 21px;
	border: 0px solid red;
	background: url('http://f8.wretch.yimg.com/blog/spagyric/20050904/links.gif') no-repeat top left;
}






 