情繫心如

/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {    text-decoration: none;        }
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}
input{    
    border:1px solid #999;
    padding:3px;
    font:12px arial;
    color:#666;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}
/*--------------------------all setting*/

HTML {
    SCROLLBAR-FACE-COLOR:  ;
    SCROLLBAR-HIGHLIGHT-COLOR: ;
    SCROLLBAR-SHADOW-COLOR: ;
    SCROLLBAR-3DLIGHT-COLOR:  ;
    SCROLLBAR-ARROW-COLOR: ;
    SCROLLBAR-TRACK-COLOR:  ;
    SCROLLBAR-DARKSHADOW-COLOR: ;
    overflow-x:;    }
body {
    background:#000;
    font-size:12px;
    font-family: Century Gothic;
    color:#ccc;
    line-height: 160%;}
#blog-main{}
#article-main{}

a {color:#f36;}
a:hover {color:#aaa;}

#body-div{}

/*--------------------------authority*/

#authority{
    line-height:25px;
    background:#333;
    border-bottom:1px solid #000;
    text-align: center;}
#authority a{
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color:#fff;
    padding:1px 5px;
    background:#000;}
#authority a:hover{}
#authority a#newpost {}
#authority a#backstage {}

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

#container{
    width:100%;
    background:url(http://pic.pimg.tw/pixnetvisual/77cbb3746f220dc6decf394078934995.png) left top repeat-x;}
#container2{
    width:900px;
    margin:0 auto;}
#container3{}

/*--------------------------header*/

#header{
    height: 280px;
    padding-top:40px;
    background:url(http://pic.pimg.tw/pixnetvisual/754137ff685dece88de5e692f2894d11.png) left top no-repeat;
    position:relative;}
#login-bar{
    position:absolute;
    right:0;
    top:10px;
    color:#eee;}
#login-bar a{color:#eee;}
#login-bar .separator{color:#f69;}

#banner{
    padding:20px;
    width:600px;
    height:150px;}
#banner h1 a{
    font:bold 16px arial;}
#banner h2{color:#666;
    margin:5px 0;}
#banner .skiplink {display:none;}
#banner #blog-category{
    position:absolute;
    left:10px;
    top:240px;
    color:#fff;}
    #banner #blog-category a{color:#fff;}

/*--------------------------navigation*/

#navigation{
    position:absolute;
    top: 300px;
    left: 430px;}
#navigation li{
    float: left;
    height: 25px;
    display:inline;
    margin-right:4px;}
#navigation a{
    color:#000;
    font-size:0;text-indent: -5000px;
    display: block;
    width: 100%;
    height: 100%}
#navigation #link-album{width: 55px;}
#navigation #link-blog{width: 40px;}
#navigation #link-guestbook{width: 88px;}
#navigation #link-profile{width: 60px;}

/*--------------------------main*/

#main{
    overflow: hidden;
    _overflow: none;
    _height: 1%;
    padding-top:50px;}

/*--------------------------content*/

#content{
    overflow: hidden;
    width: 630px;
    float:left;}

#spotlight{
    border:1px solid #ec0085;
    padding:3px;
    margin:10px 0;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;}
#spotlight h5{
    font:bold 15px arial;
    height: 20px;
    background:#ec0085;
    line-height: 20px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding:5px 10px;
    color:#fff;}
#spotlight-text{
    margin:10px ;
    line-height:160%;
    color:#666;}

#article-area{}

#article-area .article-area-title{}
#view-mode{}
#display{}
#display SPAN {}

#article-box{}
.article{
    _height:1%;
    margin-top:20px;
    margin-bottom:30px;}
.article-head{
    height: 40px;
    overflow:hidden;_overflow:none;
    background:url(http://pic.pimg.tw/pixnetvisual/d6044a27f3af30c888bc0b82f5ccfdd6.png?v=1275839877) left top no-repeat;
    margin-bottom:10px;}
.publish {
    float: left;
    width:110px;
    text-align:center;
    margin-left:5px;
    display:inline;
    padding-top:10px;
    font-size:11px;
    text-transform:uppercase;}
    .day,
    .time{display:none;}
.title{
    float:right;
    width: 500px;
    height:40px;}
.title a{
    color:#fff;
    font-size:15px;
    line-height: 40px;}
.title img{display:none;}

.article-body{
    margin:20px 0;
    color:#f69;
    text-align:right;}
.article-content{
    text-align:left;
    color:#eee;
    font-size: 13px;
    line-height:170%;
    margin:10px 0;
    letter-spacing:0.05em;}
.bookmark{
    background:#fff;
    display:inline;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding:5px 10px;}
.author{}
.forward{}

.article-footer{
    padding:10px;
    overflow:hidden;_overflow:none;_height:1%;
    border:1px solid #111;}
.history{
    float:right;
    width: 45%;}
.refer{
    float:left;
    width: 45%;}
.back-to-top{
    clear:both;
    text-align:right;}
.back-to-top a{
    text-transform:uppercase;
    color:#ccc;
    background:#000;
    padding:2px 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}

/*--------------------------list*/

.main-list {
    margin:10px 0;}
.main-list table{
    width:100%;
    margin: 10px auto;}
.main-list th{
    background:#eb0080;
    padding:5px;
    color:#fff;}
.list-num{display:none;}
td .list-date {width:100px;
    color:#666;
    font:10px Century gothic;}
.list-date{width:100px;}
.main-list td{
    padding:5px;
    border-bottom:1px dotted #111;}

/*--------------------------post-box*/

.user-post-box{
    margin:20px 0;
    
    _height:1%;}
.user-post-title{
    height:25px;
    font-size:0;text-indent:-5000px;
    margin-bottom:20px;
    background:url(http://pic.pimg.tw/pixnetvisual/4e4ebf7b955227a03369b0a35235daf7.png) no-repeat;}
#trackback-box .user-post-title{}
#comment-box .user-post-title{
    background:url(http://pic.pimg.tw/pixnetvisual/4e4ebf7b955227a03369b0a35235daf7.png) no-repeat left bottom ;}

.post-comment{display:none;}
.single-post{
    overflow: hidden;
    _overflow: none;
    _height: 1%;
    margin:0 0 15px 0;
    padding:10px 15px;
    line-height:160%;
    background:#111;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-bottom:1px dotted #111;}
.post-info{
    color:#666;
    margin-bottom:10px;}
    
.post-photo{
    float: left;
    width: 55px;
    line-height:0;
    padding:10px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background:#111;}
.post-photo img{
    border:1px solid #000;
    padding:2px;
    background:#fff;
    width: 50px;
    height:50px;}
.post-text,
.reply-text{
    float: right;
    width: 520px;}
.reply-text{
    margin-top:10px;
    color:#ec0083;}
.reply-text p{}
.single-post.secret{}
.single-post.secret .post-text{
    float: none;
    width: auto;}

#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{margin:10px 0;}
#trackback-box #trackback-url input{margin-right:4px;}
#trackback-box input#trackback-input{width:300px;
    margin:0;}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box  .post-text{
    width:auto ;
    float:none ;}


/*--------------------------comment-form */
#comment-form {
    background: url(http://pic.pimg.tw/pixnetvisual/57d13cd666c0b96951d8abf6be5d20f1.png) 20px 10px no-repeat;
    padding: 85px 10px 10px 10px ;
    margin: 10px auto;
    border:1px solid #111;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    }    
#comment-form p {
    color: #f36;
    display:none;
    margin-bottom:10px;}
#comment-form table {
    width: 100%;
    border: none;}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
    color: #999;
    vertical-align: top;
    border: none;
    padding: 2px 5px;
    }
#comment-form table th {
    color: #ec0083;
    vertical-align: top;
    width: 80px;
    border: none;
    padding: 2px 5px;
    text-align:right;}
#comment-form table th font { display: none; }
#comment-form input {
    height: 17px;
    font-family: Century Gothic;
    color: #ccc;
    border: none;
    border-bottom: 1px solid #111;
    background: none;
    width:90%;}
#comment-form input.radio {
    border: none; width: auto;    
    background: none;margin:0; padding:0;}
#comment-form input#blogcommenttext_name{
    width: 85%; }
#comment-form textarea {
    width: 90%;
    height: 90px;
    font-family: Arial;
    line-height: 18px;
    color: #ccc;
    border: 1px solid #111;
    background: #000;}    
#comment-form input#send-comment{
    width: 70px;
    height:auto;
    padding:5px;
    border:0;
    background:#666;
    color:#fff;}
    
/*--------------------------pages*/
    
    
.page{
    padding:10px;
    text-align:center;}
.page a,
.page SPAN{
    padding:3px 5px;
    line-height:150%;
    margin:0 3px;}
.page SPAN{
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background:#333;}
/*--------------------------links*/

#links{
    overflow: hidden;
    float: right;
    width: 230px;}
#links-row-1{}
#links-row-2{}

.box{
    margin-bottom:20px;}
.box-title{
    font:bold 15px Century Gothic;
    border-bottom:1px solid #111;
    color:#e92d7d;
    overflow:hidden;}
.box-text {
    padding: 10px 0px;
    line-height:160%;
    color:#999;}
    .box-text  a{color:#ccc;}
    .box-text  a:hover{color:#f36;}
.box-more{
    text-align:right;
    margin: 5px 0;}
.box-more a{    
    font-size:11px;  font-size:10px\9;
    color:#fff;
    background:#333;
    padding:3px 5px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;}
.box-more a:hover{
    background:#999;
    color:#fff;}    
    
#headshot{}
#headshot ul{
    overflow: hidden;
    _overflow: none;
    _height: 1%;}
#headshot li{
    width:120px;
    float: right;}
#headshot li#headshot-img{
    width: 90px;
    float: left;}
#headshot li#friend-apply{}
#headshot li#send-message{}

#recent-article img{display:none;}

#calendar table{
    width: 90%;
    margin:0 auto;}
#calendar th,
#calendar td{
    text-align:center;
    padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
    font-size:11px;
    display:block;
    color:#fff;
    background:#f36;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;}

.murmur-time{
    color:#f36;
    font:bold 12px Century Gothic;
    margin-bottom:2px;}
.murmur-text{}

#visitor,#crumb{}
#visitor ul,#crumb ul{
    overflow: hidden;
    _overflow: none;
    _height: 1%;}
#visitor li,#crumb li{
    float: left;
    line-height:0;
    margin:0 3px 3px 0;}
#visitor li img,
#crumb li img {
    width:40px;
    height:40px;}

body #followed-murmurs ul{
    overflow: hidden;
    _overflow: none;
    _height: 1%;}
body #followed-murmurs li{
    width: 230px;
    font:12px arial !important;
    border-bottom: 1px dotted #111!important;
    padding-top:5px !important;
    margin: 5px auto !important;
    font-size:12px;
    font-family: Trebuchet MS, verdana, arial !important;}
body #followed-murmurs .murmurs-photo {
    float:left;
    width: 40px !important;}
body #followed-murmurs .murmurs-photo img{border:1px solid #aaa !important;}
body #followed-murmurs .murmurs-content{
    float: right;
    width: 180px;
    color:#000;}
body #followed-murmurs .murmurs-content a{
    color:#f36;
    font-weight:normal !important;}
body #followed-murmurs .murmurs-content span{
    display:block;
    color:#666;}
body #followed-murmurs .murmurs-functions{
    float: none !important;
    clear:both;
    color:#fff;
    text-align:right !important;}
body #followed-murmurs .murmurs-functions span{
    margin-right:2px !important}

#search{}
#search ul{
    overflow: hidden;
    _overflow: none;
    _height: 1%;}
#search li{
    float: left;
    margin-right:5px;
    display:inline;}
#search input{
    border:1px solid #eee;
    height:22px;
    padding:3px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;}
#search input#search-target{
    height:14px;
    width:120px;
    background:#fff;
    border-top:1px solid #bbb;
    border-left:1px solid #bbb;}
#search input#search-submit{
    margin:0;
    width: 40px;
    font-size:12px;
    background:#eee;
    border-right:1px solid #bbb;
    border-bottom:1px solid #bbb;}

#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select {}
#favorite select {}

#latest-comment li,
#latest-trackback li,
#subscription li{
    color:#eee;
    margin-bottom:3px;}

#latest-comment a,
#latest-trackback a,
#subscription a{
    color:#555;
    display:block;
    width:99%;}

#mylink {}
#mylink .inner-box{}
#mylink .inner-box h6{
    font-weight:bold;
    color:#f36;}
#mylink .inner-box li{
    margin-left:12px;}
#counter{}
#counter SPAN{}

.folder{}
.folder .box-title{}
.folder .box-text{}

#powered{}
/*--------------------------footer*/

#footer{
    clear:both;
    padding:20px;
    text-align:center;}
#footer p{}
#bottom ,
#bottom a{color:#f36;}



#links-row-1{margin-top: -325px}