/* --------------WARNING FILES---------------------------------------------------------

   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			 ||

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

@media all {

/*float*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearit {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	width: 100%;
	border: none!important;
}

.clear {
	clear: both;
}

/*background*/

.intro_bg {
	background: url(intro_gray.gif) repeat-x bottom;
}

.tit {
	background: url(tutorial_widgets.gif) no-repeat;
}

.harvestbg {
	background: url(harvestline.gif) repeat-x bottom;
}

.tit1 a {
	display: block;
	width: 316px;
	height: 36px;
}

.tit1 a:hover {
	background: #f6f6f6;
}

/*padding*/

.ptd30 {
	padding: 30px 0;
}

.pd10 {
	padding: 0 10px;
}

.pt40 {
	padding-top: 40px;
}

.pd40 {
	padding: 40px 0;
}

.plr20 {
	padding: 0 20px;
}

.pr28 {
	padding-right: 28px;
}

.pl28 {
	padding-left: 28px;
}

.mb0 {
	margin-bottom: 0px;
}

.mt10 {
	margin-top: 10px;
}

.mt30 {
	margin-top: 30px;
}

.margin0 {
	margin: 0 auto;
}

/*line-height*/

.lh36 {
	line-height: 36px;
}

.lh22 {
	line-height: 22px;
}

.line_bottom {
	border-bottom: 1px solid #E7E7E7;
}

/*border*/

.brl {
	border-left: 1px solid #F7F7F7;
	border-right: 1px  solid #F7F7F7;
}

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

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

/*width*/
.w1{
	width:1px;
	}
.col356 {
	width: 356px;
}

.col630 {
	width: 630px;
}

.col781 {
	width: 781px;
}

.col152 {
	width: 152px;
}

.col395 {
	width: 395px;
}
/*height*/

.hh306{
	height:306px;
	}
.hh225 {
	height: 225px
}

.hh70 {
	height: 70px;
}

.hh154 {
	height: 154px;
}

.intro_icon {
	width: 28px;
	height: 22px;
	background: url(tutorial_widgets.gif) -29px -39px no-repeat;
	display: block;
	margin-top: 10px;
}

a:hover .intro_icon {
	background: url(tutorial_widgets.gif) 0 -39px no-repeat;
	width: 28px;
	height: 22px;
	display: block;
	margin-top: 10px;
}

.hid {
	overflow: hidden;
}

.indent1 {
	text-indent: 25px;
}

.indent2 {
	text-indent: 50px;
}

.boxbottom1 {
	margin: 0px;
	width: 100%;
	height: 14px;
	overflow: hidden;
	background: url(intro_bt.gif) 0 -15px repeat-x;
}

.boxbottom1 .bg1,.boxbottom1 .bg2 {
	width: 10px;
	height: 14px;
}

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

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

/*botton*/

a .publish_now {
	margin: 33px auto;
	display: block;
	background: url(publish_now.gif) 0 0 no-repeat;
	padding-left: 60px;
	width: 233px;
	line-height: 30px;
	font-size: 18px;
	color: #60781D;
}

/*font*/

.f24 {
	font-size: 24px;
}

.gravatarbg {
	background: url(gravatarbg.jpg);
	width: 874px;
	height: 233px;
}

.gravatarbutton {
	margin: 188px 0 0 40px;
}

}