* {
  margin: 0; 
  padding: 0;
} 

body {
	font: 13px Helvetica, sans-serif;
	color:#777;
	background: #fff url(images/body.png) repeat left top;
  margin: 0; 
  padding: 0;
}

a { color:#F5634A; text-decoration:none; border:none; outline:none; }
a:hover { border:none; color:#000; text-decoration: none; }

img{ border:none; outline:none; }

/* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */
.clearfix {
  zoom: 1;
}
/***********************************************************************/


@font-face {
  font-family: bebas;
  src: url('fonts/bebas.eot'); /* IE9 Compatibility Modes */
  src: url('fonts/bebas.eot?') format('eot'),  /* IE6-IE8 */
  url('fonts/bebas.woff') format('woff'), /* Modern Browsers */
  url('fonts/bebas.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('fonts/bebas.svg#svgbebas') format('svg'); /* Legacy iOS */
} 

@font-face {
  font-family: BenchNine;
  src: url('fonts/BenchNine.eot'); /* IE9 Compatibility Modes */
  src: url('fonts/BenchNine.eot?') format('eot'),  /* IE6-IE8 */
  url('fonts/BenchNine.woff') format('woff'), /* Modern Browsers */
  url('fonts/BenchNine.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('fonts/BenchNine.svg#svgBenchNine') format('svg'); /* Legacy iOS */
} 


/* Page */  
#page { width: 100%; margin: 0; padding: 0; }

/* Header */
#topbar {
  display: block;
	height:100px;
	background:#008000;	
}
#topbar-inner { width: 1000px; height:100px; margin: 0 auto; padding: 0; }
.logo{ float: left; display: inline; margin: 20px 0 0 0; }
h1.site-title{
	margin:10px 0px 0px 20px ;
	color:#fff;
	font: 44px BenchNine, "Helvetica", sans-serif;
  line-height: 36px;
  text-transform:uppercase;
}

h1.site-title a:link, h1.site-title a:visited{
	color: #fff;
}

h2.site-description{
	color: #fff;
	font: 20px BenchNine, "Helvetica", sans-serif;
	margin:2px 0px 0px 20px ;
  line-height: 16px; 
  text-transform:uppercase;
}

#searchform{
	float:right;
	margin-top: 35px;
}
.search-box {
  font: 14px Helvetica, sans-serif;
  color: #666;
	border: 1px solid #ccc;
  padding: 7px 10px;
  background: #fff;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
}
.search-button {
  font: 14px Helvetica, sans-serif;
  color: #fff;
  background:#F5634A;
	border: 1px solid #F9806D;
  padding: 7px 20px;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
  cursor: pointer;
}

/* Main Menu */
#mainmenu{
	background: #D2691E;
	border-bottom:1px solid #000;
	height:50px;
	font: 18px BenchNine, "Helvetica", sans-serif;
  text-transform:uppercase;
}
#mainmenu-inner { width: 1000px; height:50px; margin: 0 auto; padding: 0; }


/* Main Content */
#main-content{
  width: 1000px;
	background:#fff;
  border-top: 20px solid #F5634A;
  margin: -20px auto 0 auto;
}

/* Left Column */
#leftcol {
  overflow: hidden;
  float: left;
  width: 640px;
  margin: 0 20px;
	padding: 30px 0;
}


/* News */
.postitem {
  overflow: hidden;
	margin: 0 0 2.5em;
}
.postitem-title-box { margin: 0; padding: 0; }
.postitem-title {
	margin: 0px 0px 10px 0px;
	color:#222;
	font: 34px BenchNine, "Helvetica", sans-serif;
  line-height: 30px;
  text-transform:uppercase;
}
.postitem-title a:link, .postitem-title a:visited{
	color:#222;
}
.postitem-meta {
	clear: both;
  font: 12px Helvetica, sans-serif;
  color: #777;
}
.postitem-summary {
	margin: 1.5em 0 0;
}
.postitem-image { 
  display: block;
  width: 590px;
  margin: 0 auto 20px auto;
  border: none;
}
.postitem-image img{ 
  display: block;
  width: 590px;
  margin: 0 auto;
  border: none;
}
.postitem-body{ 
  font: 13px Helvetica, sans-serif;
  color: 777;
  margin-bottom: 1.5em;
  line-height: 1.5;
}
.postitem-meta-left { float: left; text-align: left; }
.postitem-meta-right { float: right; text-align: right; }


/* left Side Menus */
.leftmenu-box { margin: 0; padding: 0; }
.leftmenu-box-title { 
  margin: 0 0 10px 0;
	color:	#008000;
	font: 34px BenchNine, "Helvetica", sans-serif;
  line-height: 30px;
  text-transform: uppercase;
}
.leftmenu-box-body { 
  font: 13px Helvetica, sans-serif;
  color: 777;
  margin-bottom: 1.5em;
  line-height: 1.5;
}


/* Design textarea of submit news */
textarea#submitnews_item {
  min-width: 400px !important;
  max-width: 510px !important;
}


/* Right Column */
#rightcol { 
  overflow: hidden;
  float: left;
  width: 280px;
  margin: 0 20px;
	padding: 30px 0;
}


/* Right Side Menus */
.rightmenu-box {
	margin: 0 0px 30px 0px;	
}
.rightmenu-box-title {
  font: 24px BenchNine, "Helvetica", sans-serif;
  padding:0px 0px 10px 0px;
  margin:0px;
  color:#444;
  text-transform:uppercase;
}
.rightmenu-box-body {
  font: 13px Helvetica, sans-serif;
  color: 777;
  margin-bottom: 1.5em;
}



/* Bottom Menus ******************/
#bottom-menus { overflow: hidden; margin: 0; padding: 0; }

.bottommenu1, .bottommenu2, .bottommenu3 {
	padding: 30px 20px 30px 20px;
	width: 280px;
	float:left;
}
.bottommenu-title {
  font: 24px BenchNine, "Helvetica", sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
	color:#fff;
  text-align: center; 
  text-transform:uppercase;
}
.bottommenu-body {
  font: 13px Helvetica, sans-serif;
  color: #eee;
  margin-bottom: 1.5em;
  line-height: 1.5;
}

/* Footer */
#footer { 
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}
.site-info{	
	padding: 20px 30px;
	font: 12px Helvetica, sans-serif;
  color: #fff;
	text-align: center;
	margin: 0 0 30px 0;
}


/* For Comment Style ***********************************************************/
.comment-table { overflow: hidden; margin: 0 0 10px 0; padding: 0; }
.comment-title {
  padding: 5px 10px ;
  font: 24px BenchNine, "Helvetica", sans-serif;
  line-height: 25px;
  margin: 0px 0px 10px 0px;
  color: #fff;
	background: #434343;	
}
.comment-body { margin: 0; padding: 0; }
.comment-avatar{
	width:64px;
	height:64px;
	float:left;
	margin-right:20px;
}
.comment-avatar img{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}
.comment-content{
  font: 13px Helvetica, sans-serif;
  color: #777;
	margin: 0 0 0 84px;
	border-top: 1px solid #eee;
	padding: 15px 0px;
}
.comment-author {
	font: 12px Helvetica, sans-serif;
  color: #777;
	position:relative;
	padding-bottom: 10px;	
}
.comment-author-name {
  font: bold 14px Helvetica, sans-serif;
  color: #222;
}
.comment-author-name a { color:#fa2905; }
.comment-author-name a:hover { color:#000; }
.reply {
	float:right;
  background: #f5634a;
  color: #fff;
  font-size: 12px;
  padding:3px 10px;
  border-radius:3px;
  display:inline-block;
  position:absolute;
  top:10px;
  right: 0px;
}
.reply a { color:#fff; }
.reply a:hover { color:#000; }


/* Other Menus */
.othermenu-box { margin: 0; padding: 0; background: #f3f3f3; }
.othermenu-title { margin: 0; padding: 10px; }
.othermenu-title h2 { 
  color: #777;
	font: 24px BenchNine, "Helvetica", sans-serif;
	margin: 0;
	padding: 0;
  text-transform: uppercase;
}
.othermenu-body {  
  font: 13px Helvetica, sans-serif;
	color: #777;
  line-height: 15px;
  margin: 0;
  padding: 10px;
}




/********************** core style ********************************/

/* tbox, chatbox, button */
.tbox{ 
  font: 13px Helvetica, sans-serif; 
  color: #000; 
  background: #fff;  
  margin: 0; 
  padding: 5px; 
  border: 1px solid #dfdfdf;
   -moz-box-shadow: inset 0 0 20px #d1d1d1;
  -webkit-box-shadow: inset 0 0 20px #d1d1d1;
  box-shadow: inset 0 0 20px #d1d1d1; 
}
.tbox.chatbox { 
  width: 80%; 
  color: #000; 
  background: #fff;  
  padding: 5px; 
  margin: 10px auto; 
  border: 1px solid #dfdfdf;
   -moz-box-shadow: inset 0 0 20px #d1d1d1;
  -webkit-box-shadow: inset 0 0 20px #d1d1d1;
  box-shadow: inset 0 0 20px #d1d1d1;  
}
.button, .button:focus { 
  font: 10px Helvetica, sans-serif; 
  color: #555; 
  text-transform: uppercase; 
  margin: 5px 0px;  
  padding: 5px 10px; 
  text-align: center; 
  cursor:pointer; 
  background: #eee;
  border: 1px solid #bbb;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;  
}
.button:hover {
	font: 10px Helvetica, sans-serif; 
  color: #fff; 
  text-transform: uppercase; 
  margin: 5px 0px;  
  padding: 5px 10px; 
  text-align: center; 
  cursor:pointer; 
  background: #F5634A;
  border: 1px solid #bbb;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;    
  outline: none;
}
.button:active {
	font: 10px Helvetica, sans-serif; 
  color: #fff; 
  text-transform: uppercase; 
  margin: 5px 0px;  
  padding: 5px 10px; 
  text-align: center; 
  cursor:pointer; 
  background: #F5634A;
  border: 1px solid #bbb;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;  
  outline: none;
}  


/* FORUMS */
.border { border: 1px solid #000; }
.fborder { border: 1px solid #000; border-collapse: collapse; background: transparent; border: none; }  
.forumheader{ background: transparent; font: 14px BenchNine, "Helvetica", sans-serif; color: #777; text-transform: uppercase; padding: 8px 3px; border-bottom: 1px solid #d4d4d4; }
.forumheader2{ background: transparent; font: 13px Helvetica, sans-serif; color: #777; padding: 8px 3px; border-bottom: 1px solid #d4d4d4; } 
.forumheader3{ background: transparent; font: 13px Helvetica, sans-serif; color: #777; padding: 8px 3px; border-bottom: 1px solid #d4d4d4; }
.forumborder{ border: 1px solid #000; }
a.forumlink{ text-decoration: none; color: #F5634A; }
a.forumlink:hover { text-decoration: underline; color: #000; }
.nforumcaption2 { background: transparent; font: 14px BenchNine, "Helvetica", sans-serif; color: #777; text-transform: uppercase; padding: 8px 3px; border-bottom: 1px solid #d4d4d4; }
.caption { background: transparent; font: 14px BenchNine, "Helvetica", sans-serif; color: #777; text-transform: uppercase; padding: 8px 3px; border-bottom: 1px solid #d4d4d4; }   
.fcaption { background: transparent; font: 14px BenchNine, "Helvetica", sans-serif; color: #777; text-transform: uppercase; padding: 8px 3px; border-bottom: 1px solid #d4d4d4; }
.fcaption a { text-decoration: none; color: #F5634A; }
.fcaption a:hover { text-decoration: underline; color: #000; }
.finfobar{ background: transparent; font: 13px Helvetica, sans-serif; color: #777; padding: 8px 3px; border-bottom: 1px solid #d4d4d4; } 
.nforumholder { }
.nforumcaption { }
.nforumthread { }
.nforumreplycaption { }
.nforumreply { }
.nforumdisclaimer { }
.nforumview1 { }
.nforumview2 { }
.nforumview3 { }
.nforumview4 { }


/* TEXTS */
.indent{ font: italic 11px Helvetica, sans-serif; color: #777; background: #f3f3f3; border: 1px solid #e1e1e1; padding: 10px; margin: 5px; }
.indent a { text-decoration: none; color: #21b6fe; }
.indent a:hover { color: #000 !important; text-decoration: none; } 
.smalltext { font: 11px Helvetica, sans-serif; } 
.smallblacktext { font: 11px Helvetica, sans-serif; }  
.defaulttext { font: 13px Helvetica, sans-serif; }
.mediumtext { font: 12px Helvetica, sans-serif; }
blockquote { font: italic 12px Helvetica, sans-serif; color: #c5cdda; background: #041d29; border: 1px solid #1c2123; padding: 10px; margin: 5px; }
.nextprev{ 
  clear: both; 
  margin: 0 auto; 
  padding: 15px 30px 50px 20px; 
  text-align: left;  
}
.nextprev_link { margin: 0 1px; padding: 3px 5px; }
.nextprev a{
  height: 22px;
  padding: 5px 8px; 
	margin: 0;
	text-decoration: none;
	font: 12px Helvetica, sans-serif; 
	color: #555;
	line-height: 22px;
	background: #dedede;
  text-align: center;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.nextprev a:hover { 
  height: 22px;
  padding: 5px 8px; 
	margin: 0;
	text-decoration: none;
	font: 12px Helvetica, sans-serif; 
	color: #fff;
	line-height: 22px;
	background: #f5634a;
  text-align: center;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.nextprev_current { 
  height: 22px;
  padding: 5px 8px; 
	margin: 0;
	text-decoration: none;
	font: 12px Helvetica, sans-serif; 
	color: #fff;
	line-height: 22px;
	background: #f5634a;
  text-align: center;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
} 
.nextprev_total { 
  font: 13px Helvetica, sans-serif;
  color: #777; 
  line-height: 18px; 
  padding: 3px 6px; 
	margin: 2px;
}

.searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }


/* MISC */
td { font-family: Helvetica, sans-serif; padding: 0; text-align:left; }
form { margin: 2px 0px 0px 0px; }
p { margin: 0px; padding: 0 0 10px 0; font: 12px Helvetica, sans-serif; }
.spacer{ padding: 5px 0px 5px 0px; }
hr { 
  width: 96% !important;
  border: none;
	clear: both;
	height: 1px;
	padding: 0;
	margin: 10px auto;
	background: #d4d4d4;
  border: none;
} 
.helpbox { background: transparent; font: 11px Helvetica, sans-serif; color:#888; border: 0px; margin: 0; padding: 0; }
.bodytable { font-family: Helvetica, sans-serif; padding: 8px; }
.code-box { font: 12px Helvetica, sans-serif; color:#000; padding: 8px; }
.code_highlight { 
  width: 588px; 
  margin: 5px auto;
  padding: 5px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 12px Arial, Helvetica, sans-serif;
  /* white-space: pre; */
  background: #f9f9f9; 
  border: 1px solid #e1e1e1;  
}
.code_highlight span { color: #000 !important; }
.b { border: none !important; }


/* Navigation ******************************************************************/
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 
div.menu,
div.menu a.menuItem {
  font: 18px BenchNine, "Helvetica", sans-serif;
  text-align: left; 
}

div.menuBar {
  list-style: none;
	margin: 0;
	padding: 0;
	height: 50px; 
  line-height: 50px;
}

div.emenuBar {
  text-align: left; 
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {   
	margin: 0;
	padding: 15px 10px 15px 10px;
  font: 18px BenchNine, "Helvetica", sans-serif;
	color: #ddd;	
  cursor: pointer;
  text-align: center; 
  text-decoration: none;
  text-transform:uppercase;
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 100;   
  white-space: nowrap;
  background: transparent;
  border:none;	
  height: 50px;
	line-height: 50px;   
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
	color: #eee;
	background: url(images/menua.png) repeat-x left top;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
	color: #eee;
	background: url(images/menua.png) repeat-x left top; 
}

/* sub links container */
div.menu {
  position: absolute;
  left: -999em;
  top: 0px;
  left: 0px;
  margin-top: -1px;
  padding: 5px;
  visibility: hidden;
  background: #008000;
  border:1px solid #333;
  width: 220px;
  z-index: 101; 
}
/* sub links item */
div.menu a.menuItem {
  font: 16px BenchNine, "Helvetica", sans-serif;
  color: #ddd;
  display: block;
	background: transparent;
	padding: 10px 10px;
	text-decoration: none;
  white-space: nowrap;
  margin: 0;
  text-align: left;
  text-transform:uppercase;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	color: #fff;
	left: 0;
  top: 0;
	background: #D2691E;
}

div.menu a.menuItem span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #fff;
}

div.menu a.menuItem:hover span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #D2691E;
}

div.menu a.menuItem span.menuItemText {
	padding: 0 0 0 10px;
}

div.menu a.menuItem span.menuItemArrow {
  padding-right: 20px; 
}

div.menu div.menuItemSep {
  border-top: 0px solid #a5a5a5;
  border-bottom: 0px solid #fff;
  margin: 4px 2px;
}

a.menuItem.header {
  border-bottom: 0px solid #b3b3b3;
}