body {font-family: verdana,Arial,sans-serif; font-size: 12px; margin: 0 auto; padding: 0px; color:#333;}

/*ALL
---------------------------------------------------*/

h1,h2,h3,p,ul,dl,form,input {margin:0; padding:0; list-style:none; }
img { border: none; }
ol li {padding: 5px 0; }
hr {height:1px; border:none; border-top:1px dashed #d0e0ff; margin-top:10px;}
*html hr {margin-top:3px;}
*+html hr {margin-top:3px;}
.box1 hr {margin-bottom:10px;}
a {color:#049; text-decoration: none; }
a:hover {text-decoration:underline; color:#f90;}
h2 {font-size:16px;}
br {height:0; overflow:hidden;}
.font1{color:#f00;}
a.font1:hover {color:#f90;}
blockquote {border:1px dashed #C2DEF3; background:#fff; font-size:13px; line-height:20px; color:#444; padding:10px; margin-left:20px;}
.commentlist li blockquote {border:none; font-size:12px; margin:0 0 0 100px; padding-top:0;}
.commentlist li .children blockquote {border:none; font-size:12px; margin:0 0 0 80px; padding:0;}
.postBox blockquote p {color:#444; font-size:13px; line-height:20px; margin-bottom:0;}

/*Header
----------------------------------------------------*/

.header {width:100%; height:95px; background:url(images/bg_header.png) repeat-x;}
#header {width:950px; margin:0 auto;}
#header .logo a { float: left; width: 137px; height: 49px; margin-top: 5px; display: block; background: url(images/logo.png) no-repeat;} 
#header .logo a h1 { margin-left: -200em; overflow: hidden;}
#header .search { width:282px; height: 24px; margin-top: 15px; margin-right: 10px; }
#search {height:24px; overflow:hidden;}
#search .s_text {color:#666; width:221px; height:20px; overflow:hidden; padding:4px 0 0 4px; border: 0; background: url(images/bg_serch_text.png); vertical-align: middle; }
#search .s_submit { width:22px; height:24px; overflow:hidden; margin-left: -5px; border: 0; background: url(images/bg_search_submit.png); vertical-align: middle; cursor:pointer;}

#nav {width:950px; height:36px; margin:0 auto;margin-top:5px;}
#nav ul li {float:left; background:url(images/nav_li.png) right top no-repeat;padding:4px 4px 0 4px;position:relative;}
#nav ul li.noBg {background:none;}
#nav ul li a{font-weight:bold; color:#fff;display:block;width:78px;height:32px;line-height:24px; text-align:center;}
#nav ul li a:hover,#nav ul li a.thisNav,#nav ul li:hover a{line-height:30px;text-decoration:none; background:url(images/nav_hover.gif) no-repeat;color:#049;}
#nav ul li:hover div{display:block;}
#nav li:hover div span a{background:none;line-height:24px;}
#nav li div {background:#fff;display:none;overflow:hidden;height:25px;position:absolute;top:32px;left:4px;width:234px;border:1px solid #689ccd;border-top:none;padding:2px 0 1px 0;}
#nav li div span {float:left;width:76px;height:24px;line-height:24px;display:inline;text-align:center;}
#nav li div span a{color:#049;height:24px;width:72px;margin:0 2px;font-weight:normal;}
#nav li div span a:hover{background:#C2DEF3;line-height:24px;}

/*Content
------------------------------------------------*/

#Contarit { width: 950px; height: auto;  margin: 0 auto; }

.gonggao {
	margin-top: 5px;
	background: url(images/tjgg_right.png) right no-repeat;
	padding-right:3px;
	height:28px;
}
#gonggaoBox {background:url(images/tjgg_left.gif) left no-repeat; height:28px; padding-left:72px;}
#gonggaoBox span {margin-left:-72px; font-weight:bold; color:#fff; line-height:26px; padding-left:8px;}
#gonggaoBox span a {color:#fff;}
.gg_content {line-height:28px; background:url(images/tjgg_bg.png) repeat-x; width:100%;}
.gg_content li {float: left; margin: 0 8px; padding-left: 12px; background: url(images/tjgg_jt.png) 0 9px no-repeat; }

.box,.box3,.box4,#news,#content .box,.blogcs,#footer .link,.othes,.title2,#tjtheme,#tjpluginsBox,.themes_slt,#newsList,.contentBox,.contentBox2,.userImg {border-left:1px solid #C2DEF3; border-right:1px solid #C2DEF3; border-bottom:none; border-top:none; height:100%; overflow:hidden;}
.bottom1 {height:1px; border-right:1px solid #c2def3; border-left:1px solid #c2def3; margin:0 1px; overflow:hidden;}
.bottom2 {height:1px; background:#c2def3; margin:0 2px; overflow:hidden;}

#left,.leftSidebar,.leftCenter {float:left; width:300px; text-align:left; margin-top:10px; display: inline;}
.leftCenter {width:380px; margin-left:10px;}

#newsBox {position:relative;}
#titleNews {background:url(images/titleNews.gif) no-repeat; height:30px; width:30px; position:absolute; top:0; left:0; z-index:10;}
#news {width:278px; padding:10px; padding-bottom: 5px;}
#news h2 {font-size:14px; margin-left:8px; line-height:25px; height:25px; overflow:hidden;}
#news ul {margin-top:1px;}

#right,.sidebar { float: left; width: 250px; text-align: left; margin: 10px 0 0 10px; display: inline; }
.blogcs {padding:5px 10px;}
.blogcs ul li span {margin-left:5px; color:#999;}
.othes {padding:8px 10px;}
.blogcs h3 {font-size:12px; margin-bottom:2px; color:#666;}
.blogcs div a {line-height:18px;}
.title,.switchtab {padding:0 8px; height:28px; line-height:27px; overflow:hidden; background:url(images/bg_box_title.gif) repeat-x; }
.title h2,.tabset li.current {float:left; height:25px; width:80px; text-align:center; margin-top:3px; font-size: 12px; background:url(images/h2Bg.gif) no-repeat; color:#049;}
.titleNav,.title p{ float:right; }
.title2 {background:url(images/title_bg2.gif) repeat-x; height:28px; line-height:28px; padding:0 8px;}
.title2 h2 {float:left;}
.tabset li {float:left; width:80px; text-align:center; margin-top:3px; height:25px; line-height:25px;}
.tabset li a:hover {color:#049; text-decoration:none;}

.box {padding:10px 5px 4px 8px;}
.box4 {padding-top:6px;}
*html .box {margin-top:-1px;}
.box1 {padding-bottom:10px; padding-top:12px;}
*html .box1 {padding-bottom:9px;}
*+html .box1 {padding-bottom:9px; padding-top:10px;}
.box2 {padding-bottom:3px;}
.box3,.box4 {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.box3 span {color:#999;}
.box img {float: left; padding: 2px; margin-right: 8px; border: 1px solid #C2DEF3; }
.box h3,.box3 h3 {font-size:12px; color:#049;}
.box p { margin-top:4px; line-height:18px; color:#666;}
.box ul li,.othes ul li,.blogcs ul li,#news ul li,.box3 ul li,.box4 ul li,#correlation ul li {padding-left:8px; background: url(images/bg_box_li.gif) 0px 10px no-repeat; line-height:22px;}
.box_detail {height:68px; overflow:hidden;}
.box1 .box_detail {height:66px;}
*html .box1 .box_detail {height:65px;}
.box3 .box_list {background:#fff url(images/bg_number.gif) 0 2px no-repeat;}
.box3 ul.box_list li {background:none; padding-left:16px; line-height:22px;}
.box ul.box_list li,.box3 ul li,.text_r ul li {height:22px; overflow:hidden;}
.box .text_r ul.themeBox li {overflow:visible;}
.box4 ul li {text-align:center;}

#content {float: left; width: 380px; margin: 10px 0 0 10px; display: inline;  text-align: left; }
#content .box {padding:4px 8px 5px;}
*html #content .box  {padding:5px 8px;}
*+html #content .box  {padding:5px 8px;}
#content .box img {padding: 2px; margin-right: 8px; border: 1px solid #C2DEF3;}
.box_img {width:120px; text-align:center; border: 1px solid #C2DEF3; padding:2px; margin-bottom:10px;}
#content .box .box_img img {border:none; padding:0; margin:0;}
#content .box .text_r {width:220px;}
#content .plugins_cat {margin-top:6px; height:17px;}
#content .theme_cat .jt,#content .plugins_cat .jt { width: 45px; height: 17px; display: block; float: left; background: url(images/box_cat_jt.gif); }
#content .theme_cat .cat,#content .plugins_cat .cat { float: left; height: 17px; padding: 0 8px; background: #E2F3FF; }
.big_theme {background:#acd5f3; height:156px; width:126px; overflow:hidden; position:relative;}
.titleStart {background:url(images/titleStart.gif) no-repeat; position:absolute; right:0; top:0; width:31px; height:31px; z-index:10;}
.td_theme a,.td_plugins a {float:left; width:89px; height:17px; margin-left:10px; display:block; background: url(images/bg_td_theme.gif) no-repeat;} 
.td_theme a span,.td_plugins a span,.td_word a span { margin-left: -200em; overflow: hidden;}
.td_plugins a {background: url(images/bg_td_plugins.gif) no-repeat;}
.td_word a {width:123px; height:17px; background:url(images/bg_td_word.gif) no-repeat; display:block; padding-bottom:2px;}
.box .text_r ul.themeBox li {padding-left:0; height:64px; background:none; margin-bottom:10px;}
*html .box .text_r ul.themeBox li {margin-bottom:8px;}
*+html .box .text_r ul.themeBox li {margin-bottom:8px;}

/*-----Theme-----*/

#leftContent {float:left; width:690px; text-align:left; margin-top:10px; overflow:hidden;}
#tjtheme {width:664px; padding:12px;}
#themeStar {background:url(images/bg_tjtheme_bz.png) no-repeat; height:45px; width:45px; position:absolute; top:0; right:0; z-index:10;}
.tjimg {width:242px; height:205px; padding:6px; background: url(images/bg_themes_img.png); overflow:hidden;}
.tj_text {width:386px; margin-left:20px;}
.tj_text h2 {font-size:22px;}
.tj_text span {display:block;	margin-top:12px;}
.tj_text p {margin-top:15px; line-height:24px; font-size:14px;}
.tj_text div {margin-top:10px;}
.tj_text div a {margin-right:10px;}

#themes {width:696px; margin-left:-8px;}
#themes li {float:left; margin-top:9px; margin-left:9px; display:inline; width:223px; height:230px;}
.themes_slt {width:205px; height:208px;	padding:8px; background: #F1F6FA;}
.themes_slt h3 {font-size:12px; height:16px; overflow:hidden;}
.themes_slt h3 span,.idcBg h3 span,.idcBg1 h3 span {font-weight:normal; color:#f90;}
.themes_slt a img {border:1px solid #C2DEF3; width:200px; }
.themes_slt p,.themes_slt img,.themes_slt div,.tjimg div {margin-top: 5px;}
.themes_slt div.post-ratings {margin-top:0;}

ul#themeAuthor,ul#idcTj {margin-top:10px;}
ul#themeAuthor img,#idcTj img {float:none;}
ul#themeAuthor li,#idcTj li,ul#newsUser li {background:none; float:left; line-height:18px;}
.miniNav img {border:none; padding:0;}

/*------ IDC ------*/

ul#idcTj {margin-left:-10px; margin-right:-3px;}
.box ul#idcTj li {padding-left:0; margin-left:4px; margin-bottom:5px; width:64px; text-align:center;}
.box ul#idcTj li img{margin-right:0; padding:1px;}
.leftBox {margin-left:-15px; width:705px;}
*html .leftBox {margin-left:-30px; width:720px;}
.leftBoxLi {float:left; margin-left:15px; width:220px;}
ul#newsUser {margin-left:-5px;}
ul#newsUser li {padding-left:4px; line-height:15px; *line-height:18px; margin-top:3px; margin-bottom:3px;}
ul#newsUser li img {padding:1px; border:1px solid #C2DEF3;}
.imgBtn {padding:4px 0; margin:0 -2px;}
.idcBg {background:#ccc url(images/idc_bg1.gif) no-repeat; height:103px; padding:7px; width:206px; overflow:hidden;}
.idcInfo {width:124px; color:#737f8e; line-height:20px;}
.idcBg h3,.idcBg1 h3 {font-size:14px;}
.idcBg h3 span,.idcBg1 h3 span {font-size:12px;}
.idcBg1{background:#ccc url(images/idc_bg2.gif) no-repeat; height:103px; padding:7px; width:236px; overflow:hidden;}

/*------ Plugins ------*/

#tjplugins {width:430px; float:left;}
#tjpluginsBox {padding-top:10px; padding-bottom:12px;}
*html #tjpluginsBox {padding-bottom:10px;}
*+html #tjpluginsBox {padding-bottom:10px;}
#tjpluginsBox div a img {margin-top:10px;}
.sidebar {margin-top:0;}


/*------ PageBox ------*/

#pageBox {background:url(images/pageLeft.gif) no-repeat; padding-left:3px; height:35px; clear:both;}
#page {background:url(images/pageRight.gif) no-repeat right; height:35px; padding-right:3px;}
.pagebar {background:#d5eafa url(images/pageBg.gif) repeat-x; height:30px; padding-top:5px;}
.pagebar a {padding:1px 4px; margin-left:1px; margin-right:1px;}
.pagebar a:hover {color:#f00;}
.pagebar span.this-page {background:#6fafe1; color:#fff; padding:1px 4px;}
.pagebar span.this-page:hover{text-decoration:none;}

/*------ NewsList ------*/

.miniNav,.miniNav2 {padding:0 8px; height:26px; line-height:26px; overflow:hidden; background:url(images/bg_box_title.gif) repeat-x; }
#newsList,.contentBox,.contentBox2 {background: #F1F6FA; padding:0 20px 10px 20px;}
.contentBox {width:648px;}
.contentBox img {max-width:640px;}
.post {border-bottom:1px dashed #c2def3; margin-top:10px;}
.post h2 {font-size:16px; line-height:30px;}
.post h2 span {font-weight:normal; color:#666; font-size:12px;}
.post p {line-height:20px; margin-bottom:10px;}
.post h4,.postBox h4 {font-size:12px; font-weight:normal; margin-bottom:10px; color:#777;}

/*------ Content ------*/

.postBox h2 {font-size:20px; font-family:"微软雅黑", "宋体"; line-height:50px;}
.postBox p {font-size:14px; margin-bottom:15px; line-height:22px;}
.postBox h4 {margin-bottom:20px;}
.miniNav2 {border:1px solid #c2def3; height:24px; line-height:22px; margin-top:10px; margin-bottom:10px;}
#correlation h4 {color:#828b95; line-height:30px; border-bottom:1px solid #c2def3; font-size:14px;}
.tougao {line-height:30px;}
#correlation ul {margin-top:5px;}
#correlation ul li {width:310px; float:left; margin-left:5px;}
.postBox p.editor {color:#666; font-size:12px; text-align:right;}
.postBox ul {margin-bottom:15px; margin-left:38px; margin-right:28px;}
.postBox ul li { line-height:20px; font-size:13px; list-style:square outside; margin-bottom:8px;}
.postBox .post-ratings {margin-bottom:10px;}

/*Footer
------------------------------------------------*/

#footer {width:100%;}
#linkBox {width:950px; margin:0 auto;}
#footer .link {width:938px; padding:5px;}
.text {margin-top:2px;}
#footer .link span {margin:3px;}
#footer .bottom {width:100%; height:74px; background:url(images/bg_footer.png) repeat-x; }
#footer .bottom p {width:950px; margin:0 auto; padding-top:10px;}

/*Othes
------------------------------------------------*/

.clear {clear:both; height:0; overflow:hidden;}
.f_left {float:left;}
.f_right {float:right;color:#999;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.bwjs {height:250px;}
.lineheigth18 {line-height:22px;}
.margintop7 {margin-top:7px;}
.margintop10 {margin-top:10px;}
.margintop12 {margin-top:12px;}
*html .margintop12 {margin-top:9px;}
*+html .margintop12 {margin-top:9px;}
*html .box1 .margintop12 {margin-top:10px;}
.commentList li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/*Slide images
-------------------------------------------------*/

.ifocus{position:relative; overflow:hidden; width:380px; height:199px;}
#slide_nav {height:21px; margin:0; padding:0; list-style:none; position:absolute; z-index:10; bottom:5px; right:2px; _right:-1px;}

#slide_nav a {float:left; width:15px; height:15px; line-height:15px; margin:2px 3px; font:12px Arial; color:#74a8ed; background:#fff; border:1px solid #74a8ed; text-align:center; cursor:pointer; display:block;}
#slide_nav .activeSlide {height: 19px; width: 19px; line-height: 19px; margin: 0 3px; font-weight: bold; font-size: 16px; color: #fff;
background: #74a8ed; border: 1px solid #eee;}

#bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.5; background:#000000; display:none;}
#popbox{position:absolute;width:500px; height:300px; left:50%; top:50%; margin:-200px 0 0 -300px; display:none; background:#F9F7ED; padding: 40px;  line-height: 19px;}



button { height:40px; font-size:14px;  padding:0 30px; color:#fff; overflow:visible; border:0px solid #002c85 ; background:url(images/btn_stretch.gif);cursor:pointer;}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(images/transparent.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:12px;
	
	color:#fff;
	text-align: center;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

img.themepreview {
	cursor:pointer;

}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

.floattop { height:26px; line-height:26px; background:url(images/bg_box_title.gif) repeat-x; width:100%; position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop));z-index:1000;left:0;top:0; }