css of ashin

/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#comment-form table { width: 96% ; margin: 0 auto ;}
#comment-form td , #comment-form th { border: 1px solid #555 ; padding: 3px 5px; }
#comment-form input#send-comment { padding: 3px 5px ; }

.article-content p{
margin-bottom:1em;
}
/*------------------------------ #Generate End ------------------------------- */
/*reset-star*/
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; }
/*reset-over*/

body {
font-family: "verdana";
font-size: 10px;
line-height: 20px;
color: #000;
background: #222;
margin: 0px;
}
br { letter-spacing: 0; }

a {
color: #000;
text-decoration: none;
}
a:hover { color: #fff; }

input {
font-size: 10px;
font-family: "verdana";
vertical-align: middle;
}
#body-div {}
#authority {
text-align: center;
border-bottom: 3px double #3f4b5b;
background: #212a35;
padding: 4px 0px;
}
#authority a {
color: #9da1a6;
font-size: 10px;
*font-size: 10px;
border: 1px solid #3f4b5b;
background: #3f4b5b;
padding: 2px 5px;
}
#authority a:hover {
color: #fff;
border: 1px solid #3f4b5b;
background: #000;
}

#container {}
#container2 {
width: 900px;
background: #000;
margin: 30px auto 0px;
}
#container3 {}

/*header*/

#header {
position: relative;
height: 300px;
background: url(http://p9.p.pixnet.net/albums/userpics/9/6/298996/48fcd092e8de3.jpg);
margin: 0px 0px 0px 0px;
z-index: 0;
}
#login-bar {
position: absolute;
top: -20px;
right: 15px;
height: 20px;
font-size: 10px;
*font-size: 10px;
color: #999;
}
#login-bar a { color: #999; }
#login-bar a:hover { color: #000; }
#banner {}
#banner h1 a {
position: absolute;
top: 30px;
left: 30px;
font-family: "Simhei";
font-size: 20px;
line-height: 30px;
color: #fff;
}
#banner h1 a:hover { color: #000; }
#banner h2 {
position: absolute;
top: 70px;
left: 50px;
width: 530px;
font-size: 10px;
color: #010101;
padding: 0px 0px;
}
.skiplink,
#blog-category { display: none; }

#navigation {
position: absolute;
top: 360px;
left: 20px;
width: auto;
}
#navigation li {
float: left;
width: 80px;
height: 36px;
overflow: hidden;
margin: 0px;
}
#navigation li a {
display: block;
width: 100%;
height: 100%;
font-size: 0;
text-indent: -5000px;
}
#navigation li#link-album { margin-top: 10px; }
#navigation li#link-blog { width: 110px; }
#navigation li#link-guestbook { width: 85px; margin-top: 10px; }
#navigation li#link-profile {}



/*main*/

#main {
_height: 1%;
overflow: hidden;
_overflow: none;
padding: 0px 0px 0px 0px;
}


#content {
width: 630px;
overflow: hidden;
float: left;
margin: 10px 0px 0px 0px;
}
#spotlight {
width: 600px;
background: #212a35;
padding: 0px 0px 0px;
margin: 10px auto;
}
#spotlight h5 {
font-size: 12px;
line-height: 20px;
color: #ddd;
padding: 10px 10px 3px;
margin: 0px 0px 0px;
}
#spotlight-text {
color: #888;
line-height: 20px;
padding: 3px 10px 10px;
}
#spotlight-text a { color: #000; }
#spotlight-text a:hover { color: #fff; }
#article-area {
width: 600px;
padding: 0px;
margin: 10px auto;
}

.article-area-title, #view-mode {
color: #999;
padding: 0px 5px;
margin: 0px 0px;
}
#view-mode a { color: #999; }
#view-mode a:hover { color: #fff; }

.article {
_height: 1%;
margin: 20px auto ;
}

.article-head {
border-bottom: 1px solid #495059;
padding: 0px 0px 5px;
margin: 0px 0px 15px;
}
.publish {
line-height: 20px;
font-size: 11px;
color: #256a98;
}
.title {
line-height: 24px;
font-family: "Ms Gothic";
font-size: 14px;
padding: 0px 0px 0px 15px;
}
.title a { color: #fff; }
.title a:hover { color: #bbb; }
.article-body {
clear: both;
}
.article-content {
color: #ccc;
font-size: 11px;
line-height: 200%;
padding: 0px 5px;
}
.article-content a { color: #3995d3; text-decoration: underline; }
.article-content a:hover { color: #fff; }
p.article-content ul {
color: #ccc;
font-size: 11px;
line-height: 200%;
margin: 0px 0px 0px 10px;
}

.more { text-align: right; }
.fans-club { margin: 50px 10px 0px 10px; }
.bookmark {
text-align: right;
margin: 10px;
}
.bookmark span { display: none; }
.author {
line-height: 18px;
text-align: right;
font-size: 10px;
*font-size: 10px;
color: #66788f;
margin: 30px 0px 0px 0px;
}
.author a { color: #66788f; }
.author a:hover { color: #ccc; }
.forward {
line-height: 18px;
text-align: right;
font-size: 10px;
*font-size: 10px;
color: #66788f;
margin: 0px 0px 0px 0px;
}
.forward img { display: none; }
.forward a { color: #66788f; }
.forward a:hover { color: #ccc; background: none; }
#article-adsense { margin: 10px; }

.article-footer {
_height: 1%;
overflow: hidden;
_overflow: none;
line-height: 18px;
font-size: 10px;
*font-size: 10px;
color: #808a96;
background: #212a35;
padding: 5px 7px;
margin: 10px 0px 0px 0px;
}
.article-footer a { color: #9da1a6; }
.article-footer a:hover { color: #ccc; }

.refer{
float: left;
width: 45%;
}
.history {
float: right;
width: 45%;
}
.back-to-top {
float: right;
width: 45%;
text-align: right;
}
.back-to-top a {
padding: 2px 5px;
}

/*list*/

.main-list table {
width: 100%;
color: #808a96;
line-height: 20px;
margin: 10px auto;
}
.main-list table a { color: #fff; }
.main-list table a:hover { color: #3995d3; }
.main-list table th {
color: #808a96;
background: #212a35;
padding: 3px 5px;
}
.main-list table td {
font-size: 10px;
vertical-align: top;
border-bottom: 1px solid #444;
padding: 3px 5px;
}
.list-num { display: none; }
.list-date { width: 22%; }
.main-list table td.list-title { font-size: 11px; }


/*user-post*/

#user-post {}

.user-post-title {
height: 20px;
line-height: 20px;
font-size: 11px;
color: #808a96;
background: #212a35;
padding: 3px 5px;
margin: 20px 0px 0px 0px;
}
.user-post-title img { display: none; }
.post-comment a {
display: block;
height: 20px;
line-height: 20px;
font-size: 11px;
text-align: center;
color: #aaa;
background: #222;
padding: 3px 5px;
margin: 1px auto;
}
.post-comment a:hover { color: #fff; background: #192534; }
.single-post {
_height: 1%;
overflow: hidden;
_overflow: none;
font-size: 10px;
line-height: 22px;
padding: 10px;
margin: 20px auto;
}
.post-info {
float: right;
width: 450px;
height: 18px;
overflow: hidden;
color: #666;
font-size: 10px;
*font-size: 10px;
border-left: 1px solid #444;
padding: 0px 10px 5px;
}
.post-info a { color: #999; }
.post-info a:hover { color: #fff; }
.post-photo {
float: left;
width: 100px;
overflow: hidden;
padding: 0px 0px 0px;
margin: 0px 0px 10px;
}
.post-photo img {
border: 1px solid #ccc;
}
.post-text {
float: right;
width: 450px;
color: #999;
border-left: 1px solid #444;
padding: 5px 10px;
margin: 0px 0px 0px 0px;
}
.post-text p, .post-text a { color: #fff; }
.reply-text {
float: right;
width: 435px;
color: #777;
border-left: 1px solid #444;
padding: 5px 10px 5px 25px;
}
.reply-text p { display: none; }

#trackback-url {
text-align: center;
margin: 10px auto;
}

.secret { display: none; }

/*page*/

.page {
font-size: 10px;
text-align: left;
margin: 30px auto 20px;
}
.page a,
.page span {
height: 20px;
line-height: 20px;
color: #777;
padding: 2px 7px;
}
.page a:hover {
color: #ccc;
background: #333;
}
.page span {
color: #ccc;
background: #000;
}


/*links*/

#links {
width: 270px;
float: right;
padding: 20px 0px 0px;
margin: 0px 0px 0px 0px;
}
.box {
overflow: hidden;
color: #999;
font-size: 10px;
line-height: 22px;
margin: 0px 0px 15px;
}
.box-title {
font-size: 12px;
line-height: 20px;
text-align: center;
color: #a0bcdf;
background: #212a35;
padding: 3px 5px;
}
.box-text {
*height: 1%;
padding: 10px;
}
.box-text a { color: #ddd; }
.box-text a:hover { color: #3995d3; }
.box-text li {
}
.box-text li a {
display: block;
color: #ddd;
line-height: 20px;
background: none;
padding: 0px;
margin: 0px 0px 2px 0px;
}
.box-text li a:hover {
color: #3995d3;
}
.box-more {
text-align: center;
margin: 5px 0px;
}
.box-more a {
display: inline;
color: #999;
border: 1px solid #222;
background: #222;
padding: 2px 5px;
}
.box-more a:hover {
color: #fff;
border: 1px solid #444;
background: #000;
}

/*box set*/

#visitor .box-text ul {
_height: 1%;
overflow: hidden;
_overflow: none;
padding: 0px 0px 0px 0px;
}
#visitor .box-text ul li {
float: left;
display: block;
width: 42px;
height: 42px;
margin: 0px 3px 3px 0px;
}
#visitor .box-text ul li a {
border: none;
padding: 0px;
}
#visitor .box-text ul li img {
width: 40px;
height: 40px;
border: 1px solid #ccc;
}


#broadcast {}
#broadcast .box-text ul {
_height: 1%;
overflow: hidden;
_overflow: none;
border-bottom: 1px solid #333;
margin: 0px 0px 1px 0px;
}
.broadcast-photo {
float: left;
width: 47px;
height: 47px;
text-align: left;
overflow: hidden;
margin: 5px 0px;
}
li.broadcast-photo a { padding: 0; }
.broadcast-photo img { border: 1px solid #d3cdb9; }
li.broadcast-time {
float: right;
width: 180px;
}
li.broadcast-time a {
display: inline;
color: #ccc;
background: none;
margin: 0px;
}
li.broadcast-time span {}
li.broadcast-time a:hover {
color: #999;
background: none;
}
.broadcast-text {
float: right;
width: 180px;
}
li.broadcast-text a {
background: none;
}

#headshot {}
#headshot .box-text ul {
_height: 1%;
overflow: hidden;
_overflow: none;
text-align: center;
padding: 10px 0px 10px 0px;
}
#headshot .box-text ul li {
text-align: center;
margin: 0px auto;
}
#headshot .box-text ul li a { }
#headshot .box-text ul li a:hover {}
#headshot .box-text ul li#headshot-img { }
#headshot .box-text ul li#headshot-img img { border: 1px solid #d3cdb9; }



#feed .box-text li a { display: inline; padding: 0; border: none; }

#calendar .box-text table {
width: 84%;
font-size: 10px;
background: #none;
margin: 0px auto;
}
#calendar .box-text table th,
#calendar .box-text table td {
text-align: center;
line-height: 20px;
color: #666;
border: 1px solid #333;
}
#calendar .box-text table td a {
display: block;
color: #ccc;
background: #222;
padding: 0px;
}
#calendar .box-text table td a:hover {
color: #fff;
background: #000;
}

#murmur {}
#murmur .box-text { color: #666; }
.murmur-time {
color: #000;
font-size: 10px;
margin: 0px 0px 5px 0px;
}

#search .box-text li { display: inline; }


/*footer*/

#footer {
clear: both;
font-size: 10px;
line-height: 25px;
text-align: center;
border-top: 1px solid #000;
padding: 5px 270px 15px 0px;
margin: 0px 0px 0px 0px;
}
#footer a { color: #000; }
#footer a:hover { color: #666; }
#footer p { display: none; }