/***************************************
作者：---‧熊熊。PANDA‧---
主題：FT ISLAND
作者網址：http://www.wretch.cc/blog/ryohei0221
****************************************/

HTML {
scrollbar-face-color:#F3F0E7;
scrollbar-highlight-color:#F3F0E7;
scrollbar-shadow-color:#F3F0E7;
scrollbar-3dlight-color:#F3F0E7;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#F3F0E7;
scrollbar-darkshadow-color:#F3F0E7;
overflow-x:hidden;
}
body {
MARGIN:0px;
FONT-SIZE:7pt;
FONT-FAMILY:verdana;
background:#F3F0E7;
letter-spacing:1px;
}
A {COLOR:#333;TEXT-DECORATION:none;}
A:hover {COLOR:#68624C;TEXT-DECORATION:none;}
#text {
border:#F3F0E7 1px solid;font-family:verdana;font-size:7pt;
}

#text {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
overflow:hidden;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#F3F0E7;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
width:500px;
background:url(http://f7.wretch.yimg.com/ryohei0221/23/1891994546.jpg?LWknfoBDfB9NP7nCbyh1g1S1gvHWzLySaCPI4o0jjrJ_pKJar0WnZ5dk3ldv) right bottom no-repeat #FFF;}


INPUT {
BORDER:#F3F0E7 1px solid;FONT-SIZE:7pt;BACKGROUND:#FFF;COLOR:#000000;PADDING-TOP:2px;FONT-FAMILY:verdana, arial;}

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

#container1 {
position:relative;
width:750px;
BACKGROUND:none;
MARGIN-top:0px;
MARGIN-LEFT:auto;
MARGIN-RIGHT:auto;
}

#container2 {
}

/* banner
--------------------------*/
#banner {
width:750px;
height:158px;
background:url(http://i.imagehost.org/0429/BG_7.png) #F3F0E7 no-repeat center top;
}
#pageheader h1 a {
FONT-WEIGHT:bold;
font-size:7pt;
color:#FFF;
position:absolute;
left:350px;
top:142px;
letter-spacing:2px;
TEXT-ALIGN:center;
WIDTH:380PX;
}

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

#pageheader #description2 .description {
color:#000;
font-family:verdana;
font-size:7pt;
position:absolute;
top:10px;
left:0px;
height:123px;
background-color:none;
width:195px;
border:0px solid #eee;
overflow-y:auto;
scrollbar-highlight-color:#F3F0E7;
scrollbar-face-color:#F3F0E7;
scrollbar-shadow-color:#F3F0E7;
scrollbar-3dlight-color:#F3F0E7;
scrollbar-arrow-color:#F3F0E7;
scrollbar-track-color:#F3F0E7;
scrollbar-darkshadow-color:#F3F0E7;
padding-top:4px;
padding-bottom:4px;
padding-right:10px;
padding-left:10px;
letter-spacing:2px;
line-height:18px;}
#pageheader #description2 .description a:hover{color:#333;font-family:verdana;font-size:7pt;}
#pageheader #description2 .description a:hover{color:#848484;}

h1 .description {display:none;}

#main2 {
BACKGROUND-color:#FFF;
width:750px;
}

/* content
--------------------------*/
#content {
BACKGROUND-color:#FFF;
PADDING-RIGHT:5px;
PADDING-LEFT:5px;
PADDING-TOP:5px;
PADDING-BOTTOM:5px;
FLOAT:LEFT;
OVERFLOW:hidden;
WIDTH:530px;
overflow-y:auto;
margin-top:0px;
}

.blogbody {
margin-bottom:10px;
}
.blogbody2 {
}

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

.date{
background-color:#DFDBC2;
font-size:7pt;
font-family:verdana;
letter-spacing:2px;
color:#fff;
font-weight:normal;
width:150px;
text-align:center;
line-height:13pt;
padding-left:3PX;
padding-top:3PX;
padding-bottom:3PX;
margin-top:2px;
margin-bottom:2px;
}
.title {
border-bottom:#DFDBC2 1px solid;
letter-spacing:1px;
line-height:13pt;
font-family:verdana;
font-weight:normal;
font-size:8pt;
color:#68624C;
padding:3px;
margin-top:5px;
margin-bottom:2px;
letter-spacing:2px;
}
.title a {COLOR:#000;}
.title a:hover {COLOR:#848484;}
.articletext .innertext {
border:#d9d9d9 0px solid;PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:0px;LINE-HEIGHT:150%;PADDING-TOP:0px;FONT-FAMILY:verdana;TEXT-ALIGN:left;
}

.extended {
padding:5px;
margin-bottom:5px;
TEXT-ALIGN:right;
color:#68624C;}

.extended a{letter-spacing:2px;TEXT-ALIGN:right;}

.posted{margin-bottom:10px;padding:5px 0px 5px 0px;color:#fff;font:0pt verdana;text-align:RIGHT;letter-spacing:-1px;}
.posted a{margin-left:5px;color:#333;font:7pt verdana;letter-spacing:1px;}
/* comments
--------------------------*/
.total-comments-div {
width:520px;
PADDING-RIGHT:5px;
PADDING-LEFT:5px;
PADDING-BOTTOM:0px;
LINE-HEIGHT:150%;
PADDING-TOP:0px;
color:#68624C;
}
.comments-head {
border-bottom:#DFDBC2 1px solid;
letter-spacing:1px;
line-height:13pt;
font-family:verdana;
font-weight:normal;
font-size:7pt;
color:#68624C;
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
margin-top:5px;
margin-bottom:5px;
letter-spacing:2px;
}
.comments-body {
background:#FFF;
color:#000;
font-size:7pt;
}
.comments-post {
color:#666;
text-align:right;
}

.comments-body span {
PADDING:5px;
border:#DFDBC2 1px solid;
background:#fff;
margin-left:0px;}

.comments-reply .comments-author {
background-color:#DFDBC2;
padding-left:20px;
filter:alpha(opacity=100);}

.comments-reply .comments-author p {
color:#333;
font-size:7pt;
}

.comments-reply .comments-author .comments-post {
color:#999;
font-size:7pt;
background-color:#DFDBC2;
}

.comments-reply .comments-author .comments-post a {
BACKGROUND:#DFDBC2;
color:#666;
font-size:7pt;
}

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

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

#text {
width:80%;
}
/* links
--------------------------*/
#links {
BACKGROUND-color:#FFF;
FLOAT:RIGHT;
OVERFLOW:hidden;
WIDTH:200px;
letter-spacing:2px;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-right:5px;
}

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

.sidetitle {
border-bottom:#DFDBC2 1px solid;
font-size:7pt;
color:#68624C;
letter-spacing:2px;
padding-left:5px;
padding-bottom:4px;
padding-top:4px;
TEXT-ALIGN:left;
}

.side {
font-size:7pt;PADDING-TOP:5px;BORDER-TOP-STYLE:none;LINE-HEIGHT:180%;COLOR:#000;FONT-FAMILY:verdana;TEXT-ALIGN:left;
}

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

#boxMySpace .boxMySpace0 .sidetitle{
}

.boxMySpace1 .side a img{
PADDING:5px;
border:#DFDBC2 1px solid;}

.boxMySpaceImg{text-align:LEFT;PADDING:5px;}
.boxMySpaceImg a img{filter:alpha(opacity=100);}
.boxMySpaceImg a:hover img{filter:alpha(opacity=80);}

#blogCategory{DISPLAY:none;}

#links #serviceList {
position:absolute;
top:10px;
left:550px;
width:200px;
}
#serviceList li{float:left;margin:0px 0px 0px 0px;}
#serviceList li a{
display:block;
width:35px;
font-size:7pt;
text-align:left;
letter-spacing:2px;
padding:2px;
}

a#linkAlbum{color:#DFDBC2;}
a#linkGbook, 
a#linkUser{color:#DFDBC2;}
a#linkBlog{color:#68624C;}
a#linkFriend, 
a#linkMypage, 
a#linkVideo{display:none!important;}
a#linkMypage:hover, 
a#linkBlog:hover{color:#DFDBC2;}
a#linkAlbum:hover, 
a#linkGbook:hover, 
a#linkUser:hover, 
a#linkFriend:hover{COLOR:#68624C;}

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

}
#boxSlideShow .boxSlideShow0 .sidetitle {

}
#boxSlideShow .boxSlideShow1 {

}
#boxSlideShow .boxSlideShow1 .side {

}
#SlidePicTitle {
WIDTH:100px;}
#boxNewArticle {

}
#boxNewArticle .boxNewArticle0 {

}
#boxNewArticle .boxNewArticle0 .sidetitle {

}
#boxNewArticle .boxNewArticle1 {
}
#boxNewArticle .boxNewArticle1 .side {
margin-top:5px;
}
#boxNewArticle .side a{
display:block;
COLOR:#333;
line-height:15px;
padding-left:5px;
letter-spacing:1px;
}
#boxNewArticle .side a:hover{color:#68624C;background:#fff;}

.boxCategory1 .side a{
background:#fff;
margin-bottom:1px;
letter-spacing:2px;
padding:1px 0px 1px 5px;
color:#333;
line-height:20px;
}
.boxCategory1 .side a:hover{
color:#68624C;
background:#fff;
padding-left:5px;
line-height:20px;
}
.boxCategory1{line-height:1px;}

#boxCategory A IMG {
DISPLAY:none;}
#boxCategory A {
PADDING-LEFT:15px;BACKGROUND:url(http://f7.wretch.yimg.com/ryohei0221/19/1005192449.jpg?Uc0GhOFDdBbZSboDotmxeInJHHkhEUQauGzIcLfMTj2yi7uJTtcFM8iX36BQ) no-repeat left top;}


#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{
COLOR:#333;
display:block;
line-height:30px;
padding-left:5px;
letter-spacing:1px;}
#boxNewComment .side a:hover{color:#68624C;background:#fff;}

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

#boxNewComment .boxNewComment1 .side {line-height:1px;color:#fff;}

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

}
#boxFolder .boxFolder1 .side {
}



.syndicate {
PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:10px;PADDING-TOP:10px;}
.total-comments-div .powered IMG {
HEIGHT:1px;}

#boxDate {
DISPLAY:none;}

#scupioSearch {
DISPLAY:none;}

#boxRssList {
DISPLAY:none;}

div#article_counter {
TEXT-ALIGN:left;
padding-left:0px;
FONT-SIZE:8pt;
COLOR:#68624C;
FONT-FAMILY:verdana;
}

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

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

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

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

#boxWho #whowrapper LI A:hover IMG {
border:1px #F3F0E7 solid;
padding:2px 2px 2px 2px;
FILTER:alpha(opacity=80);
POSITION:relative;
WIDTH:40px!important;
HEIGHT:40px!important;}

#boxWho input {}

.cmt_floor_hide {
FLOAT:right;
TEXT-ALIGN:RIGHT;
FONT-SIZE:7PT;
COLOR:#68624C;
FONT-FAMILY:verdana;
display:inline;}

.cmt_floor {
display:none;}

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

#friendlist {
display:none;}

#footer {
BACKGROUND:url(http://img69.imageshack.us/img69/7866/named.png) no-repeat center;width:750px;height:20px;}