@charset "utf-8";
/* CSS Document */

body {
	margin-top:30px;
	padding:0;
	background:url(../images/pink079.gif) repeat;
	font-family: Arial,Helvetica,sans-serif;
	}

a {
	text-decoration:none;
	color:#30C;
	}
a:hover{
	cursor:pointer;
	}

a:visited{ color:#30C; }

#container{
	width:987px;
	margin:0 auto;
	height:auto;
	overflow:auto;
	background-color:#FFF;
	border-radius:10px;
	padding:3px;
	box-shadow: 0px 3px 5px 5px #D3D3D3;
	}	

#header{
	height:110px;
	border-radius:5px;
	}
		
	#teks_indri{
		float:left;
		position:relative;
		margin-top:61px;	}
			
	#gbr_h1{
		float:left;
		position:relative;
		}
		
	#menu{
    border-radius: 5px 5px 5px 5px;
    float: right;
    height: 47px;
    margin-top: 59px;
    padding: 7px 0px 0px 7px;
    position: relative;
    width: 175px;
    margin-right: 276px;
		}	
	#menu a:hover { color:#F48CF7; text-decoration:underline; }	
		.search{
			float: right;
			margin-right: -428px;
    	margin-top: 70px;
			position: relative;
			
			}
			.search input[type="text"]{
				background: none repeat scroll 0 0 #ffffff;
				border-radius: 2px 2px 2px 2px;
				padding: 7px 7px 7px 7px;
				width: 168px;
				border: 1px solid #FCC2F7;
				color:#999;
			}
		
		.submit_login { cursor: pointer;
					background: #F2F2F2;
					border: solid 2px #CCC;
					-moz-border-radius: 5px;
					border-radius: 5px;
					padding: 4px 7px;
					font-size: 14px;
					color: #F48CF7;
					margin-left: 5px; }
					
				.submit_login:hover {
					cursor: pointer;
					background: #F48CF7;
					border: solid 2px #CCC;
					-moz-border-radius: 5px;
					border-radius: 5px;
					padding: 4px 7px;
					font-size: 14px;
					color: #FFF;
					margin-left: 5px;
					}

#line {
	border-bottom:3px solid #eeeeee;
	margin-top:-44px;
	margin-bottom:8px;
	}
	
#breadcum{
	width:900px;
	height:20px;
	text-align:left;
	margin-bottom:3px;
	font-size:12px;
	color:#069;
	margin-left:10px;
	}
#breadcum a{ color:#069 }
#breadcum a:hover { color:#F90 }

#clear{ clear:both; }

#content{
	padding:0;
	}

#left{
	width:70%;
	height:auto;
	float:left;
	}

	#left_1{
		height:auto;
		border-bottom:#F0C 1px dotted;
		width:687px;
		}
		
		#judul{
			height:30px;
			border:#FECDDE 1px solid;
			border-radius:5px;
			padding-left:5px;
			padding-top:5px;
			padding-bottom:5px;
			background:url(../images/bg_judul.png) repeat-x;
			font-size:1.3em;
			color:#454545;
			}
		#judul_kosong{
			height:30px;
			width:100%;
			border:#FECDDE 1px solid;
			border-radius:5px;
			padding-left:5px;
			padding-top:5px;
			padding-bottom:5px;
			/*background:url(../images/bg_judul.png) repeat-x;*/
			font-size:1.3em;
			color:#454545;
			}
			
		#ket_judul{
			height:23px;
			margin-top:2px;
			margin-left:10px;
			border-bottom:#CCC 1px solid;
			}
			
			.tgl_post{
				width:100px;
				float:left;
				height:100%;
				}
				
				.gbr_jam {float:left}
				.tgl{float:left;
					padding:3px;
					font-size:0.8em;
					font-style:italic;
					color:#666;}
			
			.cat{
				width:545px;
				float:left;
				height:100%;
				margin-left:5px;
				}
					.gbr_folder{float:left}
					.cat_detail{float:left;
						padding:3px;
						font-size:0.8em;
						font-style:italic;
						color:#060;}
					.cat_detail a:visited { color:#060 }	
					.cat_detail a:hover{color:#F90;}
		#isi{
			height:130px;
			margin-top:5px;
			margin-left:10px;
			border-radius:5px;
			}
			
			#gbr_kecil{
				height:100px;
				width:100px;
				float:left;
				border:#ccc 1px solid;
				box-shadow: 0px 3px 5px 0px #D3D3D3;
				margin-right:10px;}
			#materi{
				height:auto;
				font:12px/1.5em Arial,Helvetica,sans-serif;	
				line-height:1.5;
				text-align:justify;
				color:#444444;
				width:100%;
				}
			#materi a { color:#00C }	
			#materi a:hover{color:#F90; text-decoration:underline}
		
		#left_detail{
		width:687px;
		height:auto;
		}
		
		#isi_detail{
			height:auto;
			margin-top:5px;
			margin-left:10px;
			margin-bottom:5px;
			
			}
		#komentar {
			height:auto;
			width:100%;
			margin-top:5px;
			/*display:none;*/
			font-size:0.8em;
			}	
		#isi_komentar {
			color:#444444;
			}	
				#contact_form_holder { 
					font-size: 12px; 
					width:300px;
				}
				#contact_form_holder input, #contact_form_holder textarea { 
					width:96%;  
					font-size:12px; 
					padding:5px;
				}
				#contact_form_holder textarea { 
					height:100px;
				}
				#kirim { 
					width:100px !important;  
					font-size:12px;   
					border:1px solid black; 
					cursor:pointer;
					cursor:hand;
				}
				#tombol_submit { text-align:left; } 
				
				.error { display: none; padding:10px; color: #D8000C; font-size:10px;background-color: #FFBABA;}
				.sukses { display: none; padding:10px; color: #044406; font-size:10px;background-color: #B7FBB9;}
				
				#logo { vertical-align: middle; }
				.error img { vertical-align:top; }

#isi_profil {
	height:auto;
	width:100%;
	font:14px/20px Arial,Helvetica,sans-serif;	
	line-height:1.5;
	text-align:justify;
	color:#444444;
	}	
			
	
#right{
	height:auto;
	float:right;
	width:29%;
	margin-top:3px;
	}
		
	#box_kanan{
		height:auto;
		border-bottom:1px dotted #FB8EB5;
		margin-bottom:10px;
		}
	
		.title_box{
			height:25px;
			background-color:#FB8EB5;
			font-size:1.1em;
			color:#454545;
			border-radius:5px 5px 0px 0px;
			padding-top:3px;
			padding-left:5px;
			}
		.content_box{
			background:url(../images/bg_content_box.png) repeat-x;
			height:auto;
			font:13px/20px Helvetica,Arial,sans-serif;	
			color:#444444;
			list-style:none;
			padding-left:5px;
			margin-bottom:3px;
			padding-bottom:3px;
			}
		.content_box_chat{
			background:url(../images/bg_content_box.png) repeat-x;
			height:auto;
			font:13px/20px Helvetica,Arial,sans-serif;	
			color:#444444;
			list-style:none;
			padding-left:5px;
			text-align:center;
			margin-bottom:3px;
			padding-bottom:3px;}	
		.content_box a { color:#00C }	
		.content_box a:hover { color:#F60; text-decoration:underline}
		
		
/*FOOTER*/		
#footer{
	width:977px;
	border-top:3px solid #F6F;
	background-color:#E0E0E0;
	margin-top:20px;
	padding-top:10px;
	padding-left:10px;
	border-radius:0px 0px 10px 10px;
	font-size:0.8em;
	color:#515151;
	}
	#footer a { color:#515151}
	#footer a:hover { color:#F6F }

#foot_top {
	width:960pz;
	height:60px;
	}
		#f_left {
			width:310px;
			float:left;
			margin-right:2px;
			padding-left:25px;
			}
	
		#f_center{
			width:310px;
			text-align:center;
			float:left;
			vertical-align:middle;
			padding-top:12px;
			}	
			
		#f_right{
			float:right;
			vertical-align:middle;
			padding-top:12px;
			padding-right:25px;
			}	
		
		#copyright{
			text-align:center;
			color:#060;
			margin-top:20px;
			padding-bottom:10px;
			}
			
		.fb {
			background:url(../images/facebook1.png) no-repeat;
			width:32px;
			height:32px;
			position:relative;
			display:block;
			float:right
			}
			.fb:hover {
			background:url(../images/facebook.png) no-repeat;
			width:32px;
			height:32px;
			position:relative;
			display:block;
			}
			
		.twitter{
			background:url(../images/twitter1.png) no-repeat;
			width:32px;
			height:32px;
			position:relative;
			display:block;
			float:right
			}
		.twitter:hover{
			background:url(../images/twitter.png) no-repeat;
			width:32px;
			height:32px;
			position:relative;
			display:block;
		}
		.mail {
			background:url(../images/mail1.png) no-repeat;
			height:32px;
			width:32px;
			position:relative;
			display:block;
			float:right;
			display:block
			}
			
		.mail:hover {
			background:url(../images/mail.png) no-repeat;
			height:32px;
			width:32px;
			position:relative;
			display:block;
			}