/* CSS Document */
body{ font-size:12px;color:#c0c0c0; background: #2F3232}
*{ 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:950px; height:auto; margin:auto; }
.header{ min-height:76px;height:auto;_height:76px ; background:#ccc}
#logo{ float:left; background:#131D1D; 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:#253335; padding:5px}
.pic-player img{ border:1px solid #212526}
.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:#2B2C2D}

/*area-4*/
.area-4,.area-4-bot{ float:left; width:950px; margin-top:1em}
.area-4 .read-content{ width:628px; padding:0 1px; border-top:1px solid #393B3C; overflow:hidden}
.area-4 .sidebar{ width: 310px;}
.sidebar .list { margin:1em .2em 1em .2em}

#footlink { text-align:center;margin:1em 0; padding: .5em; background:#000405; border:#C2C4BC 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:#030303;margin:2px;padding:0}
blockquote{width:92%;font-size:85%;color:#81888c;border:1px solid #6D7071;border-left-width:3px;padding:5px;margin:0 0 1%}
/* CSS Document */



em{ float:right; font-style:normal; color:#BEC5C6; font:10px Tahoma}

.h21 { color:#DADDDD; background:#BABCBE; font-size:12px; padding:.4em 5px .2em .5em; margin:0 0 .5em; border-bottom:1px solid #474849; margin-right:1px}

a{text-decoration:none; color:#BEC5C6}

a:hover{ text-decoration:underline}

.pic a img{ border:1px solid #797E7E}

.pic a:hover img{ border:1px solid #A4A7A7}

.gray,ol.gray a,ul.note li a{ color:#999999}

.green,ol.gray a:hover{ color:#81151D}

.pink{ color:#7C7078}

.blue{ color:#888B95}

.smalltxt{ font:.8em Tahoma}

ul.note li a:hover{color:#F3F5F5}
/*标题颜色*/

                                 .fs12{ font-size:.83em;*font-size:.8em}

.fwn{ font-weight:normal}

.btb{ border-top:1px solid #626466}

.header{ background:url(../images/head-bg.png) repeat-x 0 17px}

.header-wrap1 { background:url(../images/guide-r.png) no-repeat right 28px; float:left; width:950px;}

.intro{margin:1em; border:1px solid #586263; padding:.5em}

#guide { background:url(../images/guide-l.png) no-repeat left 0; height:37px; float:left; padding-left:25px}

#guide li a{ display:block; height:29px; padding:7px 1em 0; float:left; color:#FFF; font-weight:bold}
/*栏目颜色*/

#guide li a:hover{ background:#B40F1A url(../images/guide-hover.png) left bottom no-repeat; text-decoration:none  }

#guide li.active a,#guide li.active a:hover{background:url(../images/guide-hover.png) center bottom no-repeat #CB1429;text-decoration:none }
/*栏目底颜色*/

/*#guide-link{ background:url(../images/guide-2-bg.png) 0 bottom repeat-x}*/

.topsearch{ width:80px; height:14px;line-height:12px; padding-top:2px; margin:0;*margin-top:-1px }

.area-1 { background:url(../images/area-1-mid.png)}

.area-1-top { background:url(../images/area-1-top.png) left top no-repeat ; padding-top:7px}

.area-1-bot { background:url(../images/area-1-bot.png) left bottom no-repeat; padding-bottom:12px}

.area-1-left .right h2 { margin-top:2px; padding:0 1em;background:url(../images/area-1-h2-bg.png) no-repeat; font:bold 14px/1.9em Tahoma; color:#8D9393; margin-bottom:.5em; height:2.2em}

.list { margin-bottom:.3em}

.list li{ padding: .1em .5em .6em 1.6em ; background:url(../images/dot.gif) .5em .3em no-repeat}

.area-1-right h3{ height:24px;padding-left:1em; font:bold 12px/2em Tahoma; background:url(../images/area1-left-h2.png);color:#7F8186;}

.area-1-right .left h2{ font:bold 14px/1.2em Arial; padding:.4em .4em .6em .6em;}

.area-1-right .left .text{ padding:.2em .4em .6em .8em; text-indent:2em; line-height:150%; }

ul.note{ border-top:1px solid #8E918A; padding:.8em .3em 0 .5em}

ul.note li{ background:url(../images/dot1.png) .3em .2em no-repeat; padding:.1em .2em .3em 1.2em}

.notebg { background:#282C2C; padding:1em .6em .6em .8em; color:#575D5E;border-bottom:1px solid #A7AAA3;}

.notebg p{ text-indent:2em;}

.more{ text-align:right; margin:.5em 0 ; color:#7F8084;}

.enter{ margin-top:.2em;}

/*forum area*/

#forumtop th{ padding:.5em 0 .4em; border-top:1px solid #9DA099; border-bottom:1px solid #AFB3B5; font-weight:normal; background:#C3C5C2}

#forumtop .lb{ border-left:1px solid #D0D5D7}

#forumtop td{ vertical-align:top;}

#forumtop td ol{ margin-left:1em}

#forumtop td li{ padding:.2em .6em .2em 0;color:#DDD7DB; font-family:Tahoma; margin-left:2em; font-size:10px; text-indent:0}

#forumtop td li a{ font-size:11px}

.pic-show{ padding-left:2px}

dl.pic{ width:92px; float:left}

dl.pic div{ width:75px; margin:auto}

dl.pic dd,dl.pic dt { text-align:center; }

dl.pic dd {padding:.4em 0}

.diy{ margin: .5em auto .5em; width:180px; text-align:center}

/*area-2*/

.area-2 { background:url(../images/area-2-mid.png) left repeat-y}

.area-2-bot-m { background:url(../images/area-2-bot-m.png) left bottom no-repeat}

.area-2-bot { background:url(../images/area-2-bot.png) left bottom  no-repeat}

.box1 h2{ background:url(../images/area-2-h2-bg.png) repeat-x; height:26px; overflow:hidden;font:bold 14px/23px Verdana;padding:.2em .6em 0}

.box2 h2,#thread h2{ height:25px; overflow:hidden;font:bold 14px/23px Verdana;padding:.1em .6em 0; border-top:1px solid #5F6459; color:#888B95}

div.pic{ width:75px;padding:.5em .5em .5em .7em}

.list1 { margin-top:.5em}

.list1 li{padding:.3em .5em .1em 1em;background:url(../images/dot.gif) 0 .7em no-repeat}

.list1 li a{ color:#E7EAEA}

.area-2 .list { padding:1em .5em}

.area-2 .list li{ padding: .1em .5em .4em 1.6em ; }

/*#friends { margin:1em auto; width:948px; float:left; clear:left; background: url(../images/friendslink.png) .8em center no-repeat #434A4A; border:1px solid #888B95}*/
#friends { margin:1em auto; width:948px; float:left; clear:left;border:1px solid #888B95}

.friends-link{ margin-left:3em;min-height:90px; -height:90px; background:#2C3434; padding:.5em 1em .5em 2.5em; word-break:keep-all; word-wrap:normal;}



/*area-3*/

.area-3 { background:url(../images/area-3-mid.png) left repeat-y; margin-top:1em }

.area-3-bot {background:url(../images/area-3-bot.png) left bottom no-repeat;padding:0 0 3em 0; margin:0 }

.area-3 .postion { background:none; border-top:1px solid #A2A5A7}

.thread-content .content .list{ margin:2em 1em}

.thread-content .content .list li{ font-size:1.2em}

.thread-t{ background:#B5C2C3; padding-bottom:1em}

.thread-t h1{ font:24px simhei; background:url(../images/thread-t-bg.png) no-repeat top right; border-right:1px solid #DEE1E3; padding:.5em 0 0; margin:0; text-align:left}

.thread-t-d{ margin:0;background:url(../images/thread-d-bg.png) left bottom no-repeat ; border:1px #DEE1E3 solid; border-top:0; padding:1em ; min-height:80px; height:80px}



.hits{ margin:0.8em 0 .8em .5em; padding-left:2.5em; background:url(../images/ph.png) 0 -2px no-repeat; }

.hits li { line-height:20px; padding-top:4px  }

.hits a { color:#56686D;}



/*area-4*/

.area-4 { background:url(../images/area-4-mid.png) left repeat-y; }

.area-4-bot {background:url(../images/area-4-bot.png) left bottom no-repeat;padding:0 0 3em 0; margin:0 }

.postion { font:12px/1em Simsun; padding: .6em .5em .4em; border-bottom:1px solid #818888; background:#151919}



h1{ font:17px 微软雅黑,simhei; text-align:center; padding:.5em 0; color:#9FA1A6 }

.dd{ border-bottom:1px solid #eaeafa; color:#687071; padding:.2em; text-align:center}



.read-content .text { padding:2em 1.5em 2em 2em; line-height:1.5em; font:1.2em/1.5em Simsun; color:#c0c0c0 }

.read-content .text p{ padding-bottom:1em;}

.read-content .tags li,#read .tags{ display:inline; font-size:12px; margin-top:0 ; padding-top:0; }

.read-content .tags li a{ line-height:100%}

.read-content .list { margin-left:2em; width:60%}



.comment-entry{ float:left;margin:1em 0 0 0; padding:1em; background:url(../images/comment-entry-bg.png) no-repeat 10em 1.5em}
/*background:url(/static/artassets/images/comment-entry-c.png) no-repeat .2em 0;*/
.comment-content{ padding:0 2em 0 4em; width:419px; float:left;color:#F2F4F4; color:#F2F4F4}

.comment-username { width:100px; float:left;text-align:right; padding-top:.5em}



.post-comment-left input,.post-comment-left textarea { border:1px solid #525657;padding:2px; font-size:1em}

.post-comment-right input{ width:30%; height:1.5em}

.post-comment-right img { cursor:pointer}

.post-comment-left textarea { width:320px; height:120px; margin:1em 0 }





.note-content{ margin:2em 3em 0;}

.note-content h2{ padding:1em 1em .5em 3em; font:bold 1.2em Tahoma; background:url(../images/note.png) no-repeat left center }

.note-content .dd2 { color:#E3E8E8; line-height:1.5em ; margin:.5em 0 .5em; padding:0 0 1em; border-bottom:1px solid #838686}



.search-result { margin:2em }

.search-result dl{ margin:0 0 1em; color:#B9C3C4 }

.search-result dt{ font:bold 1.2em Tahoma; margin:0 0 .5em;}

.search-result dt a{text-decoration:underline }

.search-result dd { padding:.2em 1em}

/*pages*/

.pages{font:11px/12px Tahoma;padding-right:10px; margin:1em}

.pages *{vertical-align:middle;}

.pages a{padding:1px 4px 1px;border:1px solid #585C60;margin:0 1px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana;}

.pages a:hover{border:#9B9E97 1px solid;background:#959892;text-decoration:none;color:#77797B}

.pages input{margin-bottom:0px;border:1px solid #ADB3A7;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#4F544A;}