@charset "utf-8";
/* 
CSS Document 
Author:poor
Contact:asiapoor@gmail.com
*/

body {font-size:12px;font-family:Arial,"simsun";color:#333;background-color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin: 0;}
input,textarea {font-family:verdana;}
table {border-collapse:collapse;border-spacing:0;}
img {border:0;}
address,caption,cite,code,dfn,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
button {font:bold 12px/18px arial;color:#666;border-bottom:2px solid #bbb;border-right:2px solid #bbb;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;background-color:#f5f5f5;}
blockquote {background-color:#f4f4f4;border-left:5px double #aaa;padding:6px 10px;margin:8px 0;}
/*link*/
a,a:visited{text-decoration:none;color:#333;}
#header h1 a:hover {text-decoration:none;}
.post-footer a,.post-footer a:visited,.profile p a,.profile p a:visited {color:#e80;}
.post-action a,.post-action a:visited{font:normal 12px/12px arial;color:#e80;padding:3px 4px 3px 22px;background:#fff url(../images/note_edit.gif) no-repeat 3px center;border:1px solid #fff;}
.post-action a.del,.post-action a.del:visited{background-image:url(../images/note_delete.gif);}
.post-action a:hover {border-color:#f8e595;background-color:#fffbeb;}
a:hover,a:active{text-decoration:underline;color:#666;}
/*clear*/
.clear:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clear{display:inline-block;}
.clear{display:block}
/*page*/
.page {padding:3px;margin:6px auto;text-align:right;}
.page a,.page .current,.page .disabled {border:1px solid #eee;padding:2px 5px;margin:2px;color:#e80;text-decoration:none;}
.page a:hover,.page a:active {border:1px solid #f50;color:#f50;}
.page .current {border-color:#e80;color:#fff;background-color:#e80;font-weight:bold; }
.page .disabled {color:#ddd;}

.text {padding:2px;border-top:2px solid #bbb;border-left:2px solid #bbb;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#333;}

#container {width:900px;margin:0 auto;}
#header {width:750px;padding:40px 0 20px 150px;position:relative;}
#header h1 {font:normal 24px/24px Arial Black;padding:5px 0 15px 54px;background:url(../images/logo.gif) no-repeat left center;}
#header h1 span {color:#e80;}
#header h2 {position:absolute;top:67px;left:237px;font:normal 10px/10px arial;}
/*write*/
#write {padding-left:150px;margin-top:30px;}
#write h3 {padding:.3em 0;font-size:16px;}
#write input {width:493px;}
#write textarea,#reply textarea  {width:493px;height:60px;overflow:auto;}
#subhere {text-align:right;padding:.5em 0;width:500px;}
#subhere button {width:111px;height:32px;border:0;background:url(../images/update.gif) no-repeat left top;font:bold 16px/32px arial;color:#666;}
#main {margin:30px auto;}
#post_list,#siderbar {width:650px;float:left;}
#post_list ul li {margin-bottom:50px;padding-left:150px;position:relative;width:500px;background-color:#fff;}
.post-title {font:bold 16px/24px arial;color:#333;}
.post-date {position:absolute;top:0;left:0;line-height:24px;width:120px;text-align:right;color:#ccc;}
.post-content {padding:.8em 0;line-height:20px;width:500px;}
#post_list .post-content li {padding:0;margin:0;background:none;position:static}
#post_list .post-content ol {padding-left:30px;margin:.8em 0;list-style-type:decimal}
.post-content p {text-indent:2em;margin:.5em 0}
.post-content hr {display:none}
.post-footer{line-height:20px;color:#666;}
.post-action {float:right;position:absolute;top:0;left:528px;line-height:24px;display:none;}

#siderbar {width:190px;margin-left:60px;}
#siderbar div {margin-bottom:30px;}
.profile h2 {/*width:180px;height:256px;*/width:75px;height:75px;text-indent:-100em;overflow:hidden;background:url(../images/me.gif) no-repeat left top;}
.profile p {padding:1em 0;}
#create {margin-right:5px;}
div#manage {margin:0;display:none;}
.siteinfo p {line-height:24px;}
.siteinfo p.conts,.message p span,#reply p span {font:10px/12px arial;color:#aaa;}
.message h3,.friend h3 {padding:.8em 0;font-size:14px;}
.message p {padding:.2em 0;}
.message input {width:170px;}
.message textarea{overflow:auto;width:170px;}
/* Freinds */
.vcard {width:100%;height:auto;overflow:hidden;margin-bottom:12px;}
.vcard p {float:left;}
.vcard-photo {width:52px;}
.vcard-photo *{display:block;}
.vcard-photo a {padding:1px;border:1px solid #ddd;}
.vcard-photo a:hover {border-color:#f80;}
.vcard-photo img {width:48px;height:48px;background-color:#f4f4f4;}
.vcard-main {width:128px;margin-left:8px;color:#666;line-height:17px;}
.nickname,.nickname:visited {font:bold 12px/12px arial;color:#e80;margin-bottom:4px;}

/*comment*/
#comment {padding-left:150px;}
#comment h3 {padding:.5em 0;font:bold 16px/24px arial;}
#comment ol li {padding:6px 10px;margin-top:15px;}
.avatar {float:right;padding:2px;border:1px solid #eee;}
#comment ol li h4 a,#comment ol li h4 a:visited {color:#e80;}
#comment ol li h4 a:hover {color:#666;}
#comment ol li p {margin:10px 0;}
#comment ol li h5 {font:normal 10px/12px arial;color:#666;}
#comment ol li.alt {border-style:solid;border-width:1px 0;border-color:#ddd;background-color:#f8f8f8;}

#reply p {padding:.2em 0;}
#reply p.right {text-align:right;}