/*
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;
bottom: 73px;
left: 0px;

padding: 3px;
background: #fff;
}
#boxProfile .side select {
position: absolute;
bottom: 12px;
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 {
}
