/*
CSS design by kusomao
*/

#content{padding-top:15px ;}

/* General Set
----------------------------------------- */
html, #text {
    scrollbar-face-color:#fff;
    scrollbar-track-color:#fff;
    scrollbar-3dlight-color:#fff;
    scrollbar-darkshadow-Color:#fff;
    scrollbar-arrow-color:#808080;
    scrollbar-shadow-color:#808080;
    scrollbar-highlight-color:#808080;
}

body {
    font: .8em Arial;
    color: #444;
    background: url(http://f7.wretch.yimg.com/kusomao/4/o1113715472.jpg?xeFZC4ZDdRfPO0dr8lWtb4SyzE9RkzwZmGTRv3ZSlFJzWlpBvIGgBmY-) repeat-y #fff 50% 50%;
    margin: 0px;
}

a {
    color: #790000;
    text-decoration: none;
}
a:hover {
    color: #000;
}

#content .blog input {margin-top: 50px;}
#content .blog div input {margin-top: 0px;}


/* container
----------------------------------------- */
#container1 {
    width: 750px;
    position: relative;
    margin: 0px auto;
}
#container2 {
    margin-left: 10px;
    margin-right: 10px;
}

/* banner
----------------------------------------- */
#banner {
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715471.jpg?Z6y.EMlDdRduRCF7fp3VfzVIcLNacrv_vs8.H86LCj_bjZ2JTw2w.9k-) no-repeat 50% bottom;
    height: 367px; width: 351px;
    position: absolute; top: 0px; left: 10px;
    z-index: 10;
}
#pageheader {margin-top: 0px;}
#pageheader h1 a {
    position: absolute;
top: 85px; left: 50px;
display: block;
    font-size: 14px;
    letter-spacing: -1px;
    color: #808080;
    font-family: Arial;
}
#pageheader .description {
    font-family: simhei;
    position: absolute; top: 200px; left: 50px;
    color: #595959;
    font-size: 26px;
}
#pageheader #description2 .description {
    font: 14px arial;
    position: absolute; top: 110px; left: 30px;
    display: block; height: 25px; width: 400px;
    text-align: left;
    color: #595959;
    }
/* main
----------------------------------------- */
#main2 {
    padding-top: 153px;
}

/* content
----------------------------------------- */
#content {
    width: 530px;
    margin-top: 150px;
    float: left;
    color: #595959;
}
#content a { color: #5F0D0D;}
#content a:hover { color: #595959;}
.date {
    font-size: 28px; letter-spacing: -3px;
    color: #595959;
    padding-top: 3px;
padding-left: 370px;
}
.blogbody {
    margin-bottom: 10px;
}
.blogbody2 {}
.articletext {
    background: url() #fff no-repeat top right;
    padding: 0px 10px 0px 10px;
}
.articletext .title {
    margin-top: 10px;
    color: #808080;
    padding-top: 10px;
}
.articletext .innertext {
    color: #808080;
}
.articletext .extended {
    text-align: right;
    font-size: 10px;
}
.posted {
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715469.jpg?7emXJf9DdRc4XUdR4qlPrOmdckjf73BVajo0SZgUwuxRJgyBc.HPkQg-) #fff no-repeat bottom right;
    height: 75px;
    padding-right: 20px;
    padding-bottom: 10px;
    text-align: right;
}


/* comments
----------------------------------------- */
.total-comments-div {
    padding-top: 22px;
    margin-top: 10px;
    width: 500px;
    margin-left: 10px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head { /* trackbacks title */
}
.total-comments-div .comments-head { /* comments title */   
    padding-left: 20px;
    font: 20px simhei; color: #595959;
    letter-spacing: -3px;
}
.total-comments-div .comments-bottom .comments-head { /* write a comments title */

}
.total-comments-div .comments-body {
    width: 480px;
    margin-left: 10px;
}
.total-comments-div .comments-body p {
    background: url() #fff no-repeat top left;
    padding: 17px 10px 0px 10px;
    margin: 0px; color: #555;
}
.total-comments-div .comments-body .comments-post {
    text-align: right;
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715466.jpg?Bs86WqVDdRfGfG6WvE4Z8b_RGS9psJCJsFCLIrMu9dVXiIoo9JcNVeA-) #fff no-repeat bottom left;
    padding: 40px 15px 0px 0px;
    margin-bottom: 10px;
    font-size: 10px;
    color: #999;
}
.total-comments-div .comments-body form {
}
.total-comments-div .comments-body form input {
    border: 1px solid #888;
    background: transparent;
}
.total-comments-div .comments-body form input[type=hidden] {
    border: 0px;
}
.total-comments-div .powered {background: transparent; border: 0px;}
.total-comments-div .powered a img {display: none;}
.total-comments-div .powered table a {display: inline; background: transparent;}
.total-comments-div .powered form {margin: 0px;}
.postuser {}
.postemail {}
.postweb {}

#nameid {}
#email {width: 300px;}
#url {width: 300px;}
#text {
    width: 300px;
    border: 1px solid #888;
    background: transparent;
    font-family: arial;
    font-size: 12px;
}

.postisAuth , .postemail img , .postweb img {
    display: none;
}
.postemail {
    display: none;
}
.postweb {
    display: none;
}
.postisAuth , .postemail img , .postweb img {
    display: none;
}

/* links
----------------------------------------- */
#links {
    width: 200px;
    float: right;
    margin-top: 54px;
    color: #aaa;
}
#links2 { padding: 20px 3px 0px 15px;}
#links .sidetitle {
}
#links .side {
    margin-top: 10px;
    margin-bottom: 10px;
}

#links br {display: none;}
#links .side br {display: block;}
#links a { color: #ccc;}
#links input {
    border: 1px solid #999;
    background: transparent;
    color: #ccc;
}
#links input[type=hidden] {
    border: 0px;
}
#links select {
    background: #959595;
    color: #fff;
}
#links a:hover { color: #666;}
/* links boxes
----------------------------------------- */
.calendar {font-size: 10px;}

#boxProfile { /* xxxxxx的地盤 */
position: absolute; top: 10px; right: 10px;}
#boxProfile .boxProfile0 {display: none;}
#boxProfile .boxProfile0 .sidetitle {}
#boxProfile .boxProfile1 {background: url() #fff repeat-y;}
#boxProfile .boxProfile1 .side {
font-size: 0px; color: #fff; width: 350px;
background: url(http://f7.wretch.yimg.com/kusomao/4/1113715470.jpg?sqsJybRDdRfq6uZbe.hpg9Upr.fCZE14v6BjWnYHx6LM70cWA2Qzy2A-) #fff no-repeat; 
height: 50px;}
#boxProfile .boxProfile1 .side a {color: #fff;}
#boxProfile .boxProfile1 .side br {display: none;}
#boxProfile .boxProfile1 .side .boxProfileImg {display: none;}/* 個人封面照片縮圖 */
#boxProfile .boxProfile1 .side .boxProfileLink { /* 四個連結：xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */
font-size: 0px; color: #fff; text-decoration: none;
height: 50px;
padding-top: 0px;
position: relative;
display: inline-block;
width: 350px;
float: left;
text-align: center;
}
#boxProfile .boxProfile1 .side .boxProfileLink:hover {
background: url() #fff;
color: #fff;  no-repeat ;
filter: alpha(opacity=50);}
#boxProfile .boxProfile1 .side  select {display: none;}
#boxProfile .boxAddFriendLink ,
#boxProfile .boxGiftLink {
    display: none;
}

#boxNewArticle {}
#boxNewArticle .boxNewArticle0 {
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715468.jpg?Z3GovTFDdRdiq07nJN2DGYN6MNhsAF5ZF2eBT5xVg9ZA9rSea6kBwR8-) no-repeat 0px 0px;
    height: 20px;
}
#boxNewArticle .boxNewArticle0 .sidetitle {display: none;}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {}

#boxCategory {}
#boxCategory .boxCategory0 {
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715468.jpg?Z3GovTFDdRdiq07nJN2DGYN6MNhsAF5ZF2eBT5xVg9ZA9rSea6kBwR8-) no-repeat 0px -40px;
    height: 20px;
}
#boxCategory .boxCategory0 .sidetitle {display: none;}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {}
#boxCategory .boxCategory1 .side div {
    font-size: 0px; letter-spacing: -3px;
}
#boxCategory .boxCategory1 .side div a {
    font-size: 12px; letter-spacing: 0px;
}

#boxDate {}
#boxDate .boxDate0 {
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715468.jpg?Z3GovTFDdRdiq07nJN2DGYN6MNhsAF5ZF2eBT5xVg9ZA9rSea6kBwR8-) no-repeat 0px -60px;
    height: 20px;
}
#boxDate .boxDate0 .sidetitle {display: none;}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch {}
#boxSearch .boxSearch0 {
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715468.jpg?Z3GovTFDdRdiq07nJN2DGYN6MNhsAF5ZF2eBT5xVg9ZA9rSea6kBwR8-) no-repeat 0px -80px;
    height: 18px;
}
#boxSearch .boxSearch0 .sidetitle {display: none;}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 10px;
}
#boxSearch .boxSearch1 .side br {display: none;}


#scupioSearch {}
#scupioSearch .scupioSearch0 {display: none;}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}

#boxNewComment {}
#boxNewComment .boxNewComment0 {
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715468.jpg?Z3GovTFDdRdiq07nJN2DGYN6MNhsAF5ZF2eBT5xVg9ZA9rSea6kBwR8-) no-repeat 0px -20px;
    height: 20px;
}
#boxNewComment .boxNewComment0 .sidetitle {display:none;}
#boxNewComment .boxNewComment1 {}
#boxNewComment .boxNewComment1 .side {background: #fff; text-align: right;}
#boxNewComment .boxNewComment1 .side a {
letter-spacing: 0px;
text-align: left;
display: block;
padding: 2px 5px 2px 5px; font-size: 10px;
background: url() #fff repeat-x bottom left;
}
#boxNewComment .boxNewComment1 .side a:hover {
background: #e1e1e1;
border-top: 1px solid #959595;
border-left: 1px solid #959595;}
#boxNewComment .boxNewComment1 .side br {display: none;}
#boxFolder {}
#boxFolder .boxFolder0 {}
#boxFolder .boxFolder0 .sidetitle {
    font-size: 28px; 
    color: #959595; font-family: Sylfaen ;
}
#boxFolder .boxFolder1 {}
#boxFolder .boxFolder1 .side a {font-size: 10px;}

#boxCounter {
    font-size: 12px;
    color: #aaa;
}
#boxCounter .boxCounter0 {
background: url(http://f7.wretch.yimg.com/kusomao/4/1113715468.jpg?Z3GovTFDdRdiq07nJN2DGYN6MNhsAF5ZF2eBT5xVg9ZA9rSea6kBwR8-) no-repeat 0px -118px;
    height: 20px;}
#boxCounter .boxCounter0 .sidetitle {display: none;}
#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {
    margin: 0px;
}


#links #boxNewArticle br , #links #boxCategory br , #links #boxFolder br { display: none;}
#boxNewArticle a , #boxCategory a  , #boxFolder a ,#boxDate a {
    display: block;
padding: 2px 5px 2px 5px;
background: url() #fff repeat-x bottom left;
}
#boxNewArticle a:hover , #boxCategory a:hover , #boxFolder a:hover , #boxDate a:hover {
background: #E1E1E1;
border-top: 1px solid #959595;
border-left: 1px solid #959595;
    color: #666;
    text-decoration: none;
}

#boxNewTrackback {}
#boxNewTrackback .boxNewTrackback0 {
  background: url(http://f7.wretch.yimg.com/kusomao/4/1113715468.jpg?Z3GovTFDdRdiq07nJN2DGYN6MNhsAF5ZF2eBT5xVg9ZA9rSea6kBwR8-) no-repeat 0px -98px;
  height: 20px;
  }
#boxNewTrackback .boxNewTrackback0 .sidetitle {display:none;}
#boxNewTrackback .side br {
  display:none;
  }
#boxNewTrackback .side span{}
#boxNewTrackback .side {
  font-size:12px;
  color:#959595;
  }
#boxNewTrackback .side a {
  display: block;
 padding: 2px 5px 2px 5px;
 background: url() #fff repeat-x bottom left;
 text-decoration: none; 
  }
#boxNewTrackback .side a:hover {
background: #E1E1E1;
border-top: 1px solid #959595;
border-left: 1px solid #959595;
  color: #666;
}
.syndicate {}

/* powered
----------------------------------------- */
#links .powered br { display: block;}
#links .powered {

}
#links .powered .powerlogo img { display: none;}
#links .powered .powerlogo {
    display: block; width: 89px; height: 15px;
    background: url(http://f7.wretch.yimg.com/kusomao/4/1113715467.jpg?kQ9wYXZDdRcyw.sQOYR9wEsR5Fmz6ugq1Nbnjf9rpBnSqiuvhrp1MhE-) no-repeat 0% 0%;
}
.total-comments-div .powered {
    color: #444;
    text-align: center;
}
INPUT {
BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FONT-SIZE: 10px; FILTER: alpha(opacity=60); BORDER-LEFT: #000 1px solid; COLOR: #000; BORDER-BOTTOM: #000 1px solid; FONT-FAMILY: arial,georgia, verdana, sans-serif; BACKGROUND-COLOR: #ffffff
}