/* 

CSS Document
Astro Ceria Blog
For Male Themes

 */
body{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background:#e00000 url(../images/bg_merah.gif);
	margin:0;
	padding:0;
}
.clear{
	clear:both;
	padding:0;
	margin:0;
}
form{
	margin:0;
	padding:0;
	}
/* top bar Js
*/
#topbar{
	position:absolute;
	width: 100%;
	text-align: left;
	visibility: hidden;
	z-index: 100;
}
.infobar{
	background:#cc4100 url(../images/topbar_bg.gif) repeat-x top;
	height:47px;
	border-bottom:3px solid #000000;
	padding-top:2px;
	width:auto;
}
.infobar_left{
	float:left;
	width:30%;
	margin-left:18px;
}
.infobar_right{
	padding-top:4px;
	float:right;
	margin-right:18px;
}
.right_left{
	float:left;
}
.right_right{
	float:left;
	}
a.astro_logo
		{
		display: block;
		text-indent: -10000px;
		background:url(../images/astroblog_logo.gif) no-repeat;
		width: 137px;
		height: 42px;
		text-align:left;
		}
a.login
		{
		display: block;
		text-indent: -10000px;
		background:url(../images/login_button.gif) no-repeat;
		width: 50px;
		height: 32px;
		text-align:left;
		margin-right:3px;s
		}
a.signup
		{
		display: block;
		text-indent: -10000px;
		background:url(../images/signup_button.gif) no-repeat;
		width: 112px;
		height: 32px;
		text-align:left;
		margin-right:3px;s
		}
.me a img
{border:none;}	
/*
body container

*/
#body_container
	{
	margin-top:63px;
	padding:0;
	}

/*
Header style

*/
.header
	{
	background:#FFFFFF;
	padding:12px;
	margin:auto;
	width:724px;
	}
.header_fill
	{
	background:#e00000 url(../images/bg_header_merah.gif) no-repeat top;
	padding-top:29px;
	height:66px;
	padding-left:20px;
	}
.header_fill h1
	{
	font-size:25px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	padding:0;
	}
.header_fill h1 a:link,
.header_fill h1 a:active,
.header_fill h1 a:visited
	{
	font-size:25px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
	}
.header_fill h1 a:hover
	{
	text-decoration:underline;
	}

/*
artikel style style

*/
#artikel_container
	{
	width:748px;
	padding-top:12px;
	margin:auto;
	}

/*
artikel left style

*/
#artikel_left
	{
	float:left;
	width:440px;
	padding:10px;
	background:#FFFFFF;
	margin-bottom:8px;
	}
.artikel_warp
	{
	padding-bottom:8px;
	border-bottom:1px solid #bababa;
	color:#333333;
	margin-top:10px;
	}
.artikel_warp a img
{border:none;}

.comment_warp a,
.comment_warp a:link,
.comment_warp a:active,
.artikel_linked a,
.artikel_linked a:link,
.artikel_linked a:active,
.artikel_warp a,
.artikel_warp a:link,
.artikel_warp a:active
	{
	text-decoration:none;
	font-weight:bold;
	color:#e00000;
	}
.artikel_linked a:hover,
.artikel_warp a:hover
	{
	text-decoration:underline;
	}
.artikel_warp h1
	{
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding:2px 0 2px 0;
	}
.artikel_warp h1 a,
.artikel_warp h1 a:link,
.artikel_warp h1 a:active
	{
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:2px 0 2px 0;
	text-decoration:none;
	color:#333333;
	}
.artikel_warp h1 a:hover
	{
	text-decoration:underline;
	}
.artikel_warp h2
	{
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#e00000;
	}
.artikel_warp em	
	{
	font-size:18px;
	background:#e00000;
	display:block;
	padding:2px 8px 2px 8px;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	}
p
	{
	margin:5px 0 5px 0;
	padding:2px 0 0 0;
	}
.artikel_linked
	{
	text-align:right;
	margin-top:8px;
	}
.comment_warp
	{
	padding-bottom:8px;
	border-bottom:1px solid #bababa;
	color:#333333;
	margin-top:10px;
	}
.comment_judul
	{
	font-size:17px;
	font-weight:bold;
	margin:8px 0 0 0;
	padding:2px 0 2px 0;
	border-bottom:3px solid #333333;
	border-top:3px solid #333333;
	display:block;
	}
/*
artikel right style

*/
#artikel_right
	{
	float:right;
	width:279px;
	}
.artikel_rwarp
	{
	padding:10px;
	background:#FFFFFF;
	margin-bottom:10px;
	}
.artikel_rwarp a,
.artikel_rwarp a:link,
.artikel_rwarp a:active
	{
	text-decoration:none;
	color:#e00000;
	}
.artikel_rwarp a:hover
	{
	text-decoration:underline;
	}
.span_left{
	float:left;
	margin-right:4px;
	}
.span_left img{
	max-width:75px;
	max-height:75px;
	}
.span_right{
	float:right;
	width:168px;
	}
.artikel_rwarp h1
	{
	font-size:18px;
	background:#e00000;
	display:block;
	padding:2px 8px 2px 8px;
	margin:0 0 8px 0;
	color:#FFFFFF;
	font-weight:bold;
	}
.jump_menu{
	width:90%
	}
.artikel_rwarp em
	{
	color:#aaaaaa;
	}
.footer
	{
	background:#FFFFFF;
	padding:8px;
	margin:auto;
	width:731px;
	margin-bottom:12px;
	}
.footer_fill
	{
	background:#e00000;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	padding:12px;
	}