/* Design by foreground
   http://www.foreground.tw/
   Author: santin
   Photo: KOLO
   Style Name: We Love The city -----*/

body {
font-size:13px;
font-family:verdana, 新細明體;
color:#000;
line-height:160%;
background:Black url(http://l.yimg.com/e/style/13/1307/bg_body.jpg) center 753px;
}
body br {
display:none;
}
* {
margin:0;
padding:0;
}
a {
color:#000;
text-decoration:none;
}
a:hover {
color:#00833a;
text-decoration:none;
}
ul {
list-style-position:inside;
}
img {
border:0px;
}
#container1 {
background:transparent url(http://l.yimg.com/e/style/13/1307/header.jpg) no-repeat center top;
padding:0 0 150px 0;
position:relative;
}

#container2 {
width:939px;
margin:0 auto;
position:relative;
z-index:50;
}
#container1 br {
display:block;
height:0;
line-height:0;
}

#blog_main{
width:100%;
}

/* Banner */
#banner {
height:453px;
position:relative;
}
#banner #pageheader {
position:absolute;
right:1px;
bottom:0;
background:url(http://l.yimg.com/e/style/13/1307/bg_pagesheader.gif) no-repeat left top;
height:103px;
width:292px;
overflow:hidden;
}
#banner #pageheader h1 {
margin-top:55PX;
font-size:15px;
padding-left:5px;
height:40px;
width:245px;
display:block;
overflow:hidden;
color:#FFFFFF;
word-wrap:break-word;
}
#banner #pageheader h1 a:link, #banner #pageheader h1 a:visited{
color:#FFFFFF;
font-weight:normal;
font-size:15px;
padding-left:1px;
}
#banner #pageheader h1 a:hover{
color:#7fc19c;
}
#banner #pageheader .description {
color:#7fc19c;
font-size:12px;
line-height:1.5em;
padding-left:10px;
line-height:50px;
}

/* content */
#content {
width:693px;
float:right;
margin:55px 0 0 0;
}
#content .blogbody {
margin-bottom:30px;
}
#content .articletext {
position:relative;
padding:0;
}

#content .blogbody2 .posted {
font-size:12px;
text-align:right;
line-height:18px;
padding-right:10px;
background-image:url(http://l.yimg.com/e/style/13/1307/tittle_foot.gif);
background-repeat:no-repeat;
background-position:bottom;
height:18px;
margin-top:0px;
}
#content .blog input {
margin-bottom:20px;
}
#content .blog .blogbody input {
margin:0px;
}
#content .posted a {
color:#000;
}
#content .posted a:hover {
color:#00833a;
}
#content .blogbody .title {
width:693px;
text-indent:40px;
color:#a8ff00;
font-weight:normal;
font-size:15px;
display:block;
margin:0;
height:40px;
padding-top:37px;
background-image:url(http://l.yimg.com/e/style/13/1307/tittle_top.gif);
background-repeat:no-repeat;
}
#content .blogbody .title a{
color:#a8ff00;
}

#content .date {
text-align:right;
color:#FFFFFF;
position:relative;
z-index:50;
}
#content .datediv {
position:absolute;
right:0;
top:40px;
z-index:100;
padding-right:10px;
}

#content .blogbody .innertext {
clear:both;
overflow:hidden;
text-align:justify;
background-color:#FFFFFF;
padding-top:10px;
padding-right:10px;
padding-bottom:40px;
padding-left:10px;
margin:0;
}
#content .extended {
text-align:right;
font-size:12px;
color:#706b24;
padding:0 10px;
background-color:#FFFFFF;
}
#article_counter{
width:200px;
float:right;
font-size:12px;
margin:20px 0px 0px 0px;
color:#666666;
}

/* comment */
.trackback-url {
font-size:12px;
text-align:right;
padding:14px;
color:#666666;
background-color:#FFF;
border-top:1px solid #A1CE4D;
border-bottom:1px solid #A1CE4D;
}
input, select, textarea {
border:0px;
border:#8a8a8a solid 1px;
color:#FFFFFF;
font-size:12px;
background-color:#000000;
}
.comments-body {
width:646;
margin-bottom:12px;
border:0 !important;
background-color:#fff;
padding:9px;
margin-right:10px;
margin-left:10px;
}
.comments-body p {
padding:0 5px;
color:#706B24;
}
.comments-post {
text-align:right;
font-size:12px;
color:#828282;
padding-top:5px;
padding-right:15px;
padding-bottom:10px;
padding-left:5px;
margin-top:10px;
margin-bottom:10px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#a1ce4d;
}
.comments-post a {
color:#666666;
}
.comments-post a:hover {
color:#000;
}
.comments-body form {
padding:5px;
}
.comments-head {
color:#706B24;
font-size:15px;
height:32px;
padding-top:16px;
padding-bottom:8px;
padding-right:12px;
padding-left:12px;
background-color:#fff;
}
.total-comments-div{
background-color:#fff;
margin-top:20px;
}

/* links */
.boxMySpaceImg{
display:block;
}
#service{
margin:0 0 0 10px;
}
#service ul li {
float:left;
margin:0 5px 0px 0;
}
#blogCategory{

}
#friendlist{
margin-left:69px;
}
#links {
width:212px;
float:left;
color:#333;
}
#links .sidetitle {
height:50px;
line-height:32px;
width:152px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding-left:60px;
padding-top:15px;
}
#links a{
word-wrap:break-word;
word-break:break-all;

}

.side {
margin-right:15px;
margin-left:15px;
overflow:hidden;
}

#boxSlideShow .sidetitle , 
#boxMusic .sidetitle , 
#boxMySpace .sidetitle , 
#boxNewArticle .sidetitle , 
#boxCategory .sidetitle , 
#boxCollectionCategory .sidetitle , 
#boxCollection .sidetitle , 
#boxDate .sidetitle , 
#boxSearch .sidetitle , 
#boxNewComment .sidetitle , 
#boxRssList .sidetitle , 
#boxNewTrackback .sidetitle , 
#boxCounter .sidetitle , 
#boxWho .sidetitle {
background-image:url(http://l.yimg.com/e/style/13/1307/sidetitleorig.gif);
background-repeat:no-repeat;
background-position:0 0;
position:relative;
}

#boxFolder .sidetitle {
height:50px;
line-height:32px;
width:212px;
text-indent:-1px;
text-align:left;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding-top:15px;
background-image:url(http://l.yimg.com/e/style/13/1307/sidetitleorig.gif);
background-repeat:no-repeat;
background-position:0 0;
}
#boxWho .sidetitle {
height:50px;
line-height:32px;
width:212px;
text-indent:-1px;
text-align:left;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding-top:15px;
background-image:url(http://l.yimg.com/e/style/13/1307/sidetitleorig.gif);
background-repeat:no-repeat;
background-position:0 0;
}
.boxSlideShow1, 
.boxWho1 , 
.boxCounter1 , 
.boxNewTrackback1 , 
.boxNewComment1 , 
.boxRssList1 , 
.boxSearch1 , 
.boxDate1 , 
.boxCategory1 , 
.boxCollectionCategory1 , 
.boxCollection1 , 
.boxNewArticle1{
background-color:#FFFFFF;
}
.boxFolder1{
background-color:#FFFFFF;
margin-bottom:12px;
}
#boxFolder iframe {
background-color:#FFFFFF;
}


.boxMySpace1{
height:220px;
overflow-y:hidden;
background-color:#FFFFFF;
margin-bottom:12px;
}
.boxMusic0 .sidetitle{
padding:0;
}
.boxMusic0 .sidetitle a{
position:absolute;
top:39px;
left:16px;
display:block;
font-size:12px;
width:200px;
}

.powered {
text-align:left;
padding-left:14px;
padding-bottom:10px;
margin-bottom:12px;
background-color:#FFFFFF;
}
.syndicate{
padding-left:14px;
padding-top:15px;
background-image:url(http://l.yimg.com/e/style/13/1307/sidetitlesyn.gif);
background-repeat:no-repeat;
height:60px;
}

#boxNewComment .syndicate{
padding-left:14px;
padding-top:15px;
background-image:none;
background-repeat:no-repeat;
}
.powered .powerlogo img {

}
.powered .powerlogo {
display:block;
width:120px;
height:27px;
background:no-repeat 0 0;
}

/* footer */
#footer {
clear:both;
}
#extraDiv3 span {
clear:both;
background:url(http://l.yimg.com/e/style/13/1307/footer.jpg) no-repeat center bottom;
height:91px;
width:100%;
display:block;
}
#extraDiv3 {
width:100%;
height:91px;
display:block;
position:absolute;
bottom:0;
}
#boxSlideShow , 
#boxMusic , 
#boxMySpace , 
#boxNewArticle , 
#boxCollectionCategory , 
#boxCategory , 
#boxCollection , 
#boxDate , 
#boxSearch , 
#boxNewComment , 
#boxRssList , 
#boxNewTrackback , 
#boxFolder , 
#boxWho , 
#boxCounter{
margin-bottom:20px;
background-image:url(http://l.yimg.com/e/style/13/1307/sidetitle00.gif);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:10px;
width:212px;
}

#boxWho div#whowrapper{
background-color:#FFFFFF;
width:212px !important;
}

#boxWho div#whowrapper ul{
margin-left:20px;
}