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

hr				{ border:0 #f1f1f1 solid;border-top-width:2px;}
*				{ list-style:none;padding:0; margin:0; }
a:link 			{ text-decoration:none ;/*color: #606A22;*/ }
a:visited 		{ text-decoration: none;/*color: #606A22;*/ }
a:hover 		{ text-decoration:underline;/*color: #8C9847;*/ }
a:active		{ text-decoration: none;/*color: #606A22;*/ }
.red, a.red:link, a.red:visited, a.red:hover, a.red:active												{ color:#B80808;}
.gray, a.gray:link, a.gray:visited, a.gray:hover, a.gray:active											{ /*color:#2E2D2D*/color:#000;}
.lightgray, a.lightgray:link, a.lightgray:visited, a.lightgray:hover, a.lightgray:active				{ color:#666}
.lightergray, a.lightergray:link, a.lightergray:visited, a.lightergray:hover, a.lightergray:active		{ color:#cccccc}
.blue, a.blue:link, a.blue:visited, a.blue:hover, a.blue:active											{ color:#257fd2;}
.green, a.green:link, a.green:visited, a.green:hover, a.green:active									{ color:#50b510 }
h1,h2,h3,h4,h5,h6{ line-height:30px; margin-bottom:8px}
h2				{ font-size:20px;}
.fl				{ float:left}
.fr				{ float:right}
.clear			{ clear:both}

/*--------header------*/
.topHeader				{ }
.headerInfo				{ background:url(/kolalo/images/headerInfoBg.gif) repeat-x; height:29px; line-height:29px; margin-bottom:10px; overflow:hidden}
.headerInfo .grid_4		{ text-align:right; _padding-top:8px;}
.headerInfo .grid_4	a   { padding:0 0 0 18px;}
.headerInfo .grid_4	a img{ _padding:0px;}
.searchBox				{ margin:18px 0 0 25px; float:left}
.searchBox .fl			{ width:350px; float:left; margin:1px 5px 0 0;  }
.searchBox .inputBox	{ border:1px solid #d4d4d4;float:left; padding:2px 3px;background:url(/kolalo/images/inputBg.gif) top left; margin-bottom:5px; }
.searchBox .fl input	{ padding:2px;_padding:1px 2px; width:340px; float:left; border:0px solid #fff;}
.headersBtn,.logo		{ float:left;}
.bar,.barOpen			{ -moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(/kolalo/images/barBg.gif) repeat scroll 0 0;border-color:#DBDBDB;border-style:solid;border-width:0 1px;height:5px;overflow:hidden; margin:10px 0 15px 0;}
.barOpen				{ background:transparent url(/kolalo/images/barBgOpen.gif) repeat scroll 0 0; height:96px;border-width:1px;}
.barOpen .caption		{ font-size:14px; font-weight:700; float:left;margin:10px 30px;_margin:10px 20px;}
.barOpen .fl 			{ width:800px; margin-top:10px;}
.barOpen .fl ul			{ float:left;width:250px;line-height:24px;}
.barOpen .fl li span 	{ padding:0 2px 0 0;}

.headCenter				{ padding:0px 0 10px 150px; margin-top:70px;}
.logoMeta				{  position:absolute; margin:-5px 0 0 45px;*margin:30px 0 0 -110px;}
.SearchEg				{ padding-top:2px;}
.listDiv{ margin:0 auto; width:960px}
.listBox				{ background:#fff; border:1px solid #d4d4d4; font-size:12px; padding:1px; text-align:left;line-height:22px; position:absolute; margin-top:28px; margin-left:750px; width:200px; z-index:1000000}
.listTop				{ background:#f8f8f8; padding:5px;}
.listBoxTitle			{ font-size:15px; font-weight:bold; line-height:25px}
.listBoxFeature			{ padding:5px; line-height:180%; margin-bottom:10px}
.listBoxSearch			{ padding:5px 0; height:30px}
.listBoxSearch input	{ border:1px solid #d4d4d4; margin-right:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(/kolalo/images/inputBg.gif) top left; padding:5px 3px 4px;width:110px;}
.listBoxSearch input{ float:left}
.listBoxSearch .listBoxbtn{ width:auto; border:0px solid #fff; background:none; padding:0px; margin:0px;}
.listBox ul{ margin-bottom:0px; height:250px; overflow-x:hidden; overflow-y:auto}
.listBox ul li{ margin:0 5px;}
.listBottom{ padding:5px; border-top:1px solid #D4D4D4; margin-top:1px;}
/*---------search-------------*/


/*---------content--------------*/
.content				{ }
.content .grid_8		{ line-height:18px;}
.content .grid_8 span	{ font-size:18px;padding:0 10px 0 0; }
.content .grid_8 a.blue { font-size:12px;}
.content .grid_8 h1 { font-size:18px; line-height:18px; display:inline; }
.content .grid_8 h1 .blue{font-size:18px;}
.content .grid_4		{ text-align:right}
.content .lightgray{}
.content .lightgray ul li{ float:left; width:23%; margin:0 10px 0 0; line-height:24px;}
.content .lightgray ul li span{ display:block;float:left;text-align:right;width:30px; padding:0 2px 0 0;}
.content .lightgray .pagging{ text-align:left}
.content .lightgray .paggingCenter{ text-align:center;}
.content .container_12 .dateOrder		{ margin-bottom:10px; }
.content .dateOrder a,.content .dateOrder b{ padding:0 7px 0 0;}
.content .dateOrder a.blue	{ font-weight:700;}
.content .dateOrder span    { padding:0 0 0 5px;}
.content .searchResult ul li{ float:none}
.content .topicList ul		{ float:left}
.content .topicList ul li	{ float:none;width:300px;}
.content .topicList ul li span{ width:20px;}
.content .topicList ul  strong{ padding-left:7px; color:#000;}





.sidebar	{ margin-right:0;float:right;}
.sidebar ul	{ margin-bottom:15px;}
.sidebar li	{ padding-bottom:8px;margin-left:0;}
.sidebar .map{ border:1px solid #e0e0e0; width:300px; height:248px; padding:0px;}
.sideInfo	{}
.sideInfo img{ width:45px; height:45px; padding:1px;border:1px solid #e0e0e0; margin-right:10px;}
.sideInfo .fl ul li{ float:left; display:block; }
.sideInfo .fl ul li span{ width:70px; font-weight:700; display:block; }
.sideInfo .fl ul{ height:1%; margin-bottom:0px;}
.sideInfo .fl ul .infoContent{width:170px;}
.grid_8 .sideInfo .fl ul .infoContent{width:470px;_width:460px;}
.title{ font-size:18px; font-weight:700; line-height:20px; margin-bottom:10px;}
.webInfo img{ width:150px; height:120px;}
.grid_8 .webInfo .fl ul .infoContent{ width:360px;}
.graphyTitle{ background:#f7f7f7; padding:5px 10px;border-bottom:1px solid #e0e0e0;}
.graphy{ border:1px solid #e0e0e0;}
.sidebar .trafficList{ background:url(/kolalo/images/dotgreen.gif) no-repeat 0 6px #fff; padding-left:12px; margin:5px 0;}

.post		{ border-bottom:1px solid #e0e0e0; padding-bottom:10px; margin-bottom:10px; height:1%}
.post .fl	{ width:525px;}
.post .fr	{ width:84px;}
.post .fr img{ border:1px solid #e0e0e0; width:80px; height:80px; padding:1px;}
.postTitle,.postInfo,.postContent,.postRetweet{ margin-bottom:3px;}
.postTitle	{ font-size:15px; font-weight:700;  }
.post .postTitle h1{ font-size:18px; line-height:20px;}
.postInfo img{ padding:1px;border:1px solid #e0e0e0; width:20px; height:20px;}
.postInfo .fl{ width:auto; margin-right:5px;}
.postRetweet a.gray{ text-decoration:none; font-size:12px;}
.postRetweet a.gray:hover{ text-decoration:underline;}
.detail{ border-bottom:none;}

.mb10{ margin-bottom:10px}
.postMore{ width:620px; height:28px; overflow:hidden; margin-bottom:10px; background:url(/kolalo/images/more.gif) top; cursor:pointer}
.postMoreOn{ width:620px; height:28px;overflow:hidden; margin-bottom:10px; background:url(/kolalo/images/more.gif) bottom; _background:url(/kolalo/images/more.gif) 0 -26px;cursor:pointer}
.postMore a,..postMoreOn a{ width:620px; height:35px; display:block}
.postUser{ height:1%; margin-bottom:10px}
.postUser h5{ margin-bottom:0}
.postTags{ margin-bottom:10px; font-weight:bold; font-size:13px}
.postTags a{ margin-right:15px}
.post .gray{ text-decoration:underline}
.moreTwitter{ background:#e3f1fa; border:1px solid #c6e4f2; border-left:none;border-right:none; padding:5px 10px; margin-bottom:10px;}
.moreTwitter a,.moreTwitterH a{ display:block; }
.moreTwitter a:hover,.moreTwitterH a:hover{ text-decoration:none;}
.moreTwitterH{background:#d9ecf9;border:1px solid #b1d4e4; border-left:none;border-right:none; padding:5px 10px; margin-bottom:10px; }

.tabBar{ height:1%;background:url(/kolalo/images/tabBarbg.gif) repeat-x; height:28px; border:1px solid #e0e0e0; border-bottom:none; font-size:13px; font-weight:700; line-height:27px; margin:20px 0;}
.tabBar ul li{ float:left; padding:0 35px; border-right:1px solid #e0e0e0; margin-left:0px;}
.tabBar ul .green{ background:#fff;border-bottom:1px solid #FFFFFF;}
.tabBar ul #nobg{ background:url(/kolalo/images/tabBarbg.gif) repeat-x; border-bottom:none;border-right:none; padding:0 15px;}
.tabBar ul li a.lightgray:hover{ text-decoration:none; color:#000;}
.detailBox              { margin-bottom:10px;}
.detailBox div			{ line-height:25px; border-bottom:1px solid #e0e0e0;}
.detailBox div .fl		{ width:360px; padding:5px 12px 5px 10px; font-size:13px; font-weight:700;background:url(/kolalo/images/dotgreen.gif) no-repeat 0 15px;}
.detailBox div .fr		{ padding:5px 0;}
.detailBox #read_more	{ background:none;}

/*-------pagging----------*/
.pagging{ text-align:right; padding:0 10px}
.pagging a{ display:inline-block; margin:0 2px; height:20px; line-height:20px; padding:0 6px; font-weight:bold; border:1px solid white}
.pagging a img{ margin-top:10px}
.pagging .blue{ border:1px solid #e9e9e9}


.footer { font-size:12px;padding:10px;text-align:left; border-top:1px solid #E0E0E0}
.footerLinks {float:right;font-size:11px;}
.footerLinks a {font-weight:normal;margin:0 8px;text-decoration:none;}
.footerContent {margin:0 auto;width:960px;}
.footer .green{ font-weight:bold}
.footerContent p{ margin-bottom:0px;}






/*-------index----------*/
.container_12 .grid_12 { margin-bottom:0px;} 

/*-------bottom----------*/
.bottomArea{ background:#f8f8f8; width:100%; height:210px;padding:30px 0 10px;margin-top:30px;}
.relatedList{}
.relatedList li{ background:url("/kolalo/images/dot.gif") no-repeat scroll left center transparent;float:left;padding-left:8px;width:45%; margin-left:0px;}
.bottomArea p{ margin-bottom:5px;}
.bottomArea .logo{ margin-top:10px;}