/***************************************
作者：---‧熊熊。PANDA‧---
主題：少女時代第三張迷你專輯『HOOT』- 潔西卡
作者網址：http://www.wretch.cc/blog/ryohei0221
****************************************/

HTML {
scrollbar-face-color:#f6ede5;
scrollbar-highlight-color:#f6ede5;
overflow:auto;
overflow-x:hidden;
scrollbar-shadow-color:#f6ede5;
scrollbar-3dlight-color:#f6ede5;
scrollbar-arrow-color:#d4c7b4;
scrollbar-track-color:#f6ede5;
scrollbar-darkshadow-color:#f6ede5;
}
body {
MARGIN:0px;
FONT-SIZE:7pt;
FONT-FAMILY:verdana;
background:#f6ede5;
letter-spacing:1px;
font-family:verdana;
font-size:7pt;
}
A {COLOR:#333;TEXT-DECORATION:none;}
A:hover {COLOR:#42392c;TEXT-DECORATION:none;}

INPUT {
BORDER:#593b30 0px solid;font-family:verdana;FONT-SIZE:7pt;BACKGROUND:#d4c7b4;COLOR:#333;PADDING-TOP:2px;}

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

#container1 {
position:relative;
width:700px;
BACKGROUND:none;
MARGIN:auto;
}

#container2 {
}

/* banner
--------------------------*/
#banner {
background:url(http://pics1.yamedia.tw/29/userfile/r/ryohei0221/album/14d086b00b610c.png) TOP left;
width:700px;
height:500px;
}
#pageheader h1 a {
display:none;
position:absolute;
top:100px;
left:20px;
font-family:verdana;
font-size:15pt;
color:#49392f;
letter-spacing:2px;
TEXT-ALIGN:left;
WIDTH:400PX;
padding:2px;
}

#pageheader h1 a:hover {color:#878269;}

#pageheader #description2 .description {
background:NONE;
color:#333;
font-family:verdana;
font-size:7pt;
position:absolute;
top:150px;
left:20px;
height:55px;
width:420px;
overflow-y:auto;
TEXT-ALIGN:left;
scrollbar-highlight-color:#f6ede5;
scrollbar-face-color:#f6ede5;
scrollbar-shadow-color:#f6ede5;
scrollbar-3dlight-color:#f6ede5;
scrollbar-arrow-color:#f6ede5;
scrollbar-track-color:#f6ede5;
scrollbar-darkshadow-color:#f6ede5;
padding:2px;
letter-spacing:2px;
line-height:18px;}

#pageheader #description2 .description a{color:#c31818;}
#pageheader #description2 .description a:hover{color:#42392c;}



h1 .description {display:none;}

#main2 {
background:url(http://pics1.yamedia.tw/29/userfile/r/ryohei0221/album/14d070cc741c36.png);
width:700px;
}

/* content
--------------------------*/
#content {
PADDING:5px;
color:#c31818;
FLOAT:left;
WIDTH:475px;
margin-left:10px;
scrollbar-face-color:#f0e9dd;
scrollbar-highlight-color:#f0e9dd;
overflow:auto;
overflow-x:hidden;
scrollbar-shadow-color:#f0e9dd;
scrollbar-3dlight-color:#f0e9dd;
scrollbar-arrow-color:#f0e9dd;
scrollbar-track-color:#f0e9dd;
scrollbar-darkshadow-color:#f0e9dd;
}

.blogbody {

}
.blogbody2 {
}

.innertext {
color:#333;
font-weight:normal;
letter-spacing:2px;
font-size:7pt;
font-family:verdana;
line-height:20px;
}
.articletext .innertext br {letter-spacing:0pt;}

.date{
font-size:10pt;
FONT-FAMILY:verdana;
letter-spacing:2px;
color:#42392c;
font-weight:bold;
text-align:LEFT;
padding-top:5px;
padding-bottom:5px;
}
.title {
text-align:left;
line-height:13pt;
font-family:verdana;
font-weight:normal;
font-size:8pt;
color:#333;
padding:0px;
margin-top:5px;
margin-bottom:0px;
letter-spacing:2px;
}

.extended {
margin-bottom:5px;
TEXT-ALIGN:right;
color:#49392f;}

.posted{margin-bottom:10px;padding:2px 2px 2px 2px;color:#f0e9dd;font:0pt verdana;text-align:left;letter-spacing:-1px;}
.posted a{margin-left:5px;color:#42392c;font:7pt verdana;letter-spacing:1px;}
.posted a:hover{color:#c31818;}

#push {
BORDER:#e3e3e3 0px solid!important;
font:7pt Verdana!important;
color:#333!important;
background:#f0e9dd!important;}

#push span {
margin-bottom:5px;
font:8pt;
FONT-FAMILY:simhei !important;
background:#f0e9dd;
color:#c31818!important;}

.clearfix a.push {
margin-top:5px!important;
margin-left:8px!important;
font:7pt Verdana!important;
color:#42392C!important;
background:#d4c7b4!important;
border:none!important;}
.clearfix a:hover.push{
color:#333!important;}

.clearfix a.pull {
margin-top:5px!important;
margin-left:4px!important;
font:7pt Verdana!important;
color:#42392C!important;
background:#d4c7b4!important;
border:none!important;}
.clearfix a:hover.pull{
color:#333!important;}

#push a {
padding:3px!important;
height:10px!important;}

/* comments
--------------------------*/
.total-comments-div {
width:460px;
color:#c31818;
}
.comments-head {
padding-top:5px;
font-family:verdana;
font-weight:normal;
font-size:8pt;
margin-TOP:10px;
margin-BOTTOM:10px;
TEXT-ALIGN:left;
color:#333;
}

.trackbacks-head{
color:#333;
padding:0px;
letter-spacing:1px;
line-height:13pt;
font-family:verdana;
font-weight:normal;
font-size:8pt;
margin-top:5px;
margin-bottom:5px;
letter-spacing:2px;
}

.trackbacks-body{
color:#333;
font-family:verdana;
font-weight:normal;
font-size:7pt;
PADDING:5px;
}

.trackbacks-body .comments-user{
color:#c31818;
font-family:verdana;
font-weight:normal;
font-size:8pt;
}

.comments-body {
font-family:verdana;
font-weight:normal;
background:none;
color:#333;
font-size:7pt;
PADDING:5px;
}

.comments-post {
font-family:verdana;
font-weight:normal;
color:#c31818;
text-align:right;
font-size:7pt;
}

.comments-body span {
padding:0px;
background:none;}

.comments-reply .comments-author {
background:#dfd4c2;
filter:alpha(opacity=100);}

.comments-reply .comments-author p {
padding:5px;
color:#333;
font-size:7pt;
font-family:verdana;
font-weight:normal;
}

.comments-reply .comments-author .comments-post {
color:#c31818;
font-size:7pt;
background:none;
font-family:verdana;
font-weight:normal;
}

.comments-reply .comments-author .comments-post a {
background:none;
color:#42392c;
font-size:7pt;
font-family:verdana;
font-weight:normal;
}

.total-comments-div .comments-body
{BORDER-bottom:#aaa9a9 0px dashed;}

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

#name_id {
filter:alpha(opacity=100);
border:#898b8a 0px solid;
width:435px !important;
letter-spacing:1px;
font-size:7pt;
BACKGROUND-COLOR:#dfd4c2;
font-family:verdana;
}

#email {
filter:alpha(opacity=100);
border:#898b8a 0px solid;
width:435px !important;
letter-spacing:1px;
font-size:7pt;
BACKGROUND-COLOR:#dfd4c2;
font-family:verdana;
COLOR:#333;
}
#url {
filter:alpha(opacity=100);
border:#898b8a 0px solid;
width:435px !important;
letter-spacing:1px;
font-size:7pt;
BACKGROUND-COLOR:#dfd4c2;
font-family:verdana;
COLOR:#333;
}

#magic {
filter:alpha(opacity=100);
border:#898b8a 0px solid;
width:150px !important;
letter-spacing:1px;
font-size:7pt;
BACKGROUND-COLOR:#dfd4c2;
font-family:verdana;
}

textarea{
filter:alpha(opacity=100);
BACKGROUND-COLOR:#FFF;
scrollbar-face-color:#FFF;
scrollbar-highlight-color:#FFF;
overflow:auto;
scrollbar-shadow-color:#FFF;
scrollbar-3dlight-color:#FFF;
scrollbar-arrow-color:#dfd4c2;
scrollbar-track-color:#FFF;
scrollbar-darkshadow-color:#FFF;
color:#333;
font-size:7pt;
font-family:verdana;
border:#dfd4c2 1px solid;
background-color:#fff;
FONT-STYLE:normal;
padding:5px;
padding-left:15px;
width:410px !important;
height:40px !important;
}

#text{
filter:alpha(opacity=100);
scrollbar-face-color:#dfd4c2;
scrollbar-highlight-color:#dfd4c2;
overflow:auto;
scrollbar-shadow-color:#dfd4c2;
scrollbar-3dlight-color:#dfd4c2;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#dfd4c2;
scrollbar-darkshadow-color:#dfd4c2;
background:#dfd4c2;
width:420px !important;
height:100px !important;
border:#898b8a 0px solid;
letter-spacing:1px;
font-size:7pt;
font-family:verdana;
color:#333;
}

/* links
--------------------------*/
#links {
scrollbar-face-color:#d4c7b4;
scrollbar-highlight-color:#d4c7b4;
overflow-x:hidden;
scrollbar-shadow-color:#d4c7b4;
scrollbar-3dlight-color:#d4c7b4;
scrollbar-arrow-color:#d4c7b4;
scrollbar-track-color:#d4c7b4;
scrollbar-darkshadow-color:#d4c7b4;
background:none;
FLOAT:right;
WIDTH:190px;
margin-right:0px;
}

#links a{color:#333;}
#links a:hover{color:#c31818;}

.sidetitle {
letter-spacing:2px;
font-family:verdana;
font-weight:normal;
font-size:8pt;
color:#42392c;
padding-top:5px;
padding-left:0px;
padding-bottom:5px;
TEXT-ALIGN:LEFT;
margin-bottom:5px;
}

.side {
letter-spacing:1px;
font-size:7pt;
padding:0px;
BORDER-TOP-STYLE:none;
LINE-HEIGHT:170%;
COLOR:#c31818;
FONT-FAMILY:verdana;
TEXT-ALIGN:left;
}

/* links detail
--------------------------*/

#boxMySpace .boxMySpace0 .sidetitle {
DISPLAY:none;}
.boxMySpace1 .side a img{DISPLAY:none;}
#blogCategory{DISPLAY:none;}

#links #serviceList {
}
#serviceList li{float:left;}
#serviceList li a{
display:block;
font-size:0pt;
letter-spacing:2px;
padding:4px;
background:NONE;
}

a#linkAlbum{
text-align:right;
position:absolute;
top:110px;
left:55px;
width:110px;
color:#f6ede5;}

a#linkBlog{
text-align:right;
position:absolute;
top:110px;
left:170px;
width:80px;
color:#f6ede5;}

a#linkGbook{
text-align:center;
position:absolute;
top:110px;
left:260px;
width:100px;
color:#f6ede5;}

a#linkUser{
text-align:right;
position:absolute;
top:110px;
left:370px;
width:80px;
color:#f6ede5;}

a#linkFriend, 
a#linkMypage, 
a#linkVideo{display:none!important;}

a#linkAlbum:hover{color:#f6ede5;width:100px;background:#f6ede5;
FILTER:alpha(opacity=50);}
a#linkBlog:hover{color:#f6ede5;width:80px;background:#f6ede5;
FILTER:alpha(opacity=50);}
a#linkGbook:hover{color:#f6ede5;width:100px;background:#f6ede5;
FILTER:alpha(opacity=50);}
a#linkUser:hover{color:#f6ede5;width:80px;background:#f6ede5;
FILTER:alpha(opacity=50);}

#boxMusic{}
#boxMusic .boxMusic0 .sidetitle {}
#boxMusic .boxMusic1 .side {
}

#boxSlideShow {
DISPLAY:block;}
#SlidePicTitle {
WIDTH:100px;}

#boxNewArticle {
position:absolute;
top:400px;
left:30px;
}
#boxNewArticle .boxNewArticle0 {}

#boxNewArticle .boxNewArticle0 .sidetitle {DISPLAY:none;}

#boxNewArticle .boxNewArticle1 {}

#boxNewArticle .boxNewArticle1 .side {
width:180px;
height:85px;
scrollbar-face-color:#dfd4c2;
scrollbar-highlight-color:#dfd4c2;
overflow-y:auto;
overflow-x:hidden;
scrollbar-shadow-color:#dfd4c2;
scrollbar-3dlight-color:#dfd4c2;
scrollbar-arrow-color:#333;
scrollbar-track-color:#dfd4c2;
scrollbar-darkshadow-color:#dfd4c2;
}

#boxNewArticle .side a{
display:block;
COLOR:#333;
line-height:13px;
letter-spacing:1px;
}
#boxNewArticle .side a:hover{color:#c31818;}



#boxCategory{
}

#boxCategory .boxCategory0 .sidetitle {
}

#boxCategory .boxCategory1 .side {

}

.boxCategory1 .side a{
font-size:7pt;
background:none;
margin-bottom:1px;
letter-spacing:2px;
padding:1px 0px 1px 0px;
color:#fff;
line-height:18px;
}
.boxCategory1 .side a:hover{
color:#7a644f;
background:none;
padding-left:5px;
line-height:18px;
}
.boxCategory1{line-height:1px;}

#boxCategory A IMG {
DISPLAY:none;}
#boxCategory A {
PADDING-LEFT:10px;BACKGROUND:url(http://pics1.yamedia.tw/27/userfile/r/ryohei0221/album/14c5922e295ea5.gif) no-repeat left center;}

#boxNewComment {
position:absolute;
top:400px;
left:260px;
}
#boxNewComment .boxNewComment0 {
}
#boxNewComment .boxNewComment0 .sidetitle {
DISPLAY:none;}

#boxNewComment .boxNewComment1 {
}
#boxNewComment .boxNewComment1 .side {
width:210px;
height:85px;
scrollbar-face-color:#dfd4c2;
scrollbar-highlight-color:#dfd4c2;
overflow-y:auto;
overflow-x:hidden;
scrollbar-shadow-color:#dfd4c2;
scrollbar-3dlight-color:#dfd4c2;
scrollbar-arrow-color:#333;
scrollbar-track-color:#dfd4c2;
scrollbar-darkshadow-color:#dfd4c2;
}

#boxNewComment .side a{
font-size:7pt;
COLOR:#333;
display:block;
line-height:16px;
padding:0px;
letter-spacing:1px;}

#boxNewComment .side a:hover{color:#c31818;}

#boxNewComment .sidetitle .syndicate {DISPLAY:none;}

#boxNewComment .boxNewComment1 .side {line-height:12px;color:#dfd4c2;}

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

}
#boxFolder .boxFolder1 .side {
}

#boxCounter .boxCounter0 .sidetitle{}
#boxCounter .boxCounter0 .sidetitle{}

#boxCounter .boxCounter1 {}
#boxCounter .boxCounter1 .side {color:#333;}

#boxCounter {
position:absolute;
top:240px;
left:230px;
}
#boxCounter .sidetitle{DISPLAY:none;}
#boxCounter BR {}


.syndicate {
PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:10px;PADDING-TOP:10px;}

#boxDate {
DISPLAY:none;}

#scupioSearch {
DISPLAY:none;}

#boxRssList {
DISPLAY:none;}

div#article_counter {
TEXT-ALIGN:left;
FONT-SIZE:7pt;
padding-top:2px;
padding-bottom:2px;
COLOR:#c31818;
FONT-FAMILY:verdana;
}

.cmt_floor_hide {
margin:0px;
padding:5px;
FLOAT:right;
TEXT-ALIGN:center;
FONT-SIZE:7pt;
COLOR:#49392f;
FONT-FAMILY:verdana;
display:inline;}

.cmt_floor {
display:none;}


#boxWho {
}
#boxWho .sidetitle {}
#boxWho #whowrapper {width:190px!important;height:30px;}

#boxWho LI {
margin:5px 5px 0px 0px!important;
WIDTH:20px!important;
HEIGHT:20px!important;
padding:2px 2px 2px 2px;
}

#boxWho LI IMG {
WIDTH:20px!important;
HEIGHT:15px!important;}

#boxWho #whowrapper LI A {}
#boxWho LI A IMG {
FILTER:alpha(opacity=100);}

#boxWho #whowrapper LI A:hover IMG {
BORDER:#ebe2d3 2px solid;
padding:2px 2px 2px 2px;
FILTER:alpha(opacity=100);
POSITION:relative;
WIDTH:25px!important;
HEIGHT:25px!important;}

#boxWho input {
}

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


#friendlist {color:#42392c;font:7pt verdana;background:#fff;width:180px;margin:0px 0px 5px 0px;filter:alpha(opacity=70);}
optgroup {color:#42392c;background:#fff;}
option {color:#333;background:#fff;}

#footer {
BACKGROUND:url(http://pics1.yamedia.tw/29/userfile/r/ryohei0221/album/14d070cc808b6e.png) no-repeat center;width:700px;height:50px;}