/*--------------------------
the city of Paris
css and design by spagyric , http://www.wretch.cc/blog/spagyric
會改的人就盡量亂改，不會改的人就將就用吧。

更改@import可換主題：
00 - 包含全部
	@import url('http://pic.wretch.cc/icon/htcmi/blog_design/blog32/theme00.css');
01 - Ile de France
	@import url('http://pic.wretch.cc/icon/htcmi/blog_design/blog32/theme01.css');
02 - la Tour Eiffel
	@import url('http://pic.wretch.cc/icon/htcmi/blog_design/blog32/theme02.css');
03 - Louis Vuitton
	@import url('http://pic.wretch.cc/icon/htcmi/blog_design/blog32/theme03.css');
04 - Arc de Triomphe
	@import url('http://pic.wretch.cc/icon/htcmi/blog_design/blog32/theme04.css');
--------------------------*/

/* user set
--------------------------*/
@import url('http://pic.wretch.cc/icon/htcmi/blog_design/blog32/theme03.css'); 04 - Arc de Triomphe
   /* 更改主題(theme00.css ~ theme04.css) */
#boxProfile .boxProfile1 .side select {display: none;} /* 刪除此行可顯示好友列表 */
#boxDate .boxDate1 .side select {display: none;} /* 刪除此行可顯示文章彙集 */

/* general set
--------------------------*/
html {
	overflow: auto;
}
body {
	margin: 0px;
	background: url('http://l.yimg.com/e/style/1/131/body.gif') #E8E5DF repeat-x 50% 0%;
	font: .8em Arial;
}

/* container and main
--------------------------*/
#container1 {
	margin: 0px auto;
	width: 978px;
	height: 600px;
	overflow: hidden;
	background: #fff;
	position: relative;
}




/* banner
--------------------------*/
#banner {
	position: absolute;
	top: 386px;
	left: 349px;
	width: 603px;
	height: 146px;
	
	overflow: hidden;
	color: #ccc;

	background: url('http://l.yimg.com/e/style/1/131/banner.jpg') no-repeat top left;
	_background: #000;
}
#banner h1 {
	margin: 0px;
	font-size: 26px;
}
#banner h1 a {
	color: #ccc;
	text-decoration: none;
	font-weight: normal;
	display: block;
	width: 593px;
	text-align: right;
	height: 136px;
	letter-spacing: -2px;
	padding-top: 10px;
	padding-right: 10px;
}
#banner h1 .description {
	position: absolute;
	top: 36px;
	right: 10px;
	font-size: 12px;
	font-weight: normal;
}
#banner #description2 {
	position: absolute;
	top: 60px;
	left: 300px;
	width: 290px;
	color: #777;
	
}


/* content
--------------------------*/
#content {
	position: absolute;
	top: 33px;
	left: 349px;
	width: 603px;
	height: 350px;
	overflow: auto;
	background: #ccc;
	
	color: #666;
	
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #ccc;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-face-color: #ccc;
	scrollbar-track-color: #ccc;
	scrollbar-arrow-color: #fff;
}
#content a {
	color: #999;
	text-decoration: none;
}
#content a:hover {
	color: #333;
	text-decoration: underline;
	
}
.date {
	font-family: "標楷體";
	font-size: 26px;
	letter-spacing: -2px;
	color: #fff;
	text-align: right;
	padding-right: 10px;
}
.blogbody {
	padding: 0px 10px 0px 20px;
}
.title {
	margin: 0px;
}
.innertext {
}
.extended {
	font-size: 11px;
	text-align: right;
	color: #999;
}
.posted {
	font-size: 11px;
	text-align: right;
	color: #999;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}


/* comments
--------------------------*/
.trackback-url {
	font-size: 10px;
	color: #aaa;
	font-size: 10px;
	text-align: right;
}
.trackback-url input {
	border: 0px;
	background: #eee;
	color: #aaa;
	font-size: 10px;
}
.comments-head {
	margin-top: 10px;
	text-indent: -5000px;
	overflow: hidden;
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/131/comments-head.gif') no-repeat 0px -30px;
}
.trackbacks-head .comments-head {
	background-position: 0px 0px;
}
.comments-bottom .comments-head {
	background-position: 0px -60px;
}
.comments-body {
	border-bottom: 1px solid #fff;
}
.comments-post {
	text-align: right;
	font-size: 11px;
	color: #999;
}
.comments-body form br {
	display: none;
}
.comments-body form input {
	border: 0px;
}
#url, #name_id, #email {
	width: 95%;
	background: #eee;
}
#text {
	width: 95%;
	border: 0px;
	background: #eee;
	overflow: auto;
}


/* links
--------------------------*/
#links {
	position: a1bsolute;
	top: 33px;
	left: 26px;
	padding-top: 33px;
	padding-left: 26px;
}
#links2 {
	width: 320px;
	height: 499px;
	overflow: auto;
	
	background: url('http://l.yimg.com/e/style/1/131/firefox_1.jpg') no-repeat top left;
	_background: #969696;
	padding-top: 0px;
	color: #555;
	
	
	scrollbar-highlight-color: #bbb;
	scrollbar-3dlight-color: #969696;
	scrollbar-shadow-color: #bbb;
	scrollbar-darkshadow-color: #969696;
	scrollbar-track-color: #969696;
	scrollbar-face-color: #969696;
	scrollbar-arrow-color: #bbb;
	
}
#links2 .calendar,
#links2 #boxProfile,
#links2 #boxSlideShow,
#links2 #boxMusic,
#links2 #boxNewArticle,
#links2 #boxCategory,
#links2 #boxDate,
#links2 #boxSearch,
#links2 #scupioSearch,
#links2 #boxNewComment,
#links2 #boxRssList,
#links2 #boxNewTrackback,
#links2 #boxFolder,
#links2 #boxCounter,
#links2 .syndicate,
#links2 .powered {
	display: none;
	_display: block;
}
#links2:hover {
	background: #969696;
}
#links2:hover .calendar,
#links2:hover #boxProfile,
#links2:hover #boxSlideShow,
#links2:hover #boxMusic,
#links2:hover #boxNewArticle,
#links2:hover #boxCategory,
#links2:hover #boxDate,
#links2:hover #boxSearch,
#links2:hover #scupioSearch,
#links2:hover #boxNewComment,
#links2:hover #boxRssList,
#links2:hover #boxNewTrackback,
#links2:hover #boxFolder,
#links2:hover #boxCounter,
#links2:hover .syndicate,
#links2:hover .powered {
	display: block;
}
#links2:hover .calendar .calendar {display: inline;}
#links2 .calendar .calendar {_display: inline;}
#links a {
	color: #ccc;
	text-decoration: none;
}
#links a:hover {
	color: #fff;
}

/* links detail
--------------------------*/
.calendar {
	font-size: 10px;
	width: 180px;
	margin-top: 32px;
	_margin-top: 10px;
}

#boxProfile .boxProfile0 {display: none;}
#boxProfile .side {
	position: absolute;
	z-index: 10;
	top: 43px;
	left: 26px;
	_top: 552px;
	_left: 717px;
	width: 295px;
	_width: 172px;
	height: 17px;
	_height: 16px;
	font-size: 0em;
	letter-spacing: -2px;
	color: #fff;
	background: url('http://l.yimg.com/e/style/1/131/boxprofilelink.gif') #fff no-repeat top left;
	_background: url('http://l.yimg.com/e/style/1/131/boxprofilelink.gif') transparent no-repeat top left;
	
}
#boxProfile .side br {display: none;}
#boxProfile .side .boxProfileImg {display: none;}
#boxProfile .side a {
	color: #fff;
}
#boxProfile .side a.boxProfileLink {
	display: block;
	width: 43px;
	height: 16px;
	float: left;
}
#boxProfile .side .boxAddFriendLink {display: none;}
#boxProfile .side .boxGiftLink {display: none;}
#boxProfile .side select {
	display: none;
	_display: block;
	position: absolute;
	left: -690px;
	top: -4px;
	color: #aaa;
	font-size: 11px;
	width: 113px;
}

#boxSlideShow .boxSlideShow0 {
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 5px 2px;
	height: 0px;
	_height: 25px;
	padding-top: 25px;
	_padding-top: 0px;
	width: 80px;
	float: left;
}
#boxSlideShow .sidetitle {
	margin-top: 0px;
	_margin-top: 25px;
	margin-left: 5px;
	background: #969696;
}
#boxSlideShow .boxSlideShow1 {
	margin-left: 85px;
}
#boxSlideShow .side {
	width: 210px;
	background: #ccc;
}
#boxSlideShow .side table {
	width: 210px;
}
#boxSlideShow .side input {
	border: 1px solid #aaa;
	background: #fff;
	font-size: 10px;
	color: #aaa;
}
#boxSlideShow .side img {
	border: 3px solid white;
}
#boxSlideShow .side textarea#SlidePicTitle {
	border: 1px solid red;
	background: #fff;
	font-family: Arial;
	color: #fff;
	margin: 0px;
	width: 100px;
}

#boxMusic {
	position: relative;
	margin-bottom: 30px;
}
#boxMusic .boxMusic0 {
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 5px -28px;
	height: 0px;
	_height: 25px;
	padding-top: 25px;
	_padding-top: 0px;
	width: 130px;
	float: left;
}
#boxMusic .sidetitle {
	margin-top: 0px;
	_margin-top: 25px;
	background: #969696;
	margin-left: 5px;
	width: 130px;
	padding-bottom: 10px;
	color: #eee;
}
#boxMusic .boxMusic1 {
	margin-left: 150px;
	_margin-left: 0px;
	
}
#boxMusic .side {
	
}


#boxNewArticle {
	clear: both;
	width: 145px;
	_width: 145px;
	float: left;
}
#boxNewArticle .boxNewArticle0 {
	margin-left: 5px;
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 0px -60px;
}
#boxNewArticle .sidetitle {
	display: none;
}
#boxNewArticle .boxNewArticle1 {
	margin-left: 5px;
}
#boxNewArticle .side br {display: none;}
#boxNewArticle .side {
	
}
#boxNewArticle .side a {
	display: block;
	font-size: 11px;s
	width: 149px;
}
#boxNewArticle .side a:hover {
	background: #a3a3a3;
}


#boxCategory {
	width: 150px;
	_width: 150px;
	margin-left: 150px;
}
#boxCategory .boxCategory0 {
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 0px -90px;
}
#boxCategory .sidetitle {
	display: none;
}
#boxCategory .side {
	font-size: 0em;
	letter-spacing: -2px;

}
#boxCategory .side br {display: none;}
#boxCategory .side a {
	display: block;
	font-size: 11px;
	letter-spacing: 0px;
	width: 149px;
}
#boxCategory .side a:hover {
	background: #a3a3a3;
}


#boxDate {
	clear: both;
}
#boxDate br {display: none;}
#boxDate .boxDate0 {display: none;}
#boxDate .boxDate1 {
	position: absolute;
	top: 43px;
	left: 200px;
	_top: 551px;
	_left: 889px;
	z-index: 10;
	width: 63px;
	
}
#boxDate .boxDate1 select {
	position: absolute;
	top: -3px;
	font-size: 11px;
	color: #aaa;
	left: -750px;
}
#boxDate .side a {
	font-size: 0em;
	color: #fff;
	letter-spacing: -2px;
	width: 63px;
	height: 16px;
	display: block;
	background: url('http://l.yimg.com/e/style/1/131/boxdate.gif') no-repeat top left;
}

#boxSearch {
	width: 150px;
	float: left;
}
#boxSearch .boxSearch0 {
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 0px -120px;
	margin-left: 5px;
}
#boxSearch .sidetitle {display: none;}
#boxSearch .boxSearch1 {
	margin-left: 5px;
}
#boxSearch .side input {
	font-size: 11px;
	border: 0px;
}

#scupioSearch {
	width: 150px;
}
#scupioSearch img {
	filter: gray;
}
#scupioSearch .scupioSearch0 {display: none;}
#scupioSearch .side input {
	border: 0px;
	font-size: 11px;
}

#boxNewComment {
	clear: both;
	width: 295px;
}
#boxNewComment .boxNewComment0 {
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 0px -150px;
	margin-left: 5px;
}
#boxNewComment .sidetitle {display: none;}
#boxNewComment .boxNewComment1 {
	margin-left: 5px;
}
#boxNewComment .side br {display: none;}
#boxNewComment .side {
	color: #bbb;
	font-size: 10px;
	text-align: right;
}
#boxNewComment .side a {
	font-size: 11px;
	text-align: left;
	display: block;
	margin-bottom: -13px;
	width: 185px;
	padding-right: 110px;
}
#boxNewComment .side a:hover {
	background: #a3a3a3;
}


#boxRssList .boxRssList0 {
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 0px -180px;
	margin-left: 5px;
}
#boxRssList .sidetitle {display: none;}
#boxRssList .boxRssList1 {
	margin-left: 5px;
}
#boxRssList br {display: none;}
#boxRssList .side {
	color: #bbb;
	font-size: 10px;
	text-align: right;
	margin-bottom: 10px;
	width: 288px;
	
}
#boxRssList .side a {
	font-size: 11px;
	text-align: left;
	display: block;
	width: 286px;
	margin-top: -15px;
	padding: 1px 0px 2px 0px;
}
#boxRssList .side a:hover {
	background: #a3a3a3;
}

#boxNewTrackback .boxNewTrackback0 {
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 0px -210px;
	margin-left: 5px;
}
#boxNewTrackback .sidetitle { display: none;}
#boxNewTrackback .boxNewTrackback1 {
	width: 290px;
	padding-left: 5px;
}
#boxNewTrackback .side br {display: none;}

#boxNewTrackback .side {
	font-size: 10px;
	text-align: right;
	color: #bbb;
}
#boxNewTrackback .side a {
	font-size: 11px;
	display: block;
	text-align: left;
	margin-bottom: -15px;
	width: 295px;
}
#boxNewTrackback .side span a {
	font-size: 10px;
	display: inline;
	margin-bottom: 0px;
	width: auto;
	color: #bbb;
}
#boxNewTrackback .side a:hover {
	background: #a3a3a3;
}
#boxNewTrackback .side span a:hover {
	background: transparent;
}

#boxFolder {
	margin-left: 5px;
	margin-right: 5px;
	width: 290px;
}
#boxFolder .sidetitle {
	color: #fff;
	font-size: 26px;
	letter-spacing: -2px;
	font-family: "標楷體","Sans-Serif", Serif, Verdana;
}
#boxFolder .side br {display: none;}
#boxFolder .side {
}
#boxFolder .side a {
	display: block;
	width: 290px;
	
}
#boxFolder .side a:hover {
	background: #a3a3a3;
}

#boxCounter {
	margin-left: 5px;
	width: 295px;
}
#boxCounter .boxCounter0 {
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/131/box0.gif') no-repeat 0px -240px;
}
#boxCounter .sidetitle {display: none;}
#boxCounter .side {
	padding-left: 10px;
	color: #bbb;
}


#links .syndicate {
	padding-left: 10px;
}

#links .powered {
	padding-left: 10px;
	font-size: 0em;
	color: #969696;
}
#links .powered a {
	font-size: 11px;
}
#links .powered table {
	font-size: 11px;
	color: #eee;
}
#links .powered a.powerlogo img {display: none;}
#links .powered a.powerlogo {
	display: block;
	width: 141px;
	height: 38px;
	background: url('http://l.yimg.com/e/style/1/131/logo.gif') no-repeat top left;
}
#links .powered input {
	border: 0px;
	background: #eee;
	color: #777;
	font-size: 11px;
}



/* extraDiv and footer
--------------------------*/

#extraDiv1 {
	display: block;
	width: 978px;
	height: 33px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#extraDiv4 span {
	display: block;
	width: 978px;
	height: 33px;
	position: absolute;
	top: -33px;
	left: 0px;
	background: url('http://l.yimg.com/e/style/1/131/extradiv1.gif') no-repeat;
}
#extraDiv2 {
	display: block;
	width: 26px;
	height: 499px;
	position: absolute;
	top: 33px;
	right: 0px;
	background: url('http://l.yimg.com/e/style/1/131/extradiv2.gif') no-repeat;
}

#extraDiv3 {
	display: block;
	width: 978px;
	height: 68px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url('http://l.yimg.com/e/style/1/131/extradiv3.gif') no-repeat;
}

#extraDiv4 {
	display: block;
	width: 26px;
	height: 499px;
	position: absolute;
	top: 33px;
	left: 0px;
	background: url('http://l.yimg.com/e/style/1/131/extradiv4.gif') no-repeat;
}