@charset "utf-8";
/* CSS Document */

body, p, ul, li, form, h1, h2, h3, h4, h5 { padding:0; margin:0; }
body { font-family:Tahoma, Geneva, sans-serif; font-size:13px; background:url(bg-all-top.jpg) top center no-repeat; }
a img { border:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; color:#900; }
li, ul { list-style:none; }
.clear { clear:both; }

#top-headline { width:1003px; background:url(bg-headtop.jpg) top left no-repeat; height:23px; margin:0 auto; }
#top-headline h1 { font-size:12px; font-weight:normal; display:inline; float:left; height:20px; line-height:20px; padding-left:10px; color:#8E8E8E; }
#top-headline span { display:inline; float:right; height:20px; line-height:20px; padding-right:10px; font-size:12px; }
#top-headline span a { padding:0 10px; color:#666; }

#head-headline { width:1003px; height:79px; background:url(bg-head.jpg) top left repeat-x; margin:0 auto; }
#head-headline a img, #head-headline a { padding:0; margin:0; }
#menu-headline { width:1003px; height:41px; background:url(bg-menu-top.jpg) top left repeat-x; margin:0 auto; }
#menu-headline ul { padding:12px 0 0 10px; }
#menu-headline li { display:inline; float:left; height:29px; }
#menu-headline li a { padding:0 17px 0 10px; height:29px; line-height:29px; font-size:13px; font-weight:bold; margin-left:7px; color:#000; display:inline; float:left; }
#menu-headline li a:hover { color:#900; }
#menu-headline li.here { background:url(btn-menu.jpg) top left no-repeat; height:29px; }
#menu-headline li.here a { background:url(btn-menu.jpg) top right no-repeat; color:#900; height:29px; }
#submenu-headline { width:1003px; height:46px; background:url(bg-menu-bottom.jpg) top left repeat-x; margin:0 auto; }
#submenu-headline ul { padding:0 0 0 15px; }
#submenu-headline li { display:inline; float:left; height:37px; padding-top:6px; margin-left:10px; }
#submenu-headline li a { display:inline; float:left; padding:0 10px 0 14px; height:23px; line-height:23px; background:url(ico-arrow-red.jpg) center left no-repeat; color:#000; font-size:13px; }
#submenu-headline li a:hover { color:#900; }
#submenu-headline li.here a { border:1px solid #A6D81C; background:url(ico-arrow-green.jpg) #CAF165 center left no-repeat; }
#maincontent { width:1003px; margin:0 auto; background:url(bg-content-top.jpg) top left repeat-x; }

#hotnews { background:url(bg-boxhilight.jpg) top left no-repeat; width:640px; display:inline; float:left; padding:15px 20px 0; position:relative; margin-left:5px; }
#hotnews h2 { font-size:18px; padding:0 0 12px 0; color:#900; }
#hotnews h2 a { color:#900; }
#hotnews a { color:#000; }
#hotnews a:hover { color:#900; }
#hotnews p { padding:5px 0 10px 0; overflow:auto; clear:both; margin:0 25px; }
#hotnews p span { font-size:11px; color:#666; }
#hotnews p a img { float:left; margin-right:10px; border:1px solid #333; }
.action { height:27px; display:block; border-top:1px solid #D0D0D0; padding-top:7px; }
.action a { display:inline; float:right; margin-left:3px; }
.action a.btn-comment { position:relative; width:63px; height:27px; background:#000; }
.action a.btn-comment i { position:absolute; top:7px; right:5px; color:#F60; font-size:12px; font-style:normal; }
.action a.btn-comment:hover i { text-decoration:none; }

.politic li { display:inline; float:left; width:150px; text-align:center; height:140px; overflow:hidden; padding:0 5px; }
.politic li a { color:#666; line-height:15px; display:block; clear:both; }

.lastnews { width:635px; display:inline; float:left; padding:0 10px; margin:15px 0 0 15px; background:url(hd-lastnews.jpg) top left no-repeat; }
.lastnews h3 { font-size:12px; color:#A9A9A9; font-weight:normal; text-align:right; height:34px; padding-top:10px; }
.lastnews ul { padding:0 0 0 10px; }
.lastnews li { padding:3px 0 2px 15px; background: url(ico-green.jpg) left center no-repeat; font-size:13px; }
.lastnews li a { color:#333; }
.lastnews li a:hover { color:#900; }
.lastnews li span { font-size:11px; color:#999; }

.headlinenews { width:644px; display:inline; float:left; padding:0 10px; margin:50px 0 0 15px; background:url(hd-headlinenews.jpg) top left no-repeat; }
.headlinenews h3 { height:30px; line-height:30px; font-size:13px; color:#E5E5E5; text-align:right; font-weight:normal; padding:0 10px 0 0; }
.headlinenews ul { padding-top:10px; }
.headlinenews li { padding:5px 0; border-bottom:1px dashed #CCC; overflow:hidden; clear:both; display:block; float:left; width:644px; }

.vote { background:url(bg-scorer-bottom.jpg) bottom left no-repeat; width:66px; padding-bottom:13px; display:inline; float:left; text-align:center; font-size:11px; }
.vote em { background:url(bg-score.jpg) top left no-repeat; height:34px; line-height:34px; display:block; width:66px; font-style:normal; font-size:16px; font-weight:bold; }
.vote a { display:inline; float:left; width:33px; height:34px; }

.headlinenews li p { display:inline; float:left; width:480px; margin-left:10px; line-height:16px; }
.headlinenews li p strong { display:block; padding:0 0 4px 0; }
.headlinenews li p a { font-size:12px; color:#000; }
.headlinenews li p strong a { color:#3973BB; font-size:14px; }
.headlinenews li p a:hover { color:#900; }
.headlinenews li p span { font-size:11px; color:#666; }
.headlinenews li i { display:inline; float:right; width:60px; height:64px; text-align:center; padding:5px 0 0 0; }
.headlinenews li i a img { border:1px solid #A3A3A3; }

.taglist { width:286px; display:inline; float:right; margin-right:8px; background:url(bg-tags.jpg) top left no-repeat; padding:43px 15px 0 5px; }
.taglist h2, .taglist h3, .taglist h4, .taglist h5 { display:inline; float:left; padding:4px; height:18px; }
.taglist h2 { font-size:16px; }
.taglist h3 { font-size:15px; }
.taglist h4 { font-size:13px; }
.taglist h5 { font-size:11px; }
.taglist a { color:#0066CC; }
.taglist a:hover { color:#900; }

.photohighlight { width:298px; background:url(hd-photobox.jpg) top left no-repeat; padding-top:50px; display:inline; float:right; margin-right:8px; }
.photohighlight li { text-align:center; padding:10px 0; }
.photohighlight li a { display:block; color:#690; }
.photohighlight li a img { border:1px solid #666; }

.calendar { width:298px; background:url(hd-calendar.jpg) top left no-repeat; padding-top:50px; display:inline; float:right; margin:15px 8px 0 0; }
.calendarbox { background:url(bg-calendar.jpg) top left no-repeat; width:288px; margin:0 auto; }
.calendarbox th { height:40px; line-height:40px; color:#000; }
.calendarbox th a { color:#FFF; }
.calendarbox td { text-align:center; height:25px; }
.calendarbox td a { color:#000; }
.morecalendar { text-align:center; background:url(bg-shadowcalendar.jpg) top left no-repeat; width:288px; height:43px; line-height:43px; }
.morecalendar a { color:#900; }

#hotnews .vote { margin-right:10px; }
#hotnews .tags { color:#666; display:block; padding:10px 0 10px 20px; font-size:13px; font-weight:bold; background:url(ico-tags.jpg) center left no-repeat; clear:both; }
#hotnews .tags a { color:#690; font-weight:normal; }

.comment { display:inline; float:left; width:640px; padding:25px 20px 0; margin-left:5px; }
.commentbox { background:url(bg-comment-box.jpg) top left no-repeat; width:621px; height:248px; margin:10px auto; }
.loginwith { height:38px; padding-left:220px; padding-top:7px; }
.commentbox p { clear:both; }
.commentbox p i { display:inline; float:left; width:100px; text-align:right; font-style:normal; padding:5px 10px 0 0; }
.commentbox p em { display:inline; float:left; width:450px; font-style:normal; font-size:11px; color:#666; }
.commentbox p em textarea.textcomment { width:400px; height:100px; }
.commentbox p em input.title { width:200px; }
.capcha { border:1px solid #666; }

.comment-form em { position:relative; display:block; }
.comment-form em .help a u { position:absolute; left:-1000px; display:none; z-index:999; background:#FFC;  font-size:12px;  }
.comment-form em .help a:hover u { left:0; bottom:25px; display:block; overflow:hidden; border:1px dashed #C90; z-index:999; text-decoration:none; color:#000; width:165px; padding:5px; line-height:18px; }

.comment em { position:relative; display:block; }
.comment em .help { position:relative; }
.comment em .help a u { position:absolute; left:-1000px; display:none; z-index:999; background:#FFC;  font-size:12px;  }
.comment em .help a:hover u { left:0; bottom:25px; display:block; overflow:hidden; border:1px dashed #C90; z-index:999; text-decoration:none; color:#000; width:300px; padding:5px; line-height:18px; }


.reply { display:inline; float:left; width:640px; padding:15px 20px 0; margin-left:5px; }
.reply ul { width:619px; margin:10px auto; }
.reply li { background:url(bg-comment.jpg) bottom left no-repeat; width:619px; margin-top:25px; }
.reply li u { text-decoration:none; border-bottom:1px solid #F2E4BA; background:#FFF; display:block; padding-bottom:5px; color:#666; }
.reply li u h4 { display:inline; font-size:13px; color:#960; }
.reply li p { padding:10px; color:#584E09; }
.reply li span { display:block; padding:15px 10px; border-top:1px dashed #C9B572; margin:0 50px 0 5px; color:#666; }
.reply li span a { color:#690; }

#hotnews .morepage { display:block; text-align:right; padding:0 0 5px; margin:0 25px; }
#hotnews .morepage a { color:#039; }
#hotnews .common { background:url(bg-common-left.jpg) #F3F3F3 top left no-repeat; display:block; display:block; margin:15px 0 0 0;  }
#hotnews .common p { background:url(bg-common-right.jpg) bottom right no-repeat; padding:7px 35px; border:0; margin:0; }

.morecontent { width:298px; display:inline; float:right; margin:10px 10px 0 0; }
.morecontent strong { font-size:16px; color:#7CA904; border-bottom:1px solid #7CA904; padding:10px 0 5px; margin-top:15px; display:block; }
.morecontent li { background:url(ico-arrow.jpg) center left no-repeat; clear:both; padding:3px 0 2px 12px; }
.morecontent li a { color:#666; }
.morecontent li span { font-size:11px; color:#999; }

.page { width:640px; display:inline; float:left; padding:15px 20px 10px; margin-left:5px; }
.page a { display:inline; float:left; padding:5px 10px; margin-left:5px; background:#F6EFB6; border:1px solid #D3C54E; font-size:13px; color:#887B0F;  }

#sitemap { width:1003px; margin:20px auto 0; background:url(http://my.kapook.com/images2/bg_sitemap.jpg) top left repeat-x; font-size:11px; }
#sitemap p { padding:10px 50px; line-height:20px; }
#sitemap p a { color:#999999; }
#sitemap p a strong { color:#669900; }

#footer_kapook { width:1003px; margin:0 auto; background:url(http://my.kapook.com/images2/bg_footer.jpg) top left repeat-x; height:63px; }
.footleft { width:790px; float:left; }
.footleft p { height:20px; padding:10px 0 0 10px; }
.footleft p a { color:#000000; }
.logosponser { width:213px; float:right; }