/* CSS Document */
body{ font-size:12px;color:#666; background: #fff}
*{ padding:0; margin:0; word-break:break-all;}
img{ border:0}
.right,.fr{float:right}
.left,.fl{float:left}
ul li{ list-style:none}
.clear{ clear:both; height:0; font:0/0 Arial;}
.header,.main,.footer{ width:985px; height:auto; margin:auto; } 
.header{ min-height:76px;height:auto;_height:76px ; background:#ccc}
#logo{ float:left; background:#fff; padding:5px 15px 0 0; height:55px; vertical-align:middle}
#topguide{ width:735px; height:22px; background:url(../images/topguidebg.png) no-repeat; margin-bottom:.5em; float:right; text-align:right; overflow:hidden}
#topguide ul{ padding-right:1em}
#topguide li{ display:inline; line-height:23px; margin:0 .5em 0 0}
#guide li,#guide-link li { display:inline}
#guide-link { display:block; clear:left; padding:0 1em;}
#guide-link li{ line-height:230%;}
#guide-link li a{ padding:.5em .8em .6em}
.ad1{ margin:8px 0 0 0}
.ad2{ margin:0}
.search { float:right; margin-top:2px}
.search input, .search select{*vertical-align:middle;vertical-align: text-top; font:12px/100% Arial}
.area-1,.area-1-top,.area-1-bot,.area-2,.area-2-bot,.area-3,.area-3-bot{ width:950px; float:left; height:auto}
.pic-player{ margin-left:1px; width:260px; padding-top:10px; text-align:center}
.pic-player div.img{ width:230px; height:180px;margin:auto; background:#DBEBF6; padding:5px}
.pic-player img{ border:1px solid #1187AA}
.pic-player h3{ font:bold 12px Arial; margin: 1em auto; text-align:center }
.pic-player .text { text-align:left; text-indent:2em; padding:0 1em}
.area-1-left{ width:560px; float:left;}
.area-1-right{ width:385px; float:right; }
.area-1-left .right{ float:right;width:293px;}
.area-1-left .left{ float:left; width:261px; overflow:hidden}
.area-1-right .left { width:189px; float:left}
.area-1-right .right{ width:191px; float:right}
/*area-2*/
.area-2-wrap{ width:950px; overflow:hidden; margin-top:8px}
.area-2,.area-2-bot-m,.area-2-bot { float:left;}
.box1 { float:left; width:308px; padding:0 11px 0 1px; }
.box2 { float:right; width:308px;padding:0 1px;}
.footer{ text-align:center; padding:1.5em 0 4em; font:12px Tahoma}

/*area-3*/
.thread-content { width:689px;}
.thread-side { width:258px}
.thread-content .side { width:191px;}
.thread-content .content { width:492px;padding:0 1px}
.thread-side  .list,.thread-content .side .list{ margin:1.5em 0}
.thread-content .side .list a { color:#999}

/*area-4*/
.area-4,.area-4-bot{ float:left; width:980px; margin-top:1em;}
.area-4 .read-content{ width:650px; padding:0 1px; border-top:1px solid #9DC5E4; overflow:hidden}
.area-4 .sidebar{ width: 310px;}
.sidebar .list { margin:1em .2em 1em .2em}

#footlink { text-align:center;margin:1em 0; padding: .5em; background:#FAFEF6; border:#E9F6CA 1px solid}
#footlink li{ display:inline; padding:.2em 1em}

/* post comment */
.post-comment {width:90%; margin:3em auto 2em;}
.post-comment-left{ float:left; width:62%}
.post-comment-right{ float:right;width:35%; margin-top:3em}

.quote{font-size:70%;color:#004c7d;margin:2px;padding:0}
blockquote{width:92%;font-size:85%;color:#81888c;border:1px solid #D4EFF7;border-left-width:3px;padding:5px;margin:0 0 1%}

