body 			{margin:0 auto; padding:0px; }
.alas 			{width:1000px; margin:0 auto; }

/*menu*/
.home a											{background:url(images/bg_menu.gif) -16px 0px no-repeat; height:60px; width:100px; display:block;}
.home a:hover, .home a.pilih					{background:url(images/bg_menu.gif) -16px -60px no-repeat; height:60px; width:100px; display:block;}
.blogger a										{background:url(images/bg_menu.gif) -116px 0px no-repeat; height:60px; width:107px; display:block;}
.blogger a:hover, .blogger a.pilih				{background:url(images/bg_menu.gif) -116px -60px no-repeat; height:60px; width:107px; display:block;}
.insight a										{background:url(images/bg_menu.gif) -222px 0px no-repeat; height:60px; width:107px; display:block;}
.insight a:hover, .insight a.pilih				{background:url(images/bg_menu.gif) -222px -60px no-repeat; height:60px; width:107px; display:block;}
.yousay a										{background:url(images/bg_menu.gif) -328px 0px no-repeat; height:60px; width:107px; display:block;}
.yousay a:hover, .yousay a.pilih				{background:url(images/bg_menu.gif) -328px -60px no-repeat; height:60px; width:107px; display:block;}
.answers a										{background:url(images/bg_menu.gif) -440px 0px no-repeat; height:60px; width:107px; display:block;}
.answers a:hover, .answers a.pilih				{background:url(images/bg_menu.gif) -440px -60px no-repeat; height:60px; width:107px; display:block;}
.terms a										{background:url(images/bg_menu.gif) -551px 0px no-repeat; height:60px; width:107px; display:block;}
.terms a:hover, .terms a.pilih				{background:url(images/bg_menu.gif) -551px -60px no-repeat; height:60px; width:107px; display:block;}

.welcome										{text-align:right; font:normal 11px arial; color:#990000; padding-right:40px; padding-top:15px;}

.headline_competition				{padding:20px; width:210px; float:left; text-align:left; font: normal 12px Arial; color:#FFFFFF; line-height:16px; }
.headline_competition a				{font: bold 16px Arial; color:#FFF; display:block; text-decoration:none;}
.headline_competition a:hover		{color:#FFFF00; text-decoration:none;}
.headline_competition i				{font: normal 11px Arial; color:#dfb8b3; display:block;}
.headline_competition img			{border:3px solid #cb432e; float:left; margin-top:10px; margin-bottom:10px; }

.blogger_zone				{padding:20px 20px 20px 20px; text-align:left; font: normal 12px Arial; color:#936128; line-height:16px; width:290px; float:left;}
.blogger_zone h1			{font: bold 20px Arial; color:#b56c69; display:block; text-decoration:none; border-bottom:1px solid #ebdac8; padding-bottom:10px;}
.blogger_zone u				{font: bold 18px Arial; color:#bd1900; display:block; text-decoration:none; padding-top:10px;}
.blogger_zone b				{display:block;}
.blogger_zone i				{font: normal 11px Arial; color:#bd6052;}
.blogger_zone ul 			{border-top:1px solid #ebdac8; margin:0px; padding-left:10px; padding-top:5px; list-style:disc; font: bold 12px Arial; }		
.blogger_zone li			{margin:0 0 0 5px; padding:4px 5px; }
.blogger_zone a				{font: bold 12px Arial; color:#936128; text-decoration:none;}
.blogger_zone a:hover		{color:#bd1900; text-decoration:none;}

.insight_list				{text-align:left; }
.insight_list ul			{margin:0px; padding-left:20px; padding-top:5px; list-style:url(images/red_bullet.jpg);}
.insight_list li			{margin:0 0 0 15px; padding:4px 5px; }
.insight_list a				{font:bold 12px Arial; color:#FFFFFF; text-decoration:none;}
.insight_list a:hover		{color:#fff000; text-decoration:none;}

.answer_artikel 			{text-align:left; padding:20px; font:normal 12px arial; color:#FFFFFF; line-height:18px;}
.answer_artikel img			{border:5px solid #bb695e; margin-right:10px;}
.answer_artikel u			{font: bold 18px Arial; color:#fff000; display:block; text-decoration:none; float:left;}
.answer_artikel i			{font: normal 11px Arial; color:#dfb8b3; display:block; float:left;} 	 	

.kotak_biru					{background:#02356c; text-align:left; padding:20px; font:normal 12px arial; color:#FFFFFF; line-height:16px;}
.kotak_biru	img				{border:3px solid #305987; margin-right:10px;}
.kotak_biru	i				{font: normal 11px Arial; color:#c5cf20;}
.kotak_biru	a				{font: normal 11px Arial; color:#fff; text-decoration:none;}
.kotak_biru	a:hover			{font: normal 11px Arial; color:#FFFF00; text-decoration:none;}

.paging						{text-align:left; padding:20px;}
.paging a					{font: normal 11px Arial; color:#FFFFFF; text-decoration:none;}
.paging a:hover				{color:#f4d500; text-decoration:none;}

.kotak_putih				{background:#FFFFFF; padding:15px 10px 15px 10px;}
.border						{border-bottom:dashed 1px #0354ac;}

/*span*/
.inside_box					{color: #936128;font-size:11px;}
.paragraf					{padding-top:10px; display:block; padding-bottom:10px;}
.paragraf a					{font: normal 11px Arial; color:#bd6052;}
.paragraf a:hover			{color:#bd1900;}
.ib_yousay					{color: #BD1900;font: bold 13px Arial; float:left; padding-right:10px;}
.nama_yousay				{font-size: 11px;font-weight: bold; float:left; text-align:right; padding:20px 10px 10px 20px; width:120px;}
.oleh_answer				{float:left; font: italic 12px Arial;}
.biru						{display:block; float:left; width:190px;}
.kuning						{font: normal 11px Arial; color:#95c9ff; }
.kuning a					{font: normal 11px Arial; color:#fff; text-decoration:none;}
.kuning a:hover				{font: normal 11px Arial; color:#fcff00; text-decoration:none;}
.batas						{font: normal 10px Arial; color:#0354ac; }
.judul_yousay				{font: bold 16px arial; color:#FFFF00;}
.link_nama a 				{font: bold 12px arial; color:#FFFFFF;}		
.link_nama a:hover			{font: bold 12px arial; color:#FFFF00;}						

/*background*/
.bgb					{background:url(images/balon.png) no-repeat; height:66px;}
.bgka					{background:url(images/bg_krematas.jpg) center top no-repeat;}
.bgma					{background:url(images/bg_merahatas.jpg) no-repeat;}
.bgmb					{background:url(images/bg_merahbawah.jpg) no-repeat bottom center;}
.bgkb					{background:url(images/bg_krembawah.jpg) no-repeat;}
.bgblk					{background:url(images/banner_lombakompasiana.jpg) no-repeat;}
						
/*footer*/
.footer 				{padding-top:10px; padding-bottom:40px;  font:normal 11px Arial; color:#bf8e57;}
.footer ul 				{list-style:none; padding:0px; margin:0px; border-bottom:1px solid #dfbba2; }
.footer li 			    {display:inline;}
.footer a 				{padding:0px 10px; font:normal 11px Arial; color:#bf8e57; text-decoration:none; border-right:1px solid #bf8e57;}
.footer a:hover 	    {color:#936128; text-decoration:none;}

/*calendar*/
.head_cal_ib			{background:url(images/head_calendar.jpg); height:25px;}
.foot_cal_ib			{background:url(images/bg_bawah_cal.jpg) no-repeat; height:8px;}
.list_cal_ib			{ margin-left: 0; margin-top: 0px; margin-bottom:0;  padding-left: 0; list-style: none; background:url(images/bg_cal.jpg) repeat-y;}
.list_cal_ib a 			{text-decoration:none; color:#000000;}
.list_cal_ib a:hover	{color:#0099FF;}
.list_cal_ib li 		{ margin-right:15px; margin-left:15px; padding-top:8px; padding-bottom: 5px; border-bottom:solid 1px #ececec;}
.w270					{ width:270px;}
img, div { behavior: url(iepngfix.htc) }