/*
名稱：少宗-半成年愉快(嗎?)
css by spagyric, http://www.wretc.cc/blog/spagyric
*/

/* general set
----------------------*/
html {
	scrollbar-highlight-color: #000;
	scrollbar-3dlight-color: #000;
	scrollbar-face-color: #000;
	scrollbar-shadow-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-arrow-color: #555;
	scrollbar-track-color: #000;
	overflow: auto;
}
body {
	background: #000;
	color: #999;
	margin: 0px;
	font: 12px Arial;
}

a {
	color: #c6c6c6;
}
a:hover {
	color: #fff;
}


/* container and main
----------------------*/
#container1 {
	margin: 0px auto;
	width: 980px;
	height: 545px;
}
#container2 {
	margin-top: 20px;
	width: 980px;
	height: 525px;
	position: relative;
}

/* banner
----------------------*/
#banner {
	background: url('http://l.yimg.com/e/style/1/133/banner.jpg') no-repeat top left;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 160px;
	height: 505px;
}
#banner h1 {
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
}
#banner h1 a {
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	width: 155px;
	height: 500px;
	text-decoration: none;
}
#banner h1 .description {
	position: absolute;
	top: 30px;
	left: 5px;
	color: #ccc;
}
#banner #description2 {
	position: absolute;
	top: 410px;
	left: 3px;
	width: 150px;
	color: #000;
}
/* content
----------------------*/
#content {
	width: 465px;
	height: 525px;
	_height: 505px;
	margin-top: 0px;
	_margin-top: 20px;
	margin-left: 160px;
	padding-top: 20px;
	_padding-top: 0px;
}
.blog {
	background: #555;
	width: 465px;
	height: 505px;
	scrollbar-highlight-color: #555;
	scrollbar-3dlight-color: #555;
	scrollbar-face-color: #494949;
	scrollbar-shadow-color: #555;
	scrollbar-darkshadow-color: #555;
	scrollbar-arrow-color: #999;
	scrollbar-track-color: #555;
	overflow: hidden;
	_overflow: auto;
}
.blog:hover {
	overflow: auto;
}
.date {
	background: #888;
	width: 150px;
	text-align: center;
	padding: 3px;
	margin: 3px;
	float: right;
	font-size: 18px;
	letter-spacing: -1px;
	color: #555;
}
.blogbody {
	padding-left: 10px;
}
.title {
	margin: 0px;
	margin-top: 4px;
}
.posted {
	color: #777;
	font-size: 10px;
	text-align: right;
	border-bottom: 1px solid #777;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
.posted a {
	color: #777;
}
.posted a:hover {
	color: #bbb;

}
/* comments
----------------------*/
.total-comments-div {
	background: #4b4b4b;
	margin-right: 10px;
	padding: 5px;
	color: #777;
}
.total-comments-div .trackback-url {}
.total-comments-div .trackback-url input {
	border: 0px;
	background: #999;
	color: #222;
	font-size: 10px;
}
.comments-head {
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 10px;
	color: #aaa;
}
.comments-post {
	font-size: 10px;
	color: #666;
	border-bottom: 1px solid #777;
	padding-bottom: 3px;
	text-align: right;
	
}
.comments-post a img {
	height: 12px;
}
.comments-post a {
	color: #666;
	text-decoration: underline;
}
.comments-post a:hover {
	color: #aaa;
}
.total-comments-div form br {font-size: 1px;}
.total-comments-div form input {
	border: 0px;
}
#name_id, #email, #url {
	width: 400px;
	background: #888;
	color: #000;
}
#text {
	border: 0px;
	width: 400px;
	background: #888;
	color: #000;
}


/* links
----------------------*/
#links {
	background: url('http://l.yimg.com/e/style/1/133/links.jpg') no-repeat top left;
	position: absolute;
	top: 20px;
	left: 625px;
	width: 195px;
	height: 505px;
	z-index: 5;
	overflow: auto;
	_overflow: visible;
	scrollbar-highlight-color: #555;
	scrollbar-3dlight-color: #555;
	scrollbar-face-color: #555;
	scrollbar-shadow-color: #555;
	scrollbar-darkshadow-color: #555;
	scrollbar-arrow-color: #999;
	scrollbar-track-color: #555;
}

#links br {
	_display: none;
}
#links .side br {
	_display: inline;
}
#links2 {
	padding-left: 5px;
	_padding-left: 0px;
}
/* links detail
----------------------*/
.calendar {
	display: none;
}

#boxProfile .sidetitle {
	_display: none;
}
#boxProfile .boxProfile0 {
	_padding-top: 100px;
}
#boxProfile .boxProfile1 {
	_position: absolute;
	top: -20px;
	left: -625px;
	z-index: 10;
}
#links #boxProfile .side br {
	_display: none;
}
#boxProfile .boxProfile1 .boxProfileImg {
	_position: absolute;
	top: 25px;
	left: 725px;
	z-index: 5;
}
#boxProfile .side {
	_font-size: 0em;
	_color: #000;
	_letter-spacing: -2px;
}
#boxProfile .side a {
	_font-size: 0em;
	_color: #000;
	_letter-spacing: -2px;
	_text-decoration: none;
}
#boxProfile .side .boxProfileLink {
	_font-size: 9px;
	_letter-spacing: 0px;
	_color: #aaa;
	_display: block;
	_float: left;
	_width: 105px;
	_height: 14px;
	_padding-top: 2px;
	_margin-right: 2px;
	_padding-left: 15px;
	_background: url('http://l.yimg.com/e/style/1/133/arrow.gif') #aaa no-repeat 5px 4px;
}
#boxProfile .side .boxProfileLink:hover {
	_background: url('http://l.yimg.com/e/style/1/133/arrow2.gif') #fff no-repeat 5px 4px;
}
#boxProfile .side .boxAddFriendLink {
	_display: none;
}
#boxProfile .side .boxGiftLink {
	_display: none;
}
#boxProfile .side select {
	_display: none;
}

#boxSlideShow {
	display: none;
	_display: block;
}
#boxSlideShow .boxSlideShow0 {
	text-align: right;
	padding-right: 10px;
	color: #ccc;
	letter-spacing: 1px;
}
#boxSlideShow textarea#SlidePicTitle {
	background: #eee;
	color: #fff;
}
#boxSlideShow input {
	border: 0px;
	background: #999;
	font-size: 10px;
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 1px;
	height: 17px;
}

#boxSearch, #scupioSearch, #boxRssList {display: none;}

#boxMusic {
	_position: absolute;
	top: 440px;
	left: 200px;
	_width: 150px;
	
}


#boxNewArticle {
	_text-align: right;
	_position: absolute;
	top: 257px;
	left: 0px;
	_width: 185px;
}
#boxNewArticle .boxNewArticle0 {
	_color: #000;
}
#boxNewArticle .boxNewArticle1 .side br {
	_display: none;
}
#boxNewArticle .boxNewArticle1 .side {
	
}
#boxNewArticle .boxNewArticle1 .side a {
	text-decoration: none;
	_display: block;
	_width: 185px;
}
#boxNewArticle .boxNewArticle1 .side a:hover {
	_background: #555;
	_color: #bbb;
	
}
#boxNewComment {
	_position: absolute;
	top: -18px;
	left: -137px;
	_width: 162px;
}
#boxNewComment .boxNewComment0 {
}
#boxNewComment .boxNewComment0 .syndicate {
	_display: none;
}
#boxNewComment .boxNewComment1 {
	_display: none;
	_background: #888;
}
#boxNewComment .boxNewComment1 .side {
	font-size: 10px;
	color: #555;
	text-align: right;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	line-height: 8px;
	
}
#links #boxNewComment .boxNewComment1 .side br {
	display: none;
}
#boxNewComment .boxNewComment1 .side a {
	color: #ccc;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 3px;
}
#boxNewComment .boxNewComment1 .side a:hover{
	background: #666;
}
#boxNewComment .sidetitle {
	_background: #ccc;
	_font-size: 9px;
	_width: 162px;
	_height: 16px;
	_color: #ccc;
}
#boxNewComment .sidetitle a {
	display: block;
	background: #ccc;
	font-size: 9px;
	height: 14px;
	color: #000;
	letter-spacing: 2px;
	padding-top: 2px;
	text-decoration: none;
	width: 162px;
	text-align: center;
}
#boxNewComment .sidetitle .syndicate a {
	display: inline;
	background: transparent;
	font-size: 12px;
	height: auto;
	color: #000;
	letter-spacing: 0px;
	padding-top: 0px;
	text-decoration: none;
	width: auto;
	text-align: left;
}
#boxNewComment .sidetitle a:hover {
	background: #fff;
}


#boxCategory {
	_position: absolute;
	top: -18px;
	left: 27px;
	_width: 162px;
	z-index: 15;
}
#boxCategory .boxCategory1 {
	_display: none;
	_background: #888;
}
#boxCategory .boxCategory1 .side br {display: none;}
#boxCategory .boxCategory1 .side {
	font-size: .1em;
	_font-size: 0em;
	letter-spacing: -2px;
	_line-height: 0px;
	padding: 3px;
}
#boxCategory .boxCategory1 .side a {
	display: block;
	font-size: 12px;
	_font-size: 10px;
	_line-height: 14px;
	text-decoration: none;
	letter-spacing: 0px;
}
#boxCategory .boxCategory1 .side a:hover {
	background: #666;
}
#boxCategory .sidetitle {
	_background: #ccc;
	_font-size: 9px;
	_width: 162px;
	_height: 16px;
	_color: #ccc;
	
}
#boxCategory .sidetitle a {
	display: block;
	background: #ccc;
	font-size: 9px;
	width: 162px;
	height: 14px;
	color: #000;
	letter-spacing: 2px;
	padding-top: 2px;
	text-decoration: none;
	text-align: center;
}
#boxCategory .sidetitle a:hover {
	background: #fff;
}



#boxNewTrackback {
	_position: absolute;
	top: -18px;
	left: 191px;
	_width: 164px;
}

#boxNewTrackback .sidetitle {
	_background: #ccc;
	_font-size: 9px;
	_width: 164px;
	_height: 16px;
	_color: #ccc;
}
#boxNewTrackback .sidetitle a {
	display: block;
	background: #ccc;
	font-size: 9px;
	width: 164px;
	height: 14px;
	color: #000;
	letter-spacing: 2px;
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
}
#boxNewTrackback .sidetitle a:hover {
	background: #fff;
}
#boxNewTrackback .boxNewTrackback1 {
	_display: none;
	_background: #888;
}
#boxNewTrackback .boxNewTrackback1 .side {
	_font-size: 10px;
	text-align: right;
	padding: 3px;
	color: #666;
	line-height: 8px;
}
#boxNewTrackback .boxNewTrackback1 .side a {
	display: block;
	text-align: left;
	text-decoration: none;
	padding: 3px;
}
#boxNewTrackback .boxNewTrackback1 .side span a {
	display: inline;
	color: #666;
	padding: 0px;
}
#boxNewTrackback .boxNewTrackback1 .side a:hover {
	background: #666;
}
#boxNewTrackback .boxNewTrackback1 .side span a:hover {

	background: transparent;
}

#boxDate {
	_position: absolute;
	top: 510px;
	left: -583px;
}
#boxDate .boxDate0 {
	_display: none;
}
#boxDate .boxDate1 a {
	color: #999;
	text-decoration: none;
}
#boxDate .boxDate1 a:hover {
	color: #ccc;
}
#boxDate .boxDate1 select {
	_display: none;
}
#boxFolder {
	_display: none;
}
#boxCounter {
	_position: absolute;
	top: 465px;
	left: -615px;
}
#boxCounter .boxCounter0 {
	_display: none;
}
#boxCounter .boxCounter1 {
	color: #777;
}
#links .syndicate {
	_position: absolute;
	top: 508px;
	left: -625px;
	_width: 36px;
	_height: 15px;
	_overflow: hidden;
}
#links .powered {
	_display: none;
}
/* extradiv and footer
----------------------*/
#extraDiv1 {
	background: url('http://l.yimg.com/e/style/1/133/extradiv1.jpg') no-repeat top left;
	width: 160px;
	height: 505px;
	position: absolute;
	top: 20px;
	left: 820px;
	z-index: 1;
}
#extraDiv2 {
	_border-bottom: 1px solid #444;
	_height: 20px;
	_margin-top: 2px;
}
#extraDiv2 .powered {
	text-align: right;
}
#extraDiv2 .powered form {
	margin: 0px;
}
#extraDiv2 .powered form input {
	border: 0px;
	background: #777;
	color: #000;
	height: 14px;
	font-size: 9px;
	margin-left: 2px;
}
#extraDiv6 {behavior_EX_bodyOnload: expression(body.onload = function EX_bodyOnload() {var userhome = document.getElementById('boxProfile').firstChild.nextSibling.firstChild.firstChild.nextSibling.nextSibling.nextSibling.nextSibling;var bloghome = document.getElementById('boxProfile').firstChild.nextSibling.firstChild.firstChild.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;var albumhome = document.getElementById('boxProfile').firstChild.nextSibling.firstChild.firstChild.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;var gbhome = document.getElementById('boxProfile').firstChild.nextSibling.firstChild.firstChild.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling;userhome.innerHTML = 'profile';bloghome.innerHTML = 'blog';albumhome.innerHTML = 'album';gbhome.innerHTML = 'guestbook';userhome.style.letterSpacing='2px';bloghome.style.letterSpacing='2px';albumhome.style.letterSpacing='2px';gbhome.style.letterSpacing='2px';userhome.style.color='#000';bloghome.style.color='#000';albumhome.style.color='#000';gbhome.style.color='#000';document.getElementById('boxNewComment').firstChild.firstChild.innerHTML = '<a href="#">recent comments</a>';document.getElementById('boxCategory').firstChild.firstChild.innerHTML = '<a href="#">categories</a>';document.getElementById('boxNewTrackback').firstChild.firstChild.innerHTML = '<a href="#">trackbacks</a>';var wretchLocation = window.location;var wretchURL = new String(wretchLocation);var URL_1 = wretchURL.split('/');var URL_2 = URL_1[4].split('&',1);var wretchID = URL_2[0].split('#',1);var power = new String();var ClassPowered = document.getElementById('divThird2').lastChild;if (document.getElementsByName('userid')[0]) {power = '<form action="../lib/login.php" method="post" ><input type="hidden" name="location" value="http%3A%2F%2Fwww.wretch.cc%2Fblog%2F' + wretchID + '" /><input name="userid" type="text" size="12" maxlength="12" style="margin-top: 1px;" /><input name="passwd" type="password" size="12" maxlength="12" /><input type="submit" value="login" name="submit" /></form>';}else {var userID1 = new String(ClassPowered.firstChild.nextSibling.nextSibling.nextSibling.nextSibling.href);var userID2 = userID1.split('/');var userID3 = userID2.length;power = 'hi! ' + userID2[userID3-1] + '. <a href="../lib/logout.php?url=http%3A%2F%2Fwww.wretch.cc%2Fblog%2F' + wretchID + '">logout</a>';}document.getElementById('extraDiv2').innerHTML = '<div class="powered">'+ power + '</div>';});}
#boxNewComment, #boxCategory, #boxNewTrackback {behavior_EX1: expression(this.onmouseover = function EX1() {this.firstChild.nextSibling.style.display='block';});behavior_EX2: expression(this.onmouseout = function EX2() {this.firstChild.nextSibling.style.display='none';});}