body { margin:0px; padding:0px; font-size:10px; color:#382b2e; background: url(img/bgline.png) left top; font-family:Times sans-serif; } * { margin:0px; padding:0px } a{ color:#382b2e; text-decoration:none; } a img{border:0px;} #container{ max-width:1134px; background:#efe2c9 url(img/bg.png) no-repeat center top; overflow:hidden; margin:auto; } #header{ height:399px; width:100%; background: url(img/header.png) no-repeat center top; } #header h1{ color:#ec6d01; font-size:38px; padding:9px 0 0 215px; } #header p{ color:#382b2e; padding:180px 0 0 165px; font-size:16px; } #nav_bar{ width:904px; height:51px; top:-10px; margin:auto; position:relative; } #nav_l{ background:url(img/nav_l.png) no-repeat; width:62px; height:51px; float:left; } #nav_r{ background:url(img/nav_r.png) no-repeat; width:62px; height:43px; margin-top:8px; float:right; } #nav{ background:url(img/nav_bar.png) repeat-x; width:62px; width:780px;; height:51px; float:left; } #nav ul{ display:block; overflow:hidden; font-size:14px; font-weight:bold; margin-top:20px; width:500px; float:left; } #nav ul a{ color:#F0E8DA; } #nav ul li{ list-style-image:url(img/nav_li.png); float:left; margin:0px 20px; padding-left:15px; } #find{ width:272px; float:right; height:43px; margin-top:8px; background:url(img/find.png) repeat-x; } #find form{ overflow:hidden; margin:10px 0 0 20px; } #find p{ float:left; font-size:14px; font-weight:bold; color:#fff; } #find p.text{ padding:3px 15px 0 0; } #find input.text{ background:url(img/input.png) no-repeat; border:0px none; width:130px; height:20px; padding:2px 35px 2px 10px; font-size:10px; color:#000; } #find input#send{ background:url(img/send.png) no-repeat; border:0px none; width:17px; height:15px; margin:5px 0 0 -30px; } #center_bg{ width:812px; overflow:hidden; background:#b4b375; margin:-61px auto 0 auto; } #center{ width:780px; padding-top:51px; margin:auto; overflow:hidden; } #col1{ background:#fef9f7; width:507px; float:left; overflow:hidden; } #col2{ width:272px; float:right; overflow:hidden; } #col2_bg{ background:url(img/col2.png) repeat-y; width:272px; float:right; } #line_short{ width:507px; height:5px; margin-top:3px; background:url(img/line.png) repeat-x; } #col1 .box{ width:495px; overflow:hidden; margin:5px auto; } #col1 .box .title{ background:url(img/title.png) no-repeat; width:345px; padding:5px 0 0 150px; height:71px; } #col1 .box .title .date{ background:url(img/date.png) no-repeat; width:82px; height:81px; margin-top:-5px; float:left; } #col1 .box .title .date p{ text-align:center; color:#fef9f7; font-size:10px; padding:13px 16px; } #col1 .box .title .date p span{ font-size:18px; } #col1 .box .title p{ display:block; float:left; font-size:11px; color:#5d3313; } #col1 .box .title p.author,#col1 .box .title p.comment{ padding:32px 0 0 0; } #col1 .box .content{ background:url(img/content.png) repeat-y; width:455px; padding:10px 20px; } #col1 .box .content h3{ font-size:24px; font-weight:bold; color:#382b2e; } #col1 .box .content h4{ font-size:12px; font-weight:bold; color:#382b2e; } #col1 .box .content p{ font-size:12px; padding:5px 0; color:#382B2E; } #col1 .box .bottom{ width:495px; height:26px; background:url(img/more_bottom.png) no-repeat; } #col1 .box .bottom p.more{ width:102px; height:26px; margin-left:360px; padding:5px 0px; font-size:12px; color:#382B2E; text-align:center; background:url(img/more.png) no-repeat; } #line_long{ width:96%; height:5px; margin:3px 20px; background:url(img/line.png) repeat-x; } #col2 .box{ margin:30px auto 10px auto; width:250px; overflow:hidden; background:#fdfdfb; } #col2 .box .content#cat{ margin:10px; border-top:1px solid #d8d8b8; border-bottom:1px solid #d8d8b8; border-left:1px solid #c6c697; border-right:1px solid #c6c697; } #col2 .box .content h2{ font-size:24px; font-weight:bold; color:#382B2E; margin-top:10px; padding:0 0 10px 5px; background:url(img/title_col2.png) repeat-x; } #col2 .box .content ul{ margin-left:20px; line-height:25px; color:#382B2E; list-style-image:url(img/col2_li.png); } #col2 .box .content#recent{ margin:10px; } #col2 .box .content#recent #top{ background:url(img/title_border.png) no-repeat; width:228px; height:17px; } #col2 .box .content#recent .cont{ background:url(img/content_border.png) repeat-y; width:228px; overflow:hidden; } #col2 .box .content#recent .cont ul{ list-style:none; } #col2 .box .content#recent #bottom{ background:url(img/bottom_border.png) no-repeat; width:228px; height:12px; } #navigo{ float:right; color:#fff;text-align:center; } #navigo a{color:#fff;} #navigo ul{display:inline;} #navigo ul li{ float:left; list-style:none; font-size:11px; padding:20px 5px 0px 5px; } #navigo ul li:before{ content:"|"; padding-right:10px; } #navigo ul li:before:first-child{ content:" "; }