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

body {
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
line-height:160%;
background-color:#EEEEEE;
}
* {
margin:0;
padding:0;
}
a {
color:#A5A5A5;
text-decoration:none;
}
a:hover {
color:#868686;
text-decoration:underline;
}
ul {
list-style-position:inside;
}
img {
border:0px;
}

#bigcontainer{
background-color:#F0F0F0;
background-image:url(http://tw.yimg.com/i/tw/wretch/hblog_088/bg02.gif);
background-repeat:repeat-y;
background-position:center;
width:100%;}

#container1{
background:url(http://tw.yimg.com/i/tw/wretch/hblog_088/bg01.jpg) no-repeat center 284px;
width:100%;}
#container1 br {
display:block;}

#container2 {
position:relative;
z-index:50;
clear:both;
background:url(http://tw.yimg.com/i/tw/wretch/hblog_088/header.jpg) no-repeat center top;
width:100%;
}


#blog_main{
width:100%;
background-color:#FFFFFF;
}

#main2{
width:930px;
margin-right:auto;
margin-left:auto;
}

/* Banner */
#banner {
height:284px;
position:relative;
width:930px;
margin:0px auto;
}

#banner #pageheader {
position:absolute;
left:135px;
top:35px;
padding-top:0px;
padding-left:5px;
width:500px;
}

#banner #pageheader h1 {
margin-top:5px;}

#banner #pageheader h1 a {
color:#666666;
font-weight:normal;
font-size:12px;}

#banner #pageheader h1 a:hover {
color:#666666;}

#banner #pageheader .description {
display:block;
color:#000000;}

#description2 .description {
position:relative;
left:0px;}

/* content */

#content {
width:636px;
float:right;
margin:60px 22px 0px 20px;
}

#content .blogbody {
padding-bottom:2px;
position:relative;}

#content .articletext{
width:600px;
margin:0 auto;
overflow:hidden;
}

#content .blogbody2 .posted {
font-size:11px;
text-align:center;
line-height:25px;
color:#999999;
background-color:#E8E8E8;
margin-bottom:40px;

}

#content .posted a {
color:#177197;
text-decoration:underline;}
#content .posted a:hover {
color:#177197;
text-decoration:none;}

#content .blog input {}
#content .blog .blogbody input {
margin:0px;}

#content .blogbody .title {
color:#202d54;
font-weight:bold;
font-size:16px;
line-height:40px;
display:block;
}

#content .date {
top:0px;
background:url(http://tw.yimg.com/i/tw/wretch/hblog_088/date_bg.gif) no-repeat right;
height:44px;
}

#content .datediv {
font-size:11px;
color:#000000;
border-left:1px solid #d3ddd7;
line-height:44px;
font-weight:bold;
text-indent:10px;
}

#content .blogbody .innertext {
clear:both;
font-size:12px;
color:#666666;
line-height:1.8em;
}

#content .extended {
text-align:right;
margin:0 0 0px;
width:600px;
padding:0;}

#content .extended a{
color:#E80057;
text-decoration:none;
font-size:11px;}
#content .extended a:hover{
color:#AD0000;
text-decoration:underline;}


#article_counter{
text-align:left;
font-size:11px;
margin:20px 0 0 0;
color:#CCCCCC;
}

/* comment */
.trackback-url {
text-align:right;
padding:14px;
color:#666666;
border-top:1px solid #000;
background:White;
}
input, select, textarea {
background:#ffffff;
border:1px solid #939CA5;
color:#333;
font-size:12px;
}
.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;
}
.comments-post {
text-align:right;
font-size:12px;
padding-top:5px;
padding-right:15px;
padding-bottom:10px;
padding-left:5px;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid #00833a;
}
.comments-post a {
color:#666666;
}
.comments-post a:hover {
color:#000;
}
.comments-body form {
padding:5px;
}
.comments-head {
color:#66FFFF;
font-size:15px;
height:25px;
padding:25px 0 0 10px;
background-color:#177197;
}
.total-comments-div{
background-color:#177197;
margin-top:20px;
padding-bottom:10px;
}

/* links */
.boxMySpaceImg{
display:block;}

#service{
margin:0 0 0 10px;}

#service ul li {
float:left;
margin:0 5px 0px 0;}

#blogCategory{}
#friendlist{}

#links{
width:250px;
float:right;
}

#links2{
width:234px;
color:#12aceb;
margin:0 0 0 auto;}

#links2 a{color:#12aceb;}
#links2 a:hover{color:#12aceb;}



#links .calendar {
color:#FFFFFF;
font-size:11px;}

#links .sidetitle {

color:#FFFFFF;}

.side {

clear:both;
margin-left:20px;
}


#boxMySpace .sidetitle {
background:url(http://tw.yimg.com/i/tw/wretch/hblog_088/side_title_1.gif) no-repeat right;
height:62px;
padding:32px 0 0 70px;}
#boxSlideShow .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}
#boxMusic .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}
#boxNewArticle .sidetitle {
background:url(http://tw.yimg.com/i/tw/wretch/hblog_088/side_title_2.gif) no-repeat right;
height:62px;
padding:32px 0 0 70px;}
#boxCategory .sidetitle {
background:url(http://tw.yimg.com/i/tw/wretch/hblog_088/side_title_3.gif) no-repeat right;
height:62px;
padding:32px 0 0 70px;}
#boxDate .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}
#boxSearch .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}
#scupioSearch .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}
#boxNewComment .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}
#boxSmallMap .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}
#boxRssList .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}
#boxNewTrackback .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;}

#boxCounter .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;
}

#boxFolder .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;

}
#boxWho .sidetitle {
font-size:12px;
line-height:18px;
background-color:#177197;
height:18px;
text-indent:20px;
margin:20px 0 5px 0;
}
.boxCounter1{}
.boxNewTrackback1{}
.boxNewComment1{}
.boxSearch1{}
.boxDate1 .sidetitle{
}
.boxCategory1{}
.boxNewArticle1{
}
.boxFolder1{
margin-bottom:12px;}
#boxFolder iframe {
background-color:#FFFFFF;
}

.boxMySpace1{
overflow-y:hidden;
margin-bottom:12px;
clear:both;
}
.boxMusic0 .sidetitle{padding:0;}
.powered {
text-align:left;
padding-left:14px;
padding-bottom:10px;
margin-bottom:12px;
background-color:#FFFFFF;
}
.syndicate{
margin-top:20px;
padding-left:14px;}
.powered .powerlogo img {
display:none;
}
.powered .powerlogo {
display:block;
width:120px;
height:27px;
background:url('http://l.yimg.com/e/style/8/838/logo.gif') no-repeat 0 0;
}

/* footer */
#footer {
clear:both;
}
#extraDiv3 span {
clear:both;
width:1024px;
display:block;
z-index:0;
height:10px;
margin-left:auto;
}
#extraDiv3 {
position:relative;
width:100%;
height:10px;
display:block;
margin-top:0px;
}
#serviceList ul{}
#serviceList li{
display:block;
clear:both;
}
#interactionList{
clear:both;
}