/***************************************
作者：Panda 熊姬
主題：彩色可愛熊熊
作者網址：http://www.wretch.cc/blog/ryohei0221
****************************************/

HTML {
SCROLLBAR-FACE-COLOR:#000;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#ffffff;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#ffffff;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;}

#text {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
overflow:hidden;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#F97103;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
}

textarea {
border-right:#444444 1px solid;
padding-right:5px;
border-top:#444444 1px solid;
padding-left:5px;
font-size:10pt;
padding-bottom:5px;
border-left:#444444 1px solid;
line-height:10pt;
padding-top:5px;
border-bottom:#444444 1px solid;
font-family:verdana;
}

#text {border:#000 1px dashed;}

BODY {
MARGIN-TOP:0px;FONT-SIZE:10px;BACKGROUND:#ececec;BACKGROUND-REPEAT:repeat;MARGIN-LEFT:0px;COLOR:#000000;MARGIN-RIGHT:0px;FONT-FAMILY:arial;}
A {
FONT-SIZE:10px;COLOR:#242424;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
A:hover {
FONT-WEIGHT:bold;COLOR:#7E7E7E;TEXT-DECORATION:none;}
INPUT {
BORDER-RIGHT:#666 0px solid;BORDER-TOP:#666 0px solid;FONT-SIZE:10px;BACKGROUND:#FFF;BORDER-LEFT:#666 0px solid;COLOR:#000000;PADDING-TOP:2px;BORDER-BOTTOM:#666 0px solid;FONT-FAMILY:verdana, arial;}

/* container
--------------------------*/

#container1 {
position:relative;
width:760px;
BACKGROUND-color:#fff;
MARGIN-LEFT:auto;
MARGIN-RIGHT:auto;
}

#container2 {
}

#container2 {}
/* banner
--------------------------*/
#banner {
background:url(http://f7.wretch.yimg.com/ryohei0221/23/o1891487891.jpg?8qt9_7hDfB.2JSgfM5DL3hNoLiOmQZ2LyCHXDLHvjoOGZy0ZtrXRH.BzKFnG) #FFF no-repeat center;
margin-bottom:60px;
height:310px;
FONT-WEIGHT:normal;
}
#pageheader {
BORDER-BOTTOM-WIDTH:16px;HEIGHT:10px;}

#banner H1 A {
BORDER-RIGHT:#000 5px solid;
PADDING-RIGHT:0px;
BORDER-TOP:#000 5px solid;
DISPLAY:block;
PADDING-LEFT:0px;
LEFT:0px;
PADDING-BOTTOM:0px;
BORDER-LEFT:#000 5px solid;
WIDTH:420px;
COLOR:#F97103;
PADDING-TOP:5px;
BORDER-BOTTOM:#000 5px solid;
FONT-FAMILY:sans-serif;
POSITION:absolute;
TOP:320px;
HEIGHT:23px;
TEXT-ALIGN:center;
TEXT-DECORATION:none;
background-color:#ececec;
}

#banner h1 a {
color:#772B1A;FONT-SIZE:15px;
}
#banner h1 a:hover {
color:#ab7969;FONT-SIZE:15px;
}

#pageheader .description {
FONT-SIZE:10px;
left:250px;
POSITION:absolute;
TOP:300px;
FONT-FAMILY:verdana;
WIDTH:200px;
color:#000;
}

#pageheader #description2 .description {
POSITION:absolute;
background-color:#ececec;
border:#000 1px solid;
PADDING-RIGHT:0px;
PADDING-LEFT:20px;
FONT-SIZE:12px;
left:20px;
PADDING-BOTTOM:5px;
WIDTH:320px;
COLOR:#000;
PADDING-TOP:5px;
FONT-FAMILY:verdana;
POSITION:absolute;
TOP:20px;
TEXT-ALIGN:left;
SCROLLBAR-FACE-COLOR:#ececec;
FILTER:alpha(opacity=80);
OVERFLOW:auto;
SCROLLBAR-SHADOW-COLOR:#ececec;
SCROLLBAR-3DLIGHT-COLOR:#ececec;
LINE-HEIGHT:13pt;
SCROLLBAR-ARROW-COLOR:#000;
SCROLLBAR-TRACK-COLOR:#ececec;
SCROLLBAR-DARKSHADOW-COLOR:#ececec;
HEIGHT:40px;
}

h1 .description{display:none;}

/* content
--------------------------*/
#content {
width:540px;
float:left;
OVERFLOW:auto;
}
#content a {
color:#747474;
}
#content a:hover {
color:#404040;
text-decoration:none;
}

.blogbody {
margin-TOP:5px;
}
.blogbody2 {
background:#FFF;
}
.articletext {

}

.date {
font-size:8pt;
font-family:verdana;
letter-spacing:1px;
color:#000;
background-color:#ececec;
font-weight:400;
line-height:230%;
width:140px;
float:right;
border:#aaaaaa 1px solid;
text-align:center;
}
.title {
letter-spacing:1px;
color:#fff;
font-size:8pt;
font-family:verdana;
font-weight:400;
line-height:230%;
padding:0px 5px;
margin:0;
background-color:#000;
padding-left:15px;
margin-bottom:40px;
border:#aaaaaa 1px solid;
}


.articletext .innertext {
PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-SIZE:10px;PADDING-BOTTOM:0px;LINE-HEIGHT:150%;PADDING-TOP:0px;FONT-FAMILY:verdana;TEXT-ALIGN:left;
}
.articletext .extended {
PADDING-RIGHT:10px;FONT-SIZE:10px;MARGIN:0px;FONT-FAMILY:verdana;TEXT-ALIGN:RIGHT;
}
.posted {
border-bottom:0px solid #FF9936;PADDING-RIGHT:10px;FONT-SIZE:10px;PADDING-BOTTOM:5px;TEXT-TRANSFORM:uppercase;FONT-FAMILY:verdana;TEXT-ALIGN:right;
}

/* comments
--------------------------*/
.total-comments-div {
width:300px;
margin-left:30px;
}
.comments-head {
border-bottom:1px solid black;
font-weight:bold;
margin-top:15px;
}
.comments-body {
background:#ececec;
}
.comments-post {
font-size:10px;
color:#404040;
text-align:right;
}

.total-comments-div form {
margin:0px;
}

#text {
width:80%;
}

/* links
--------------------------*/
#links {
background:#FFF;
cursor:crosshair;
MARGIN-TOP:0px;
FLOAT:right;
WIDTH:200px;
SCROLLBAR-ARROW-COLOR:#FFF;
PADDING-TOP:0px;
overflow:hidden;
LETTER-SPACING:1px;
}

#links2 {
}

.sidetitle {
background-color:#000;
border:#aaaaaa 1px solid;
padding-left:5px;
font-weight:normal;
font-size:7pt;
color:#fff;
font-family:verdana;
letter-spacing:1px;
padding-bottom:4px;
padding-top:4px;
TEXT-ALIGN:center;
}

.side {
PADDING-RIGHT:10px;PADDING-LEFT:5px;FONT-SIZE:10px;PADDING-BOTTOM:2px;BORDER-TOP-STYLE:none;LINE-HEIGHT:170%;PADDING-TOP:5px;COLOR:#550B00;FONT-FAMILY:verdana;TOP:10px;TEXT-ALIGN:left;
}
/* links detail
--------------------------*/
.calendar {
FONT-WEIGHT:normal;FONT-SIZE:10px;BACKGROUND:#ffffff;MARGIN-BOTTOM:10px;WIDTH:200px;FONT-FAMILY:verdana, arial;}
.calendar a {color:#550B00;}
.calendarhead a {color:#31271C;}
.calendar tr th .calendar{color:#000000;}
.calendar span {color:#000000;}
.calendar td a {color:#550B00;}
.calendar td a:hover {color:#31271C;}

.boxMySpaceImg {
}
.boxMySpace1 .side {text-align:center;}
#boxMySpace SELECT {
DISPLAY:none;}
#blogCategory{display:none;}


#links #serviceList {
LEFT:380px;WIDTH:50px;POSITION:absolute;TOP:10px;}
#serviceList LI {
FLOAT:left;MARGIN:14px 20px 0px 0px;}
#serviceList LI A {
DISPLAY:block;FONT-SIZE:7pt;WIDTH:50px;COLOR:#000;LETTER-SPACING:1px;HEIGHT:15px;TEXT-ALIGN:center;}

A#linkMypage {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND:#ececec;BORDER-LEFT:#000 1px solid;BORDER-BOTTOM:#000 1px solid;}
A#linkAlbum {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND:#ececec;BORDER-LEFT:#000 1px solid;BORDER-BOTTOM:#000 1px solid;}
A#linkBlog {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND:#888888;BORDER-LEFT:#000 1px solid;BORDER-BOTTOM:#000 1px solid;}
A#linkGbook {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND:#ececec;BORDER-LEFT:#000 1px solid;BORDER-BOTTOM:#000 1px solid;}
A#linkUser {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND:#ececec;BORDER-LEFT:#000 1px solid;BORDER-BOTTOM:#000 1px solid;}
A#linkFriend {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND:#ececec;BORDER-LEFT:#000 1px solid;BORDER-BOTTOM:#000 1px solid;}
A#linkVideo {
BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND:#ececec;BORDER-LEFT:#000 1px solid;BORDER-BOTTOM:#000 1px solid;}


A#linkMypage:hover {
BORDER-RIGHT:#000000 1px solid;BACKGROUND:#eee;BORDER-BOTTOM:#000000 1px solid;}
A#linkAlbum:hover {
BORDER-RIGHT:#000000 1px solid;BACKGROUND:#eee;BORDER-BOTTOM:#000000 1px solid;}
A#linkBlog:hover {
BORDER-RIGHT:#000000 1px solid;BACKGROUND:#eee;BORDER-BOTTOM:#000000 1px solid;}
A#linkGbook:hover {
BORDER-RIGHT:#000000 1px solid;BACKGROUND:#eee;BORDER-BOTTOM:#000000 1px solid;}
A#linkUser:hover {
BORDER-RIGHT:#000000 1px solid;BACKGROUND:#eee;BORDER-BOTTOM:#000000 1px solid;}
A#linkFriend:hover {
BORDER-RIGHT:#000000 1px solid;BACKGROUND:#eee;BORDER-BOTTOM:#000000 1px solid;}
A#linkVideo:hover {
BORDER-RIGHT:#000000 1px solid;BACKGROUND:#eee;BORDER-BOTTOM:#000000 1px solid;}

#boxSlideShow {
DISPLAY:block;}
#boxSlideShow .boxSlideShow0 {

}
#boxSlideShow .boxSlideShow0 .sidetitle {

}
#boxSlideShow .boxSlideShow1 {

}
#boxSlideShow .boxSlideShow1 .side {

}
#SlidePicTitle {
WIDTH:100px;}
#boxNewArticle {
position:absolute;left:180px;top:80px;WIDTH:180px;
SCROLLBAR-FACE-COLOR:#fff;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;SCROLLBAR-SHADOW-COLOR:#ffffff;SCROLLBAR-3DLIGHT-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#000;SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
}
#boxNewArticle .boxNewArticle0 {

}
#boxNewArticle .boxNewArticle0 .sidetitle {

}
#boxNewArticle .boxNewArticle1 {
OVERFLOW:auto;height:150px;
}
#boxNewArticle .boxNewArticle1 .side {

}
#boxNewArticle .side a{background-color:#ececec;border:#aaaaaa 1px solid;
}

#boxCategory {

}
#boxCategory .boxCategory0 {

}
#boxCategory .boxCategory0 .sidetitle {

}
#boxCategory .boxCategory1 {
}
#boxCategory .boxCategory1 .side {
}
#boxCategory A IMG {
DISPLAY:none;}
#boxCategory .side a{background-color:#ececec;border:#aaaaaa 1px solid;
}
#boxDate {

}
#boxDate .boxDate0 {
}
#boxDate .boxDate0 .sidetitle {
}
#boxDate .boxDate1 {
}
#boxDate .boxDate1 .side {
}
#boxSearch {
}
#boxSearch .boxSearch0 {
}
#boxSearch .boxSearch0 .sidetitle {
}
#boxSearch .boxSearch1 {
}
#boxSearch .boxSearch1 .side {
}

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

#boxNewComment {

}
#boxNewComment .boxNewComment0 {
}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment1 {
}
#boxNewComment .boxNewComment1 .side {
}
#boxNewComment .side a{
background-color:#ececec;border:#aaaaaa 1px solid;
}

#boxFolder {
}
#boxFolder .boxFolder0 {
}
#boxFolder .boxFolder0 .sidetitle {
}
#boxFolder .boxFolder1 {

}
#boxFolder .boxFolder1 .side {
}

#boxCounter {
}
#boxCounter .boxCounter0 {
}
#boxCounter .boxCounter0 .sidetitle {
}
#boxCounter .boxCounter1 {
}
#boxCounter .boxCounter1 .side {
COLOR:#000000;FONT-FAMILY:verdana;
}
.syndicate {
PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:10px;PADDING-TOP:10px;}
.powered .powerlogo IMG {
DISPLAY:none;}
.powered .powerlogo {
DISPLAY:block;BACKGROUND:url(http://f7.wretch.yimg.com/ryohei0221/23/1891613705.jpg?E5yO_DZDfB.SnF4K0soW4cyr.DXBunYnVRfNkrxHDWM_AAlIg1ELiD.KzWaB);WIDTH:122px;HEIGHT:105px;}
.powered A:hover {
BACKGROUND:none transparent scroll repeat 0% 0%;}
.total-comments-div .powered {
}
.total-comments-div .powered IMG {
HEIGHT:1px;}

#footer {
margin-LEFT:0px;BACKGROUND:url(http://f7.wretch.yimg.com/ryohei0221/23/o1891487890.jpg?BIAI5i5DfB.shx1hCAf6O3F12rKoXkWokYUfavZTYW2ASFVXJJMHr3uFZsj1);WIDTH:760px;HEIGHT:40px;}

#boxDate {
DISPLAY:none;}

#scupioSearch {
DISPLAY:none;}

#boxRssList {
DISPLAY:none;}

li.boxGiftLink {display:none;}
li.boxAddFriendLink {display:none;}
.vip_icon{display:none;}
#boxSearch {display:none;}
.innertext form input{}

#boxCounter .boxCounter0 .sidetitle{height:100px;background:no-repeat left;}
#boxCounter .boxCounter0 .sidetitle{font-size:0px;COLOR:#000000;}

#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {font-family:georgia;color:#000000;
font-size:12px;TEXT-ALIGN:left;background:none;width:295px;}

#boxCounter {
position:absolute;top:320px;left:440px;
border-TOP:5px solid #000;
border-LEFT:5px solid #000;
border-RIGHT:5px solid #000;
border-bottom:5px solid #000;
background-color:#ececec;}
#boxCounter .sidetitle{display:none;}
#boxCounter BR {DISPLAY:none;}

#boxWho{position:absolute;top:90px;left:20px;}
#boxWho input {height:20px;width:100px;}
#boxWho div#whowrapper{width:150px!important;text-align:center;}
#boxWho li, #boxWho li img{width:40px !important;height:40px !important;border:#000 1px solid;}
#boxWho #whowrapper li a {}
#boxWho #whowrapper li a img {height:40px;width:40px;filter:alpha(opacity=100);}
#boxWho #whowrapper li a:hover img {height:40px;width:40px;filter:alpha(opacity=100);}
#boxWho img , #boxWho a{}
#boxWho .sidetitle {display:none;}