/*General Set
-------------------------------------------------*/
html {background: #756359;
scrollbar-face-color:#eee;
scrollbar-track-color:#ACD6FF;
scrollbar-arrow-color:#aaa;
scrollbar-shadow-color:#eee;
scrollbar-highlight-color:#eee;
scrollbar-3dlight-color:#ACD6FF;
scrollbar-darkshadow-Color:#ACD6FF;
}

body {
	font: 10px Arial;
	color: #000000;
	background: #C4E1FF;
	margin: 0px;
cursor:url("http://pic.wretch.cc/icon/blog/ayu9896/20050911/sugh001.ani")
	scrollbar-face-color:#eee;
scrollbar-track-color:#ACD6FF;
scrollbar-arrow-color:#aaa;
scrollbar-shadow-color:#eee;
scrollbar-highlight-color:#eee;
scrollbar-3dlight-color:#ACD6FF;
scrollbar-darkshadow-Color:#ACD6FF;  }

a {     font: 10px Arial;
	text-decoration: none;
	color: #5B5B5B;cursor:default;

cursor:url("http://pic.wretch.cc/icon/blog/ayu9896/20050911/sugh001.ani")
}

a:hover {font: 10px Arial;
	color: #7B7B7B;
	text-decoration: underline;cursor:default;
cursor:url("http://pic.wretch.cc/icon/blog/ayu9896/20050911/sugh001.ani")
}
#container1 { /*the top background*/
	background: url('http://pic.wretch.cc/icon/blog/ayu9896/20050911/container1.jpg') no-repeat 0% 0%;
	width: 720px;
	margin: 10px auto; padding: 0px;
}

#container2 {
	margin-top: 293px; /* depend on the top background height you wanna show */
	background: #ACD6FF;
	height: 100%;
}

/*Banner and pageheader
-------------------------------------------------*/
#banner {
	height: 95px;
	/* this sets the second background on the top, the dark side.*/
	background: url(http://pic.wretch.cc/icon/blog/ayu9896/20050911/banner.jpg) #ACD6FF no-repeat 0% 0%;
	padding-left: 30px;
	padding-right: 10px;
}

#banner h1 a {font-size: 12px;font-weight: normal;
	color: #613030; text-decoration: none;
}

#banner h1 a:hover {
	color: #66B3FF; text-decoration: none;
}

#banner .description {font-weight: normal;
	color: #FF0000; font-size: 11px;
}

#description2 {
	padding-top: 14px;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;

}
#description2 .description {
	color: #666;
	font-size: 12px;
}

/*content
-------------------------------------------------*/
#content {background:#97CBFF;font-family:verdana, arial, sans-serif;
	float: left;line-height:170%;
	width: 520px;
}
.blog {background: #ECFFFF;
	padding-left: 20px;
	padding-right: 15px;
}

#content img {max-width: 450px;} /* this style for FireFox only */
.picleft {float: left; margin: 10px;}
.picright {float: right; margin: 10px;}
.piccenter {display: block; margin: 10px;}

.date { font-weight: bold;font-family:verdana, arial, sans-serif;
	color: #9D9D9D;
	font-size: 10px;
	background: url() no-repeat top left;
	padding: 0px;
	margin: 0px;
	
}
.datediv {
	/* the arrow background, list item. */
	background: url('http://pic.wretch.cc/icon/blog/ayu9896/20050911/datediv.gif') no-repeat 20px 50%;
	padding-left: 43px;
	padding-top: 6px;
	padding-bottom: 5px;
	
}
.title {font-size: 12px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #9D9D9D;
	margin-left: 10px;
}
select{font size:10px}
.extended {text-align: right; margin-top: 0px;}

.articletext {
	border: 1px solid #ACD6FF;
	padding: 10px;
}
.posted {
	background: url('') no-repeat bottom right;
	padding-bottom: 6px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	margin-bottom: 30px;
}
/*links
-------------------------------------------------*/
#links {background: #ACD6FF;
	line-height:170%;
	width: 180px;
	right: 0px;
	margin-left: 470px
}

.calendar {margin-top: 25px; margin-bottom: 20px;}
.side{line-height:180%;}
.sidetitle {
	background: url('http://pic.wretch.cc/icon/blog/ayu9896/20050911/sidetitle.gif') no-repeat 0px 0px;
	padding-bottom:5px;
	padding-left:10px;
	font-size: 11px;
	font-weight: bold;
	color: #613030;
	border: 0px solid white;
}

.boxProfileImg img {
	padding: 5px;
	margin-bottom: 5px;
	background: #ACD6FF;
}

.boxProfile1 {
	padding-left: 10px;
	
}

#SlidePicLink img {
	width: 70px;
}

.boxSlideShow1 {
	height: 180px;
}

.boxNewArticle1 {
	border-left: 1px solid #FF0000;
	padding-left: 10px;
	margin-left: 10px;
}

.boxCategory1 {
	border-left: 1px solid #FF0000;
	padding-left: 10px;
	margin-left: 10px;

}

.boxNewComment1 {
	margin-bottom: 20px;
	height: 200px;
	overflow: auto;

scrollbar-face-color:#eee;
scrollbar-track-color:#ACD6FF;
scrollbar-arrow-color:#aaa;
scrollbar-shadow-color:#eee;
scrollbar-highlight-color:#eee;
scrollbar-3dlight-color:#ACD6FF;
scrollbar-darkshadow-Color:#ACD6FF;
}



.boxNewComment1 .side {
	text-align: right;

}

.boxNewComment1 a {
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	background: #ACD6FF;
	color: #999;
}

.boxNewComment1 a:hover {
	background: #F0FFF0;
	color: #333;
}

.boxFolder1 {
	text-align: left;
        margin-left:10px;
	padding-left: 10px;
	border-left: 1px solid #FF0000;
}

.boxFolder1 a {
}

.boxFolder1 a:hover {	
}


.boxCounter1 {
	padding-left: 20px;
	font-weight: bold;
}

.syndicate {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}

/*Comments
-------------------------------------------------*/

.total-comments-div {
	border: 0px solid #aaa;
	margin-left: 83px;
	
}
.comments-head {color: #FFAC36;
	background: url(comments-head.jpg) no-repeat 0px 0px;
	border-bottom: 1px solid #00A600;
	padding: 5px;
	padding-left: 20px;
	font-weight: bold;
	letter-spacing: 0.2em
}

.comments-body {font-family:verdana, arial, sans-serif;
	border-left: 1px solid #ACD6FF;
	border-right: 1px solid #ACD6FF;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px solid #eee;
	color: #7B7B7B;
}
.comments-body p {
	padding-left: 10px;
	padding-right: 30px;
}

.comments-bottom .comments-head {
	background: #fff;
	border: 1px solid #ACD6FF;
	text-align: left;
	padding-right: 20px;
}

.comments-post {
	text-align: right;
	color: #ACD6FF;
	padding-bottom: 10px;
	margin-left: 60px;
	padding-right: 10px;
	
}


.comments-body form {
	border-bottom: 1px solid #ACD6FF;
	padding: 10px;
	text-align: left;
}
input { font-size: 10px;
	border: 1px solid #ACD6FF;
	background: #fff;
	color: #7B7B7B;

}
#url {width: 85%;}
#email {width: 85%;}
#text { padding:10px;
	font-family: Arial;
	width: 350px;
	border: 1px solid #ACD6FF;
	color: #444;
	
}

/*footer and extra
-------------------------------------------------*/

#footer {
	width: 100%;
	background: url('') transparent  no-repeat bottom 50%;
	height: 40px;
}
.powered{margin-bottom:20px}
.powered img  {height: 1px;}     

      .postisAuth{display:none;}
.postweb img{
	visibility: hidden;
	width: 20px;
}
.postemail img{
	visibility: hidden;
	width: 20px;
}
/* 更換掉回應裡的圖片 */
/* 回應者資料的圖片 */
.postuser{
	padding-right: 23px;
	background-repeat: no-repeat;
	background-position: right;
	background-image:  url(http://pic.wretch.cc/icon/blog/standinghere/20050620/postuser.jpg);
	padding-top: 5px;
}
/* 回應人mail圖片 */
.postemail:link,.postemail:visited,.postemail:active {
	background-repeat: no-repeat;
	background-image: url(http://pic.wretch.cc/icon/blog/standinghere/20050620/postemail.jpg);
	background-position: right;
}
.postemail:hover {
	border-bottom: 1px dotted #ccc;
}
/* 回應者網址圖片 */
.postweb:link,.postweb:visited,.postweb:active {
	background-repeat: no-repeat;
	background-image: url(http://pic.wretch.cc/icon/blog/standinghere/20050620/postweb.jpg);
	background-position: right;
}
.postweb:hover {
	border-bottom: 1px dotted #ccc;
}