@import url("base.css");
/*

design for bo-blog thai

*/

/* 
-------------------------------------------------------------------*/
.header {
	background-image: url(bg_head.jpg);
	background-repeat: repeat-x;
	height: 71px;
}
.header .wrapper {
	background-image: url(head.jpg);
	background-repeat: no-repeat;
}
.header .wrapper .fLeft {
	height: 56px;
	margin-top: 10px;
}
.header .wrapper .fRight {
	width: 593px;
}
/* 
-------------------------------------------------------------------*/
.topBar {
	float: right;
	height: 12px;
	margin-bottom: 15px;
	line-height: 12px;
	margin-top: 8px;
}
.topBar span, .topBar .userMenu li {
	padding-right: 8px;
	padding-left: 8px;
	line-height: 12px;
	height: 12px;
	padding-top: 1px;
	white-space: nowrap;
	color: #d3fcae;
}
.topBar span {
	float: right;
}
.topBar span i {
	font-style: normal;
	color: #FFFFFF;
	padding-right: 3px;
}
.topBar .userMenu {
	float: right;
}
.topBar .userMenu li {
	float: left;
}
.topBar .userMenu li.help {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #fff;
	text-align: right;
	padding-right: 0px;
}
/* 
-------------------------------------------------------------------*/
.heaNav {
	width: 593px;
}
.heaNav li {
	float: left;
	text-align: center;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.heaNav li a {
	line-height: 35px;
	height: 35px;
	display: block;
}
.heaNav li a:hover {
	text-decoration: none;
}
.heaNav .home a {
	width: 70px;
	background: url(nav_home_bg.gif) no-repeat left -35px;
}
.heaNav .home a:hover {
	width: 70px;
	background: url(nav_home_bg.gif) no-repeat;
}
.heaNav .middle a {
	width: 85px;
	background: url(nav_main_bg.gif) no-repeat left -35px;
}
.heaNav .middle a:hover {
	width: 85px;
	background: url(nav_main_bg.gif) no-repeat;
}
.heaNav .more a {
	width: 98px;
	background: url(nav_more_bg.gif) no-repeat left -35px;
}
.heaNav .more a:hover {
	width: 98px;
	background: url(nav_more_bg.gif) no-repeat;
}
/* 
-------------------------------------------------------------------*/