/*
the City of London
css and design by spagyric , http://www.wretch.cc/blog/spagyric
*/


/* user set
-------------------------*/
/*
#boxProfile .side select {display: none;}
.calendar {display: none;}
#scupioSearch {display: none;}
#boxSlideShow {display: none;}
*/


/* general set
-------------------------*/
body {
	background: url('http://l.yimg.com/e/style/1/129/body.gif') #D1F4F0 repeat-x 50% 0%;
	margin: 0px;
	font: 11px Arial;
}
a {
	color: #888;
}



/* container and main
-------------------------*/
#container1 {
	width: 979px;
	height: 530px;
	background: url('http://l.yimg.com/e/style/1/129/container.gif') no-repeat 1px 0px;
	margin: 20px auto;
	position: relative;
}



/* banner
-------------------------*/
#banner {
	background: url('http://l.yimg.com/e/style/1/129/banner.jpg') no-repeat left top;
	position: absolute;
	top: 20px;
	right: 17px;
	width: 380px;
	height: 490px;
	
}
#banner h1 {
	margin-top: 0px;
	font-size: 13px;
	color: #fff;
}
#banner h1 a {
	display: block;
	color: #fff;
	text-decoration: none;
	width: 377px;
	height: 198px;
	padding-top: 102px;
	padding-right: 3px;
	text-align: right;
	font-weight: normal;
	letter-spacing: -1px;
}
#banner h1 a:hover {
}
#banner h1 .description {
	position: absolute;
	top: 56px;
	right: 164px;
	display: block;
	width: 200px;
	text-align: right;
}

#banner #description2 {
	position: absolute;
	color: #fff;
	top: 305px;
	left: 10px;
	width: 360px;
	
}
/* content
-------------------------*/
#content {
	background: url('http://l.yimg.com/e/style/1/129/content.jpg') no-repeat left top;
	width: 560px;
	height: 520px;
	position: absolute;
	top: 20px;
	left: 21px;
	z-index: 10;
}
#content a {
	color: #E58C17;
}
#content a:hover {
	color: #CC1E0C;
	text-decoration: none;
}
.blog {
	margin-left: 207px;
	margin-top: 30px;
	width: 343px;
	height: 490px;
	overflow: auto;
	padding: 0px 5px 0px 5px;
	scrollbar-highlight-color: #eee;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #eee;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #fff;
}
.date {
	font-size: 20px;
	letter-spacing: -2px;
	color: #529700;
}
.title {
	margin: 0px;
	color: #007CAA;
}
.innertext {
	color: #999;
}
.extended {
	text-align: right;
	color: #E965BC;
}
#content .extended a {
	color: #E965BC;
}
.posted {
	color: #8AC1DB;
	font-size: 10px;
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
}
#content .posted a {
	color: #8AC1DB;
}


/* comments
-------------------------*/
.comments-body {
	color: #999;
}

.comments-post {
	color: #8AC1DB;
	font-size: 10px;
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
}
#content .comments-post a {
	color: #8AC1DB;
}
#name_id,
#email,
#url {
	border: 0px solid red;
	width: 93%;
	background: #eee;
}

#text {
	width: 93%;
	border: 0px solid #999;
	overflow: auto;
	background: #eee;
}
.total-comments-div form {
	
}
.total-comments-div form input {
	border: 0px solid #999;
}
#content .total-comments-div form br {
	display: none;
}

/* links
-------------------------*/
#links {
	width: 177px;
	height: 350px;
	position: absolute;
	top: 128px;
	left: 36px;
	z-index: 11;
	color: #FFD8A5;
}
#links2 {
	margin-top: 17px;
	overflow: auto;
	width: 177px;
	height: 350px;
	scrollbar-highlight-color: #F5C381;
	scrollbar-3dlight-color: #E8A752;
	scrollbar-shadow-color: #F5C381;
	scrollbar-darkshadow-color: #E8A752;
	scrollbar-face-color: #E8A752;
	scrollbar-track-color: #E8A752;
	scrollbar-arrow-color: #fff;
}
#links a {
	color: #fff;
	text-decoration: none;
}
#links a:hover {
	text-decoration: underline;
}

/* links detail
-------------------------*/
/*
#boxProfile {
	position: absolute;
	top: 312px;
	left: 813px;
	border: 0px solid red;
	width: 94px;
	height: 60px;
	background: url('http://l.yimg.com/e/style/1/129/boxprofile.jpg') no-repeat top left; /* X:999 Y:530 W:94 H:60 */
}
#boxProfile .boxProfile0 {display: none;}
#boxProfile .side br {display: none;}
#boxProfile .side {
	font-size: 0px;
	letter-spacing: -2px;
	color: #446843;
}
#boxProfile .side a {
	color: #446843;
	text-decoration: none;
}
#boxProfile .side a.boxProfileLink {
	display: block;
	width: 94px;
	height: 14px;
}
#boxProfile .side a.boxProfileLink:hover {
	border-left: 3px solid #f4f4f4;
}
#boxProfile .side .boxAddFriendLink {display: none;}
#boxProfile .side .boxGiftLink {display: none;}
#boxProfile .side .boxProfileImg img {
	position: absolute;

	left: 0px;
	
	padding: 3px;
	background: #fff;
}
#boxProfile .side select {
	position: absolute;

	right: 100px;
}
*/

#boxNewArticle .sidetitle {display: none;}
#boxNewArticle .boxNewArticle0 {
	height: 23px;
	background: url('http://l.yimg.com/e/style/1/129/box1.gif') no-repeat 0px 2px;
}
#boxNewArticle .side br {display: none;}
#boxNewArticle .side {
	padding-top: 10px;
}
#boxNewArticle .side a {
	display: block;
	width: 155px;
	padding: 1px 2px 1px 3px;
}
#boxNewArticle .side a:hover {
	background: #F3B96E;
	text-decoration: none;
}

#boxCategory .sidetitle {display: none;}
#boxCategory .boxCategory0 {
	height: 23px;
	background: url('http://l.yimg.com/e/style/1/129/box1.gif') no-repeat 0px -30px;
}
#boxCategory .side br {display: none;}
#boxCategory .side {
	padding: 10px 0px 0px 0px;
	font-size: 0px;
	letter-spacing: -2px;
}
#boxCategory .side a {
	font-size: 11px;
	letter-spacing: 0px;
	display: block;
	width: 155px;
	padding: 1px 2px 1px 3px;
}
#boxCategory .side a:hover {
	background: #F3B96E;
	text-decoration: none;
}

#boxDate .sidetitle {display: none;}
#boxDate .boxDate0 {
	height: 23px;
	background: url('http://l.yimg.com/e/style/1/129/box1.gif') no-repeat 0px -61px;
}
#boxDate .side {
	padding: 10px 0px 0px 5px;
}


#boxSearch .sidetitle {display: none;}
#boxSearch .boxSearch0 {
	height: 23px;
	background: url('http://l.yimg.com/e/style/1/129/box1.gif') no-repeat 0px -92px;
}
#boxSearch .side {
	padding: 10px 0px 0px 5px;
}
#boxSearch input {
	background: #F4C07B;
	border: 0px;
	color: #fff;
	font-size: 11px;
}


#boxNewComment .sidetitle {display: none;}
#boxNewComment .boxNewComment0 {
	height: 23px;
	background: url('http://l.yimg.com/e/style/1/129/box1.gif') no-repeat 0px -123px;
}
#boxNewComment .side {
	padding: 10px 0px 0px 0px;
	font-size: 10px;
	text-align: right;
}
#boxNewComment .side a {
	font-size: 11px;
	text-align: left;
	display: block;
	width: 155px;
	padding: 2px 2px 2px 3px;
}
#boxNewComment .side a:hover {
	background: #F3B96E;
	text-decoration: none;
}

#boxRssList .sidetitle {display: none;}
#boxRssList .boxRssList0 {
	height: 23px;
	background: url('http://l.yimg.com/e/style/1/129/box1.gif') no-repeat 0px -152px;
}
#boxRssList .side br {display: none;}
#boxRssList .side {
	padding: 10px 0px 0px 0px;
	font-size: 10px;
	text-align: right;
}
#boxRssList .side a {
	font-size: 11px;
	text-align: left;
	display: block;
	width: 155px;
	padding: 2px 2px 2px 3px;
}
#boxRssList .side a:hover {
	background: #F3B96E;
	text-decoration: none;
}


#boxNewTrackback .sidetitle {display: none;}
#boxNewTrackback .boxNewTrackback0 {
	height: 23px;
	background: url('http://l.yimg.com/e/style/1/129/box1.gif') no-repeat 0px -182px;
}
#boxNewTrackback .side br {display: none;}
#boxNewTrackback .side {
	font-size: 10px;
	text-align: right;
}
#boxNewTrackback .side a {
	display: block;
	text-align: left;
	font-size: 11px;
	width: 155px;
	padding: 1px 2px 1px 3px;
}
#boxNewTrackback .side span a {
	display: inline;
	font-size: 10px;
	width: auto;
	padding: 0px;
	color: #FFD8A5;
}
#boxNewTrackback .side a:hover {
	background: #F3B96E;
	text-decoration: none;
}
#boxNewTrackback .side span a:hover {
	background: transparent;
	text-decoration: underline;
}


#boxFolder .sidetitle {
	color: #fff;
	font-size: 24px;
	letter-spacing: -2px;
}
#boxFolder .side br {display: none;}
#boxFolder .side {
	padding-top: 10px;
}
#boxFolder .side a {
	display: block;
	width: 155px;
	padding: 1px 2px 1px 3px;
}
#boxFolder .side a:hover {
	background: #F3B96E;
	text-decoration: none;
}

#boxCounter .sidetitle {display: none;}
#boxCounter .boxCounter0 {
	height: 23px;
	background: url('http://l.yimg.com/e/style/1/129/box1.gif') no-repeat 0px -212px;
}
#boxCounter .side {
	padding-left: 5px;
}

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



#links .powered {
	padding-left: 10px;
}
#links .powered table {}
#links .powered a {}
#links .powered a.powerlogo {
	display: block;
	width: 131px;
	height: 25px;
	background: url('http://l.yimg.com/e/style/1/129/powerlogo.gif') no-repeat top left;
}
#links .powered a.powerlogo img {display: none;}
#links .powered input {
	background: #F4C07B;
	border: 0px;
	color: #fff;
}


/* extradiv and footer
-------------------------*/
#extraDiv1 {
	position: absolute;
	top: 510px;
	left: 218px;
	background: url('http://l.yimg.com/e/style/1/129/extradiv1.jpg') no-repeat top left;
	width: 371px;
	height: 39px;
	z-index: 5;
}
#footer {
	height: 20px;
	width: 980px;
	position: absolute;
	top: 530px;
	left: 0px;
	font-size: 10px;
	text-align: right;
}

#extraDiv6 {
}