/* --------------TAGS LIST---------------------------------------------------------

   KuKuFun CSS Framework 0.0.1
   http://www.kukufun.com

   * Copyright (c) 2007-2008.
   * This Framework only for KuKuFun
   * KuKuFun Team
   
   || Li/Donglin	     || 
   || realjons@gmail.com ||
   || 2008 july			 ||

----------------------------------------------------------------------- */

.white_wrap {
	padding: 7em 5em;
}

.tag_list {
	width: 100%;
}

.tag_list li {
	width: 100px;
	height: 40px;
	float: left;
	margin-right: 7px;
}

/* TAGS LEVEL */

.tag_lv1 a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

.tag_lv1 a:hover {
	text-decoration: underline;
}

.tag_lv2 a {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv2 a:hover {
	text-decoration: underline;
}

.tag_lv3 a {
	font-size: 12px;
	color: #72971b;
	text-decoration: none;
}

.tag_lv3 a:hover {
	text-decoration: underline;
}

.tag_lv4 a {
	font-size: 12px;
	color: #72971b;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv4 a:hover {
	text-decoration: underline;
}

.tag_lv5 a {
	font-size: 12px;
	color: #6aa0db;
	text-decoration: none;
}

.tag_lv5 a:hover {
	text-decoration: underline;
}

.tag_lv6 a {
	font-size: 12px;
	color: #6aa0db;
	text-decoration: none;
	font-weight: bold;
}

.tag_lv6 a:hover {
	text-decoration: underline;
}

.tag_lv7 a {
	font-size: 14px;
	color: #666;
	text-decoration: none;
}

.tag_lv7 a:hover {
	text-decoration: underline;
}

.tag_lv8 a {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv8 a:hover {
	text-decoration: underline;
}

.tag_lv9 a {
	font-size: 14px;
	color: #72971b;
	text-decoration: none;
}

.tag_lv9 a:hover {
	text-decoration: underline;
}

.tag_lv10 a {
	font-size: 14px;
	color: #72971b;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv10 a:hover {
	text-decoration: underline;
}

.tag_lv11 a {
	font-size: 14px;
	color: #6aa0db;
	text-decoration: none;
}

.tag_lv11 a:hover {
	text-decoration: underline;
}

.tag_lv12 a {
	font-size: 14px;
	color: #6aa0db;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv12 a:hover {
	text-decoration: underline;
}

.tag_lv13 a {
	font-size: 16px;
	color: #666;
	text-decoration: none;
}

.tag_lv13 a:hover {
	text-decoration: underline;
}

.tag_lv14 a {
	font-size: 16px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv14 a:hover {
	text-decoration: underline;
}

.tag_lv15 a {
	font-size: 16px;
	color: #72971b;
	text-decoration: none;
}

.tag_lv15 a:hover {
	text-decoration: underline;
}

.tag_lv16 a {
	font-size: 16px;
	color: #72971b;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv16 a:hover {
	text-decoration: underline;
}

.tag_lv17 a {
	font-size: 16px;
	color: #6aa0db;
	text-decoration: none;
}

.tag_lv17 a:hover {
	text-decoration: underline;
}

.tag_lv18 a {
	font-size: 16px;
	color: #6aa0db;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv18 a:hover {
	text-decoration: underline;
}

.tag_lv19 a {
	font-size: 18px;
	color: #666;
	text-decoration: none;
}

.tag_lv19 a:hover {
	text-decoration: underline;
}

.tag_lv20 a {
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv20 a:hover {
	text-decoration: underline;
}

.tag_lv21 a {
	font-size: 18px;
	color: #72971b;
	text-decoration: none;
}

.tag_lv21 a:hover {
	text-decoration: underline;
}

.tag_lv22 a {
	font-size: 18px;
	color: #72971b;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv22 a:hover {
	text-decoration: underline;
}

.tag_lv23 a {
	font-size: 18px;
	color: #6aa0db;
	text-decoration: none;
}

.tag_lv23 a:hover {
	text-decoration: underline;
}

.tag_lv24 a {
	font-size: 18px;
	color: #6aa0db;
	font-weight: bold;
	text-decoration: none;
}

.tag_lv24 a:hover {
	text-decoration: underline;
}

/* TAG SEARCH */


cite {
	font-style: normal;
}

#left {
	width: 580px;
	float: left;
}

#right {
	width: 270px;
	float: right;
}

#menu {
	border: 1px solid #3596B9;
	background: #F6FCFF;
}

#menu ul {
	height: 30px;
	overflow: hidden;
}

#menu ul li {
	width: 10%;
	text-align: center;
	line-height: 30px;
	float: left;
}

/*float*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearit {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow: hidden;
}

.clear {
	clear: both;
}

/*hidden*/

.hid {
	overflow: hidden;
}

/*link*/

.f_0C34A2 a:link,.f_0C34A2 a:visited {
	color: #0C34A2;
	text-decoration: none;
}

.f_0C34A2 a:hover {
	color: #0C34A2;
	text-decoration: underline;
}

.f_4A82C1 a:link,.f_4A82C1 a:visited {
	color: #4A82C1;
	text-decoration: none;
}

.f_4A82C1 a:active,.f_4A82C1 a:hover {
	color: #4A82C1;
	text-decoration: underline;
}

.f_AE713F a:link,.f_AE713F a:visited {
	color: #AE713F;
	text-decoration: none;
}

.f_AE713F a:active,.f_AE713F a:hover {
	color: #AE713F;
	text-decoration: underline;
}

/*fontcolor*/

.f_0C34A2 {
	color: #0C34A2;
}

.f_4A82C1 {
	color: #4A82C1;
}

/*margin*/

.m0 {
	margin: 0;
}

.mr20 {
	margin-right: 20px;
}

.mt5 {
	margin-top: 5px;
}

.mt30 {
	margin-top: 30px;
}

.mb5 {
	margin-bottom: 5px;
}

.pd10 {
	padding: 10px;
}

.pr20 {
	padding-right: 20px;
}

.mt10 {
	margin-top: 10px;
}

.mr5 {
	margin-right: 5px;
}

/*align*/

.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

/*colomn*/

.col75 {
	width: 75px;
}

.col470 {
	width: 450px;
}

.col100 {
	width: 100px;
}

.col52 {
	width: 52px;
}

/*border*/

.bt {
	border-bottom: 1px solid #ccc;
}

.brl1 {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.border {
	border: 1px solid #666;
}

/*botton*/

.button2 {
	width: 31px;
	height: 19px;
	border: 0px;
	background: url(rec_bg.gif) no-repeat 0 -101px;
	cursor: hand;
	overflow: hidden;
	padding: 0;
}

.button3 {
	width: 31px;
	height: 19px;
	border: 0px;
	background: url(rec_bg.gif) no-repeat right -101px;
	cursor: hand;
	overflow: hidden;
	padding: 0;
}

/*right*/

.title1 {
	width: 100%;
	height: 28px;
	line-height: 32px;
	background: url(tags.gif) repeat-x 0 -56px;
}

.title1 .bg1, .title1 .bg2 {
	height: 28px;
	width: 8px;
}

.title1 .bg1 {
	background: url(tags.gif) no-repeat 0 0;
}

.title1 .bg2 {
	background: url(tags.gif) no-repeat 0 -28px;
}

.boxbottom1 {
	width: 100%;
	height: 11px;
	overflow: hidden;
	background: url(tags.gif) repeat-x 0 -106px;
}

.boxbottom1 .bg1,.boxbottom1 .bg2 {
	width: 8px;
	height: 11px;
}

.boxbottom1 .bg1 {
	background: url(tags.gif) no-repeat 0 -84px;
}

.boxbottom1 .bg2 {
	background: url(tags.gif) no-repeat 0 -95px;
}

.whate {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.whate li {
	margin-right: 10px;
	white-space: nowrap;
}