/* one green  css by FISH
*design Cannot reprint, the replot
 */
HTML {
SCROLLBAR-FACE-COLOR:#678894;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
}

html, body, h1, h2, h3, input, form {
margin:0;
padding:0;
}

body {
background:#fff url(http://farm3.static.flickr.com/2446/3932817957_4ec77c3a35_o.jpg) repeat-y center;
font:12px BMbug;
color:#333;
}

#content, input{color:#004E7B;}

a {color:#777;font-family:verdana;text-decoration:none;}
a:hover {background:none transparent scroll repeat 0% 0%;width:150px;
cursor:help;color:#4F617F;text-decoration:none;}
input {background:#f8f8f8;border-right:#ccc 1px solid;border-top:#ccc 1px solid;
font-size:10px;border-left:#ccc 1px solid;color:#444;border-bottom:#ccc 1px solid;}

select {
font-size:11px;background:transparent scroll repeat 0% 0%;color:#cccccc;}
#container1 {
margin:30px 0px 0px;width:950px;}
.datediv{background:#fff;color:#000;}


/* container
-------------------- */
#container1 {
background:repeat-y;
margin:auto;
width:800px;
}


/* banner
-------------------- */
#banner{
background-image:url(http://farm3.static.flickr.com/2648/3971070863_5ef980e8a2_o.jpg);
height:200px;
width:800px;
margin:auto;
}


#pageheader H1 {COLOR:#fff;
FONT-SIZE:7pt;LEFT:50px;WIDTH:450px;LINE-HEIGHT:65px;
FONT-FAMILY:verdana;POSITION:absolute;}

.description {
FONT-WEIGHT:normal;LEFT:0px;WIDTH:350px;COLOR:#fff;
FONT-FAMILY:verdana;LETTER-SPACING:0.1em;POSITION:absolute;TOP:50px;}


#pageheader h1 a {
font-size:18px;left:100px;width:230px;color:#555;top:20px;
position:absolute;text-align:left;}

#pageheader h1 a:hover {
background:none;border-right:#ccc 0px solid;color:#6B6B6B;}

.description {
FONT-SIZE:10px;LEFT:150px;WIDTH:480px;color:#bbb;


POSITION:absolute;TOP:150px;TEXT-ALIGN:left;}

/* content
-------------------- */
#content {width:550px;float:left;overflow:hidden;}

.blog{padding-top:10px;padding-left:23px;}
/* content萿妐 */

#main2 {font-family:verdana;
background:no-repeat center top;
width:810px;
margin:auto;
padding-top:10px;FONT-SIZE:11px;
}

/* 萿妐*/
.blogbody{
width:500px;margin-bottom:20px;background:top repeat-y;}
#content * {position:relative;}

/* 冱杅*/
.blogbody2{padding:0px;
background:0px bottom no-repeat;color:#555;
}
.articletext .title {font-family:"BMbug";color:#627388;
margin-right:30px;margin-left:0px;font-size:16px;background:#F7F7F7;width:515px;
padding-bottom:10px;margin:0px 0px 0px 0px;padding-top:8px;height:15px;text-align:left;}

.more {FONT-SIZE:10px;}

.date {
padding-right:0px;padding-left:0px;font-size:10px;text-transform:uppercase;
width:480px;color:#555;padding-top:0px;text-align:right;
background:left bottom no-repeat;
}

.datediv{
width:200px;
padding-left:20px;
padding-top:20px;
background:transparent;
}



posted {
PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:9px;MARGIN-BOTTOM:30px;PADDING-BOTTOM:0px;COLOR:#414F65;PADDING-TOP:0px;TEXT-ALIGN:right;}

/* comments
-------------------- */
#Comments {
MARGIN:5px;WIDTH:480px;}

.commentTitle {
PADDING-RIGHT:5px;PADDING-LEFT:5px;FONT-SIZE:16px;PADDING-BOTTOM:5px;COLOR:#777777;PADDING-TOP:5px;}
.commentTitle A {
FONT-SIZE:10px;COLOR:#777777;}
.comments-body {
FONT-SIZE:12px;COLOR:#666;LINE-HEIGHT:130%;}
.comments-body P {
PADDING-BOTTOM:5px;MARGIN:10px;}
.comments-post {
PADDING-RIGHT:2px;PADDING-LEFT:2px;FONT-SIZE:9px;PADDING-BOTTOM:2px;MARGIN:20px 0px 0px;WIDTH:450px;PADDING-TOP:2px;BORDER-BOTTOM:#acacac 1px solid;HEIGHT:20px;TEXT-ALIGN:right;}
.comments-body IMG {
FILTER:alpha(opacity=30);}
.comments-post IMG {
FILTER:alpha(opacity=30);}
.comments-post BR {
DISPLAY:none;}
/* links
-------------------- */
#links {
width:240px;
float:right;
}
#links a {
color:#555;
text-decoration:none;
}
#links a:hover {
color:#4F617F;
}
.side {padding-right:2px;padding-left:2px;font-size:10px;background:#F7F7F7;
padding-bottom:2px;margin:0px 0px 0px 0px;width:220px;color:#777;line-height:170%;padding-top:2px;}
.side a {color:#555;}
.sidetitle {padding-right:5px;padding-left:5px;font-size:10px;
background:#F7F7F7;padding-bottom:5px;margin:5px 0px 0px 0px;
width:215px;color:#555;padding-top:5px;border-bottom:#ccc 1px dotted;height:10px;}
.islock img {display:none;}
/*new book */

#boxprofile {display:block;width:235px;color:#555;text-decoration:none;}
#boxcategory {}
#boxdate {}
#boxnewarticle {}

#boxnewarticle a {DISPLAY:block;PADDING-LEFT:0px;BACKGROUND:no-repeat left 50%;WIDTH:210px;LINE-HEIGHT:170%;}


#boxnewarticle A:hover {
BACKGROUND:no-repeat left 50%;WIDTH:210px;COLOR:#777;HEIGHT:1px;TEXT-DECORATION:none;}

#boxnewarticle br {display:none;}
/*new talk*/
.boxnewarticle1 {}
#boxnewcomment {}
#boxnewcomment a {DISPLAY:block;
width:235px;color:#4c4c4c;text-decoration:none;}

#boxNewComment A:hover {
BACKGROUND:#fff no-repeat left 50%;WIDTH:210px;COLOR:#777;TEXT-DECORATION:none;}
#boxNewComment .sidetitle {
COLOR:#777;}

#boxNewComment .boxNewComment1 .side {
COLOR:#f4f4f4;LINE-HEIGHT:1px;}
#boxNewComment .boxNewComment1 .side A {
DISPLAY:block;LINE-HEIGHT:15px;}

#boxNewComment .boxNewComment1 A:hove {
DISPLAY:block;LINE-HEIGHT:10px;}
#boxfavorite {}
#boxrsslist {}
#boxrsslist .boxrsslist1 .side a img {
filter:alpha(opacity=30);}
#boxrsslist .boxrsslist1 .side a:hover img {
filter:alpha(opacity=100);}
#boxcounter {

}
.calendar table {
padding-right:0px;padding-left:0px;font-size:10px;padding-bottom:0px;width:80px;color:#ccc;line-height:170%;padding-top:0px;}
#calendarplugin {
font-size:13px;margin-bottom:30px;color:#999;text-align:center;}
.calendarhead {
text-align:left;}
.calendartoday {
background:#eee;}
.listall_msg {
font-size:12px;margin-left:20px;}
.listall_pagelist {
margin-left:20px;}
.listall_date {
font-size:11px;margin-left:20px;color:#ccc;}
.powered {
padding-right:5px;margin-top:30px;padding-left:5px;font-size:10px;padding-bottom:5px;color:#fff;padding-top:5px;}
#boxprofile {
left:0px;width:1024px;position:absolute;top:64px;}



#boxMySpace .side {
padding-left:2px;padding-top:0px;
margin-bottom:20px;
height:130px;
}

#boxMySpace  .side #serviceList {
overflow:auto;
width:203px;
height:20px;

}

#boxMySpace  .side #serviceList li {
float:left;
margin-left:6px;
}


#boxMySpace .boxMySpace1 .side .mySpaceLink {
display:block;
width:62px;
height:20px;
font-size:0px;
letter-spacing:0px;
text-align:right;
float:left;

text-decoration:none;}

#boxMySpace  .side a{font-size:10px;color:#fff;}
#boxMySpace  .side a:hover{font-size:12px;color:#fff;

}
#boxMySpace #linkMypage{
position:absolute;
top:120px;
left:550px;
}
#boxMySpace .boxAddFriendLink , 
#boxMySpace .boxGiftLink {
display:none;
}
#boxMySpace #linkAlbum{
position:absolute;
top:120px;
left:370px;
}
#boxMySpace #linkBlog{
position:absolute;
top:120px;
left:430px;
}
#boxMySpace #linkGbook{
position:absolute;
top:120px;
left:480px;
}
#boxMySpace #linkUser{
display:none;
}
#boxMySpace #linkFriend{
display:none;
}
#boxMySpace #linkVideo{
display:none;
}




/* links detail
-------------------- */
#boxSearch input {
border:none;
background:white;
}

/*friend link */
#boxProfile.boxProfile1 .side select {
width:160px;
border:#ccc 1px solid;
background:#CCC;
color:#333;
margin-top:3px;
}


/*user icon */
.boxProfileImg img{
border:#FFF 5px solid;
}


/*logo
--------------------*/
.powered .powerlogo IMG {
DISPLAY:none;
}

.powered .powerlogo {
DISPLAY:block;
BACKGROUND:no-repeat 0px 0px;
WIDTH:100px;
HEIGHT:10px;
}


/* footer and extradiv
-------------------- */

#footer {
clear:both;
height:90px;
background:url(http://farm3.static.flickr.com/2657/3971083693_146b995560_o.jpg) left top no-repeat;
}