/* -------By Jo （哇好乱呀!! Sorry @_@）------- */
@charset "utf-8";
/* Global */
html {scrollbar-track-color: #ededed; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #ededed;}
body {background: #ededed; padding:0px; margin:0px;font-family: "Verdana", "Tahoma"; font-size: 12px; color: #333; line-height: 1.8;}
select{ margin:0px; font-family:"Verdana"; font-size:12px;vertical-align:middle; }
textarea, input { font-family: "Verdana"; font-size: 12px; vertical-align: middle; }
textarea { border: 1px solid #C7C7C7; overflow:visible; word-wrap: break-word; word-break: break-all; scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ededed; scrollbar-highlight-color: #ededed; scrollbar-face-color: #ededed; scrollbar-darkshadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #ededed; }
a { text-decoration:none; color: #EC6F89;outline:none }
a:hover {color: #2598B7;}
img { vertical-align: middle; border: none; }
#main { height: 100%; width: 830px; margin: 0px auto; padding-bottom: 20px; }
.clear { clear:both;}

/* Header */
#top { padding: 15px 0px 0px 15px; font-family:"Verdana"; font-size:14px; color: #FFF;}
.topmenu { text-align:left; line-height:1;}
.topmenu a:link { text-decoration: none; color: #fff; font-weight: bold; }
.topmenu a:visited { text-decoration: none; color: #fff; font-weight: bold; }
.topmenu a:active { text-decoration: none; color: #fff; font-weight: bold; }
.topmenu a:hover { text-decoration: none; color: #2598B7; font-weight: bold; }
.mode { text-align:right; color:#EC6F89; font-size: 8.5px; padding-right:20px; line-height:1.2;height:14px;}
.mode a:link { text-decoration: none; color: #EC6F89;}
.mode a:visited { text-decoration: none; color: #EC6F89;}
.mode a:active { text-decoration: none; color: #fff;}
.mode a:hover { text-decoration: none; color: #fff;}

/* content */
.wrap { width:830px; margin:0px; padding:0px;}
#content { width: 600px; float: left; margin-right: 16px; text-align: left; overflow: hidden; }
.whitebox {padding:0px; margin-bottom:16px; }
.seperate {height:15px;}
.top1 {width:19px; height:19px; background: top left no-repeat url("1.gif");}
.top2 {background: #FFF;}
.top3 {width:19px; height:19px; background: top right no-repeat url("2.gif");}
.foot1 {width:19px; height:19px; background: bottom left no-repeat url("3.gif");}
.foot2 {background: #FFF;}
.foot3 {width:19px; height:19px; background: bottom right no-repeat url("4.gif");}
.titlebox { line-height: 1.4; padding: 0px 0px 0px 5px; vertical-align: middle; border-left:#F9C0C0 solid 3px; margin:5px 0px 5px 3px; }
.title { font-size: 15px; font-weight: bold;}
.title a:link { color: #1c79a1; }
.title a:visited { color: #1c79a1; }
.title a:active { color: #1c79a1; }
.title a:hover { color: #EC6F89; }
.subtitle { font-size:10px; color:#999;}
.subtitle a:link { color: #999; }
.subtitle a:visited { color: #999; }
.subtitle a:active { color: #999; }
.subtitle a:hover { color: #EC6F89;}
.article { padding: 8px 10px; }
.articlefoot { text-align:right; border-top:dotted 1px #ccc;margin-top:10px; padding-top:7px;font-size:10px; color:#c7c7c7;}
.readmore {padding-left:15px;}
.small{ font:11px Tahoma;color:#999;}
.list { color: #666; }
.list a:link { color: #666; }
.list a:visited { color: #666; }
.list a:active { color: #999; }
.list a:hover { color: #EC6F89; }
.comtbox { margin: 5px auto 0px auto; width: 391px; word-wrap: break-word; word-break: break-all;color:#666; line-height:1.5}
.album_box{ float:left;width:50px;height:70px;border:1px solid #C7C7C7;padding:5px; margin-top: 8px; margin-right: 8px; }
.comreply { margin: 0px; }
.comreply ul { list-style-type: none; margin: 3px 0px 10px 40px; }
.comreply li { background: #F7F7F7; padding: 5px; margin-bottom:3px; }
.gbookbox { margin: 0px auto; word-wrap: break-word; word-break: break-all; width: 500px; line-height:1.7;}
.gbcontent { padding: 3px 5px 5px 8px;}
.linklist {padding:0px 0px 10px 10px;list-style-position: outside; list-style-type: none; }

/* sidebar */
#side { width:214px; background:#f7f7f7 no-repeat top left url("top.gif"); margin-top:14px; float:right; overflow:hidden;}
.sidefoot {background: bottom center no-repeat url("foot.gif"); height:19px;}
#side ul {padding-left: 5px; list-style-type: none; margin: 0px;}
#side li {line-height: 1.7;}
#side ol {list-style-type: none;padding: 0px 0px 4px 10px;line-height: 1.5;margin: 0px;}
.sidemenu1 { font-family:"微软雅黑", "幼圆", "黑体"; font-size: 15px; margin: 11px auto 5px auto; width:191px; height:29px; background:url("pink.gif"); line-height:1.8; text-align:center; color:#fff;}
.sidemenu2 { font-family:"微软雅黑", "黑体", "幼圆"; font-size: 15px; margin: 11px auto 5px auto; width:191px; height:29px; background:url("blue.gif"); line-height:1.8; text-align:center; color:#fff;}
.sidemenu1 a:link { color: #fff; }
.sidemenu1 a:visited { color: #fff; }
.sidemenu1 a:active { color: #fff; }
.sidemenu1 a:hover { color: #EC6F89;}
.sidemenu2 a:link { color: #fff; }
.sidemenu2 a:visited { color: #fff; }
.sidemenu2 a:active { color: #fff; }
.sidemenu2 a:hover { color: #EC6F89;}
#category {padding: 5px 0px 5px 18px; line-height:1; }
#blogCalendar { margin: 3px 13px 8px 13px;}
#entry {padding: 0px 0px 5px 8px; }
#comment {padding: 0px 0px 5px 8px; }
#guest {padding: 0px 0px 5px 8px; }
#links {padding: 0px 0px 0px 15px; color:#999; }
.links_title { cursor: pointer; color:#1C79A1; }
.links_block { margin-left:10px;}
#archive {padding: 5px 0px 5px 8px; text-align:center;}
#search {padding: 5px 0px 5px 15px; text-align:center;}
#info {padding: 5px 0px 5px 20px; font-size: 9px;color: #999999; line-height: 1.6;}
#info a:link { color: #999999; text-decoration: none;}
#info a:visited { color: #999999; text-decoration: none;}
#info a:active { color: #999999; text-decoration: none;}
#info a:hover { color: #9999996; text-decoration: underline; }
#sidealbum { padding: 5px 0px 0px 15px; }
.sidealbum { float: left; padding:4px 6px 0px 0px;}
.logo { padding-top: 10px; text-align: center; }
/*-foot-*/
.pagebar { margin: 0px; text-align:center; }
.pagebar a { color: #EC6F89; text-decoration: none; }
.pagebar a:hover { color: #2598B7; }

/* 通用控件 */
.album_photo { text-align: center; padding: 5px; }
.album_info { padding: 0px 0px 5px 8px; color: #999999; }
.pwinput { text-align: center; vertical-align: middle; }
.editbox { padding: 5px; margin: 0px auto; vertical-align: middle; }
.editbox textarea { margin-bottom: 5px; width: 280px; height: 110px; }
.guestform { padding: 0px; margin: 0px auto; border: none; border-collapse: collapse; width:391px;}
.guestform .formtop { background: no-repeat url('comment_top.gif') top left; width: 391px; height:8px; }
.guestform .formmid { background-color: #E8FAFC; }
.guestform .formfoot { background: no-repeat url('comment_foot.gif') top left; width: 391px; height:8px; }
.guestform .details { height: 15px; border: #C7C7C7 solid 1px; margin: 0px 0px 5px 8px; }
.guestform textarea { margin: 0px 5px 0px 8px; width: 365px; height: 110px; }

/* == Calendar Global ID == */
#blogCalendar, #blogCalendar td { color: #999; text-align: center; font-size:10px; }
#blogCalendar a { color: #EC6F89;font-weight:bold;}
#blogCalendar a:hover { color: #2598B7; font-weight:bold; }
.week {font-weight:bold;}
.index_today { border: 1px dotted #EC6F89; }

/***dtree***/
.dtree {white-space: nowrap;}
.dtree img {border: 0px; margin-right: 2px;vertical-align: middle;}
.dtree a {color: #999999;text-decoration: none;}
.dtree a.node, .dtree a.nodeSel {white-space: nowrap;padding: 1px 2px;text-decoration: none;}
.dtree a.node:hover, .dtree a.nodeSel:hover {color: #EC6F89;text-decoration: none;}
.dtree a.nodeSel {color: #999999;}
.dtree a.nodeCount {margin-left: 2px;}
.dtree a.nodeRss {margin-left: 2px;}
.dtree .clip {overflow: hidden;}

/***user define***/
.ubb_codebox { text-align: left; margin: 5px 0px 3px 8px; }
.ubb_quotebox {margin: 5px auto; }
.ubb_quotebox fieldset { width: 85%; padding: 5px; margin:0px auto;}
.ubb_floatbox { padding:8px;}
.about { padding: 0px; vertical-align: middle; margin:0px; }
.about ul { list-style-image: url("dot.gif"); }
.about li { padding-bottom: 10px; }
.abouttitle { text-align: center; padding-bottom: 5px; font-size: 14px; font:bold; color:#1c79a1; }