@font-face {
	font-family: custom-sans-serif;
	src: local("華康隸書體w7"), local("LiSu");
	unicode-range: U+4E00-9FFF;
}

@font-face {
	font-family: custom-sans-serif;
	src: local(Century Schoolbook), local(Times), local(sans-serif);
	unicode-range: U+00-024F;
}

h1 {
	font-family: custom-sans-serif;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	/*font-family: Verdana, Arial, san-serif;*/
	font-family: custom-sans-serif;
	font-size: 20px;
	color: #CCC;
	background: #000;
}

#btt{
	width:50px; 
	height:50px; 
	position:fixed; 
	right:50px; 
	bottom:20px; 
	cursor:pointer;
	z-index: 999;
}

a:link, a:visited { 
	color: #f5ea01; 
	text-decoration: none; 
	font-weight: bold; 
} 
a:active, a:hover { 
	color: #f5ea01; 
	text-decoration: underline; 
}

p {
	margin: 0px;
	padding: 0px;
}

.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1px;	
}

.cleaner_with_divider {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;	
	border-bottom: 1px dotted #B79742;
}

.comment {
	padding-left: 20px;
	margin-left: 5px;
	background: url(images/templatemo_comment_icon.jpg) bottom left no-repeat;
}

/* content and header panel */
#templatemo_header_panel {
	clear: both;
	width:100%;
	margin: 0 auto;
	background: #000000 url(images/templatemo_top_bg.jpg) top center no-repeat; 
	background-size: 100% auto;
}

#templatemo_header_panel #templatemo_header_section{
	clear: both;
	width: 960px;
	height: 293px;
	margin: 0 auto;

}

#templatemo_header_section #templatemo_title_section{
	font-size: 65px;
	padding: 130px 0 10px 10px;
	color: #f5ea01;
}

#templatemo_header_section #tagline {
	padding: 15px 0 0 165px;
	font-size: 25px;
	color: #A78A3A;
}

/* end of header */

/* menu */
#templatemo_menu_panel{
	clear: both;	
	width:100%;
	height: 47px;
	margin: 0 auto;
	margin-bottom: 10px;
	color: #ffffff;
	background: #000000 url(images/templatemo_menu_bg_repeat.jpg) repeat-x;
}

#templatemo_menu_panel #templatemo_menu_section{
	width: 930px;
	height: 47px;	
	margin:0 auto;
	padding: 0 0 0 30px;
	color: #03a0a6;
	background:  url(images/templatemo_menu_bg.jpg) no-repeat;	
}

#templatemo_menu_section ul {
	/*float: left;*/
	width: 730px;
	margin: auto auto auto auto;
	padding: 15px 0 0 0;
	list-style: none;
	position: relative;
}

#templatemo_menu_section ul li {
	display: inline;
}

#templatemo_menu_section ul li a{
	float: left;
	width: 110px;
	padding: 2px 0;
	margin-right: 5px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #99930d;
	border-right: 1px solid #333;	
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
	color: #f5ea01;
}

#templatemo_menu_section li .last {
	border-right: none;
}
/* end of menu */

/* content */

#templatemo_content {
	clear: both;
	width: 1300px;
	margin: 0 auto;
}

#templatemo_content_column_one {
	float: left;
	width: 238px;
	border: 1px solid #846f34;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	background: #6b5927 url(images/templatemo_180_column_bg.jpg) top center no-repeat;
}

#templatemo_content_column_two {
	float: left;
	width: 740px;
	margin: 0 0 0 10px;
	padding: 0;	
}

#templatemo_content_column_three {
	float: left;
	width: 278px;
	padding: 10px 0 10px 0;	
	margin: 0 0 0 20px;	
	border: 1px solid #312f2b;
	background: #181714;
}

/* column one */

#templatemo_content_column_one .column_one_section {
	clear: both;
	margin: 0px 10px;
}

#templatemo_content_column_one h1 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 20px;
	color: #000;
	border-bottom: 1px dotted #000;
}

#templatemo_content_column_one .cleaner_with_divider {
	margin: 0 0 20px 0;	
}

#templatemo_content_column_one ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#templatemo_content_column_one li {
	margin: 0px;
	padding: 0 0 5px 0;	
}
#templatemo_content_column_one a{
	color: #181714;
}

/* end of column one */
/* column two */

#templatemo_content_column_two .column_two_section {
	clear: both;
	width: 710px;
	padding: 20px;	
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #312f2b;
	background: #181714 url(images/templatmeo_column_two_bg.jpg) top right no-repeat;	
}

#templatemo_content_column_two h1 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 22px;
	color: #f5ea01;
	border-bottom: 1px dotted #f5ea01;
}

#templatemo_content_column_two p{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

#templatemo_content_column_two img {
	border: 5px solid #2e2d29;
	margin-bottom: 15px;
}

#templatemo_content_column_two .post_info {
	margin: 0 0 20px 0;
	/*color: #fff;*/
}

#templatemo_content_column_two .post_info a{
	color: #f5ea01;
	font-weight: normal;
}

#templatemo_content_column_two .post_comment {
	border-top: 1px solid #000;
	margin-top: 10px;
	padding: 10px 0 0 0;
}
/* end of column one */

/* column one */
#templatemo_content_column_three .column_three_section {
	clear: both;
	margin: 0px 10px;
	padding: 10px 0;
}

#templatemo_content_column_three .cleaner_with_divider {
	padding: 0px;
	margin: 0px;	
}

#templatemo_content_column_three h1 {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 20px;
	color: #fff;
	border-bottom: 1px dotted #FFF;
}

#templatemo_content_column_three a{
	font-weight: normal;
}

#templatemo_content_column_three ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#templatemo_content_column_three li {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;	
}

#templatemo_content_column_three #ad_section {
	clear: both;
	border-bottom: 1px solid #312f2b;
}

#ad_section h1{
	margin: 0 0 10px 10px;
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	border: none;
}

#ad_section .ad_125x125_box {
	/*float: left;*/
	position: relative;
	margin: 0 0 0px 10px;
	width: 250px;
	height: 250px;
	z-index: 998;
}

.ad_125x125_box img {
	border: none;
}

.column_three_section .popular_post {
	list-style: none;
	margin: 0;
	padding: 0;
}
.column_three_section .popular_post li{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #22250e;
}
/* end of column one */

/* for bottom palen */
#templatemo_bottom_panel{
	width: 960px;
	margin: 10px auto 0 auto;
	padding: 20px 0;
	/*background: url(images/templatemo_bottom_panel_bg.jpg) top center;	*/
}

#templatemo_bottom_panel .bottom_panel_section {
	margin-left: 10px;
	width: 550px;
	margin-bottom: 20px;
}

.bottom_panel_section h1 {
	color: #f2e304;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

.bottom_panel_section p{
	margin-bottom: 5px;
	padding-bottom: 5px;
}
/* end of bottom */