/* =========================================== */
/* template_css.css for smartcounting template */
/* created by tommy.christanto.web.id          */
/* =========================================== */


body {
	background: url('../images/smartcounting-background.png') repeat-x #eee;
	font: 11px tahoma, arial, verdana;
	color: #666;
	margin: 0px;
}

a:link, a:visited {
	color: #00f;
	text-decoration: none;
}

a:hover {
	color: #b00;
}

#top_menu {
	height: 80px;
	width: 800px;
	margin: 0 auto;
	background: #000;
	color: #fff;
	font-size: 25px;
}

#top_menu ul, #top_menu li {
	display: inline;
}

#top_menu li a:link, #top_menu li a:visited {
	display: block;
	height: 35px; 
	vertical-align: middle; 
	text-align: center; 
	padding: 20px 15px; 
	float: left; 
	color: #bbb; 
	text-decoration: none;
}

#top_menu li a:hover {
	color: #fff;
}

#top_menu li.active a:link, #top_menu li.active a:visited, #top_menu li.active a:hover { 
	height: 35px; 
	padding: 15px 15px;
	background: url('../images/smartcounting-corner-top_menu.png') right bottom no-repeat #d00; 
	color: #fff; 
}

#content { 
	width: 800px; 
	margin: 0 auto; 
	background: url('../images/smartcounting-content-background.jpg') 50% 0% no-repeat; 
	padding-top: 295px; 
}

#content_detail {
	background: url('../images/smartcounting-content_main-background.png') 50% 0% no-repeat;
	height: 300px;
}

#main_content { 
	width: 510px; 
	float: left; 
	padding: 20px 15px; 
	margin: 20px 0px; 
	border-right: solid 1px #ddd; 
}

#small_box { 
	width: 260px; 
	background: url('../images/smartcounting-small_box-background.png') repeat-y #f4f4f4; 
	float: left; 
	margin-right: 10px; 
}

#small_box_content { 
	padding: 15px; 
}

#sidebar { 
	width: 229px; 
	float: right; 
	padding: 10px 15px; 
	margin: 20px 0px; 
}

#sidebar_item {
	height: 80px;
}

#sidebar_news_date { 
	width: 22px; 
	height: 29px; 
	background: url('../images/smartcounting-date-background.png') no-repeat; 
	text-align: center; 
	padding: 1px 4px; 
	float: left; 
}

#sidebar_news_detail { 
	width: 184px; 
	padding-left: 15px; 
	float: right; 
}

#footer { 
	width: 100%; 
	background: #333; 
	float: left; 
}

#footer_menu { 
	width: 770px; 
	margin: 0 auto; 
	padding: 30px 15px; 
	color: #ddd; 
}

#footer_menu ul, #footer_menu li { 
	display: inline; 
}

#footer_menu li a:link, #footer_menu li a:visited { 
	display: block; 
	padding: 0px 10px; 
	border-right: solid 1px #ddd; 
	color: #ddd; 
	text-decoration: none; 
	vertical-align: middle; 
	float: left; 
}

#footer_menu li a:hover, #footer_menu li.active a { 
	color: #f00; 
}

#designed_by { 
	display: none; 
}

h1, h2, h3 { 
	display: inline; 
	font-family: arial, tahoma, verdana; 
	letter-spacing: -1px; 
}

h1, h2 { 
	color: #000; 
}

.read_more a:link, .read_more a:visited { 
	font-size: 12px; 
	float: right; 
	padding-top: 10px; 
	text-decoration: underline;
}

.read_more a:hover {
	text-decoration: none;
}

.news_date_month { 
	color: #fff; 
	font-weight: bold; 
	font-size: 8px; 
}

.news_date_day { 
	font: 18px georgia, tahoma, arial, verdana; 
	color: #222; 
	position: relative; 
	top: -2px; 
}

.componentheading {
	display: none;
}

.contentpaneopen {
	width: 100%;
}

.contentheading {
	font: bold 24px arial, tahoma, verdana; 
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #000;
}

.buttonheading {
	width: auto;
}

.buttonheading a:link, .buttonheading a:visited, .buttonheading a:hover {
	border: none;
}

.article_separator {
	height: 1px;
	width: 100%;
	background: #eee;
}