/* 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;
}body{font-size:.75em;line-height:1.5em;font-family:sans-serif, Arial;background:#000 url(http://www.mongathemovie.com/images/pat2.jpg) repeat;}html, body{margin:0;padding:0;color:#fff;}a img{border:0 none;}a{color:#ffc323;}a:hover{color:#fff;}h1, h3{margin:0;padding:0;font-size:15px;}#bigcontainer{background:transparent;width:1024px;position:relative;margin:0 auto;}* html #main2{height:1%;}#main2{background:transparent repeat-y 0 200px;padding:10px 0 0;display:block;}#banner{background:transparent url(http://www.mongathemovie.com/images/pixnetbg3.jpg) no-repeat 51% 0;height:530px;}#banner #pageheader{background:#000;width:auto;position:absolute;top:0;left:0;color:#fff;}#banner a{color:#c5001e;background-color:transparent;}#content{width:700px;float:left;}.title{font-size:14px;color:#c5001e;padding:5px;margin-top:10px;}.date{display:block;text-align:left;}.datediv{color:#000;display:inline;background:#ffc323;padding:2px;font-size:10px;}.innertext{padding:10px;width:680px;overflow:hidden;}.posted{margin:10px 0 30px;font-size:11px;text-align:center;padding:10px;color:#c5001e;border-bottom:1px solid #c5001e;}.total-comments-div{margin:10px 0 0;}.trackback-url{text-align:center;}.comments-head{padding:10px;background:#ffc323;margin:10px 0;}.comments-post{text-align:right;font-size:11px;color:#ff5f00;}.total-comments-div .comments-author{background:#ffc323;color:#000;margin:10px;}.total-comments-div .comments-author .comments-post{color:#fff;}.comments-linkcontrol{text-align:center;}#links{width:250px;padding:10px 0;float:left;}.sidetitle{background:#000 repeat;line-height:1.5em;font-family:sans-serif, Arial;}html, body{margin:0;padding:0;color:#fff;}a img{border:0 none;}a{color:#ffc323;}a:hover{color:#fff;}h1, h3{margin:0;padding:0;font-size:15px;}#bigcontainer{background:transparent;width:1024px;position:relative;margin:0 auto;}* html #main2{height:1%;}#main2{background:transparent repeat-y 0 200px;padding:10px 0 0;display:block;}#banner{background:transparent url(http://pic.pimg.tw/mongathemovie/4b388a69169ac.jpg) no-repeat 51% 0;height:530px;}#banner #pageheader{background:#000;width:auto;position:absolute;top:0;left:0;color:#fff;}#banner a{color:#c5001e;background-color:transparent;}#content{width:750px;float:left;}.title{font-size:14px;color:#c5001e;padding:0;}.date{display:block;text-align:left;}.datediv{color:#000;display:inline;background:#ffc323;padding:2px;font-size:10px;}.innertext{padding:0;width:680px;overflow:hidden;}.posted{width:600px;margin:10px 0 30px;font-size:11px;text-align:center;padding:10px;color:#c5001e;border-bottom:1px solid #c5001e;}.total-comments-div{margin:10px 0 0;}.trackback-url{text-align:left;}.comments-head{padding:10px;background:#ffc323;margin:10px 0;}.comments-post{text-align:right;font-size:11px;color:#ff5f00;}.total-comments-div .comments-author{background:#c5001e;color:#fff;margin:10px;}.total-comments-div .comments-author .comments-post{color:#fff;}.comments-linkcontrol{text-align:center;}#links{width:270px;padding:10px 0;float:left;}.sidetitle{color:#000;font-size:1.1em;font-weight:lighter;background:transparent url(http://www.mongathemovie.com/images/box.png) no-repeat 0 0;text-align:left;padding-bottom:22px;padding-top:35px;padding-left:20px;}.side{width:200px;padding:0 0 0 20px;}#whowrapper{margin:10px 0 0;}#links #boxMySpace .side{width:230px !important;}* html #links #boxMySpace .side{overflow:hidden;}#links #boxFolder .side{width:230px !important;}* html #boxFolder .side{overflow:hidden;}#footer{clear:both;height:10px;}.side{padding:15px 10px 10px;margin:0 0 10px;}#whowrapper{margin:10px 0 0;}#links #boxMySpace .side{width:230px !important;}* html #links #boxMySpace .side{overflow:hidden;}#links #boxFolder .side{width:230px !important;}* html #boxFolder .side{overflow:hidden;}#footer{clear:both;height:10px;}